@charset "utf-8";
/* CSS Document */

.view, .update, .edit, .save, .add, .delete, .ok, .back, .cancel {
    display                 :inline-block;
    font-family             :'Dosis', sans-serif;
    font-size               :0.7em;
    font-weight             :700;
    vertical-align          :middle;
    border                  :1px solid #c0c2a8;
    border-radius           :0.4em;
    -o-border-radius        :0.4em;
    -moz-border-radius      :0.4em;
    -webkit-border-radius   :0.4em;
    transition              :all 0.5s ease;
    -o-transition           :all 0.5s ease;
    -moz-transition         :all 0.5s ease;
    -webkit-transition      :all 0.5s ease;
    text-decoration         :none;
    cursor                  :pointer;
    box-sizing:border-box;
	height:2.5em;
	margin:0 5px 0 0;
	padding:0 10px;}
.view .fa, .update .fa, .edit .ad, .add .fa, .save .fa, .delete .fa, .ok .fa, .back .fa, .cancel .fa{
    line-height:2.2em;;
    margin-left:5px;}
input.view, input.update, input.edit, input.add, input.save, input.delete, input.ok, input.back, input.cancel{
    line-height: 2.2em;}
button.view, button.update, button.edit, button.add, button.save, button.delete, button.ok, button.back, button.cancel{
    line-height: 2.2em;
    position:relative;}
a.view, a.update, a.edit, a.add, a.save, a.delete, a.ok, a.back, a.cancel{
    line-height: 2.2em;}
.rad_5{
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;}
.view,
.cancel{
	/* background-color:#e5e5e5; */
  /* background-color:#bbbbbb50; */
  background-color:#aaaaaa50;
	border:1px solid #bbb;
	color:#333;}
.view:hover,
.cancel:hover{
	/* background-color:#dcdcdc; */
  background-color:#aaaaaa75;
	border:1px solid #bbb;
	color:#333;}
.view.active{
  /* background-color:#bbb !important; */
  background-color:#aaaaaa99;}
.update,
.edit{
	background-color:#B5E5EF;
	border:1px solid #77BACE;
	color:#082B33;}
.update:hover,
.edit:hover{
	background-color:#7ad9ed;
	border:1px solid #77BACE;
	color:#082B33;}
.add,
.save{
	background-color:#E2F6C5;
	border:1px solid #79C20D;
	color:#32510F;}
.add:hover,
.save:hover{
	background-color:#c4f57c;
	border:1px solid #59882f;
	color:#59882f;}
.ok{
	background-color:#90db4e;
	border:1px solid #59882f;
	color:#2f4c0f;}
.ok:hover{
	background-color:#77af46;
	border:1px solid #59882f;
	/*color:#22380a;*/
	color:#ffffff;}
.delete{
	background-color:#F3D9D9;
	border:1px solid #D20009;
	color: #7B040F;}
.delete:hover{
	background-color:#f3aeae;
	border:1px solid #D20009;
	color: #7B040F;}
.back{
	background-color:#f8e4b7;
	border:1px solid #ab7900;
	color: #75550c;}
.back:hover{
	background-color:#fccb5d;
	border:1px solid #ab7900;
	color: #75550c;}
button[name=action].update:before{
    content:"update";}
button[name=action].delete:before{
    content:"delete";}
button[name=action].back:before{
    content:"back";}
button[name=action].save:before{
    content:"save";}
button[name=action].edit:before{
    content:"edit";}
button[name=action].add:before{
    content:"add";}
button[name=action].cancel:before{
    content:"cancel";}

button.disabled:after{
    content:"";
    position:absolute;
    top:-1px;
    left:-1px;
    background-color:rgba(255,255,255,0.7);
    width:calc(100% + 2px);
    height:30px;
    cursor:not-allowed;
}