.dt-button
{
background-color:       var(--button-bg-color);
color:                  var(--button-txt-color);
text-align:             center;
font-size:              13px ;
font-weight:            bold;
padding:                .33em .46em .33em .46em;
margin-bottom:          .61em;
/*border-radius:          .5em;*/
text-decoration:        none;
display:                block;
border:                 1px outset var(--button-txt-color);
/*border-style:           none;*/
cursor:                 pointer;
/*
box-shadow:             0px 0px 3px 0px var(--button-txt-color);  
-moz-box-shadow:        0px 0px 3px 0px var(--button-txt-color);
-webkit-box-shadow:     0px 0px 3px 0px var(--button-txt-color);*/
}

.dt-button-reverse-2
{
background-color:       var(--button-txt-color);
color:                  var(--button-bg-color);
text-align:             center;
font-size:              13px;
font-weight:            bold;
padding:                .33em .46em .33em .46em;
margin-bottom:          .61em;
border-radius:          .5em;
text-decoration:        none !important;
display:                block;
/*border-style:           none;*/
cursor:                 pointer;
/*
box-shadow:             0px 0px 3px 0px var(--button-txt-color);  
-moz-box-shadow:        0px 0px 3px 0px var(--button-txt-color);
-webkit-box-shadow:     0px 0px 3px 0px var(--button-txt-color);*/
}


.dt-button:hover
{
background-color:       var(--button-hover-bg-color);
color:                  var(--button-hover-txt-color);
border-style:           inset;
}

.dt-button-reverse-2:hover
{
border:                 2px solid var(--button-bg-color);
/*border-style:           inset;*/
}



.dt-button-reverse
{
color:                  var(--button-bg-color);
text-align:             center;
font-size:              13px;
font-weight:            bold;
padding:                .33em .46em .33em .46em;
text-decoration:        none !important;
display:                block;
/*border-style:           none;*/
cursor:                 pointer;
}

.dt-button-reverse:hover
{
background-color:       var(--button-hover-bg-color);
color:                  var(--button-hover-txt-color);
}

.dt-icon-consumption
{
background: transparent url("/image/buttons/consumption.svg") center/contain no-repeat;  
}

.dt-icon-up
{
background: transparent url("/image/buttons/up.svg") center/contain no-repeat;  
}

.dt-icon-account
{
background: transparent url("/image/buttons/account.svg") center/contain no-repeat;  
}

.dt-icon-logout
{
background: transparent url("/image/buttons/logout.svg") center/contain no-repeat;  
}

.dt-icon-password
{
background: transparent url("/image/buttons/password.svg") center/contain no-repeat;  
}

.dt-icon-down
{

background: transparent url("/image/buttons/down.svg") center/contain no-repeat; 
}

.dt-icon-close
{

background: transparent url("/image/buttons/close.svg") center/contain no-repeat; 
}

.dt-icon-delete
{

background: transparent url("/image/buttons/delete.svg") center/contain no-repeat; 
}

.dt-icon-desktop
{

background: transparent url("/image/buttons/desktop.svg") center/contain no-repeat; 
}

.dt-icon-reboot
{

background: transparent url("/image/buttons/reboot.svg") center/contain no-repeat; 
}

.dt-icon-restore
{

background: transparent url("/image/buttons/restore.svg") center/contain no-repeat; 
}

.dt-icon-eye
{

background: transparent url("/image/buttons/eye.svg") center/contain no-repeat; 
}

.dt-icon-view-all
{

background: transparent url("/image/buttons/view-all.svg") center/contain no-repeat; 
}

.dt-icon-view-active
{

background: transparent url("/image/buttons/view-active.svg") center/contain no-repeat; 
}

.dt-icon-detail
{

background: transparent url("/image/buttons/detail.svg") center/contain no-repeat; 
}

.dt-icon-clear
{

background: transparent url("/image/buttons/clear.svg") center/contain no-repeat; 
}

.dt-icon-note-add
{

background: transparent url("/image/buttons/note_add.svg") center/contain no-repeat; 
}

.dt-icon-edit
{

background: transparent url("/image/buttons/edit.svg") center/contain no-repeat; 
}

.dt-icon-assignment
{

background: transparent url("/image/buttons/assignment.svg") center/contain no-repeat; 
}

.dt-icon-customer-add
{

background: transparent url("/image/buttons/customer_add.svg") center/contain no-repeat; 
}

.dt-icon-save
{

background: transparent url("/image/buttons/save.svg") center/contain no-repeat; 
}

.dt-icon-file
{

background: transparent url("/image/buttons/file.svg") center/contain no-repeat; 
}

.dt-icon-picture
{

background: transparent url("/image/buttons/picture.svg") center/contain no-repeat; 
}

.dt-icon-msg-add
{

background: transparent url("/image/buttons/msg_add.svg") center/contain no-repeat; 
}

.dt-icon-new
{

background: transparent url("/image/buttons/new.svg") center/contain no-repeat; 
}

.dt-icon-filter
{

background: transparent url("/image/buttons/filter.svg") center/contain no-repeat; 
}

.dt-icon-filter2
{

background: transparent url("/image/buttons/filter2.svg") center/contain no-repeat; 
}

.dt-icon-nofilter
{

background: transparent url("/image/buttons/nofilter.svg") center/contain no-repeat; 
}

.dt-icon-stat
{

background: transparent url("/image/buttons/stat.svg") center/contain no-repeat; 
}

.dt-icon-download
{

background: transparent url("/image/buttons/download.svg") center/contain no-repeat; 
}

.dt-icon-invoice
{

background: transparent url("/image/buttons/invoice.svg") center/contain no-repeat; 
}

.dt-icon-date-range
{

background: transparent url("/image/buttons/date_range.svg") center/contain no-repeat; 
}

.dt-icon-map
{

background: transparent url("/image/buttons/map.svg") center/contain no-repeat; 
}

.dt-icon-search-order
{

background: transparent url("/image/buttons/search_order.svg") center/contain no-repeat; 
}

.dt-icon-search-building
{

background: transparent url("/image/buttons/search_building.svg") center/contain no-repeat; 
}

.dt-icon-building
{

background: transparent url("/image/buttons/building.svg") center/contain no-repeat; 
}

.dt-icon-search
{

background: transparent url("/image/buttons/search.svg") center/contain no-repeat; 
}

.dt-icon-user
{

background: transparent url("/image/buttons/user.svg") center/contain no-repeat; 
}

.dt-icon-profile
{

background: transparent url("/image/buttons/profile.svg") center/contain no-repeat; 
}

.dt-icon-token
{

background: transparent url("/image/buttons/token.svg") center/contain no-repeat; 
}

.dt-icon-society
{

background: transparent url("/image/buttons/society.svg") center/contain no-repeat; 
}

.dt-icon-monitor
{

background: transparent url("/image/buttons/monitor.svg") center/contain no-repeat; 
}

.dt-icon-dslam
{

background: transparent url("/image/buttons/dslam.svg") center/contain no-repeat; 
}

.dt-icon-sip
{

background: transparent url("/image/buttons/sip.svg") center/contain no-repeat; 
}

.dt-icon-internet
{

background: transparent url("/image/buttons/internet.svg") center/contain no-repeat; 
}

.dt-icon-tvip
{

background: transparent url("/image/buttons/tvip.svg") center/contain no-repeat; 
}

.dt-icon-tvip-add
{

background: transparent url("/image/buttons/tvip_add.svg") center/contain no-repeat; 
}

.dt-icon-login
{

background: transparent url("/image/buttons/login.svg") center/contain no-repeat; 
}

.dt-icon-address-ip
{

background: transparent url("/image/buttons/addressip.svg") center/contain no-repeat; 
}

.dt-icon-event-add
{

background: transparent url("/image/buttons/event-add.svg") center/contain no-repeat; 
}

.dt-icon-event-delete
{

background: transparent url("/image/buttons/event-del.svg") center/contain no-repeat; 
}

.dt-icon-transfer
{

background: transparent url("/image/buttons/transfer.svg") center/contain no-repeat; 
}