div.dt-button-info{
position:fixed;
top:50%;
left:50%;
width:400px;
margin-top:-100px;
margin-left:-200px;
background-color:white;
border:2px solid #111;
box-shadow:3px 3px 8px rgba(0,0,0,0.3);
border-radius:3px;
text-align:center;
z-index:21
}
div.dt-button-info h2{
padding:0.5em;
margin:0;
font-weight:normal;
border-bottom:1px solid #ddd;
background-color:#f3f3f3
}
div.dt-button-info>div{
padding:1em
}
button.dt-button,div.dt-button,a.dt-button{
position:relative;
display:inline-block;
box-sizing:border-box;
margin-right:0.333em;
padding:0.5em 1em;
cursor:pointer;
font-size:0.88em;
white-space:nowrap;
overflow:hidden;
/*background-color:#e9e9e9;
background-image:-webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);
background-image:-moz-linear-gradient(top, #fff 0%, #e9e9e9 100%);
background-image:-ms-linear-gradient(top, #fff 0%, #e9e9e9 100%);
background-image:-o-linear-gradient(top, #fff 0%, #e9e9e9 100%);
background-image:linear-gradient(to bottom, #fff 0%, #e9e9e9 100%);*/
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
text-decoration:none;
text-align:center;
vertical-align:middle;
background-image:none;
border:1px solid transparent;
border-radius:4px;
outline:none;
color:#fff;
background-color:#5bc0de;
border-color:#46b8da
}
button.dt-button.disabled,div.dt-button.disabled,a.dt-button.disabled{
color:#999;
border:1px solid #d0d0d0;
cursor:default;
background-color:#f9f9f9;
background-image:-webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
background-image:-moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
background-image:-ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
background-image:-o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
background-image:linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9')
}
button.dt-button:active:not(.disabled),button.dt-button.active:not(.disabled),div.dt-button:active:not(.disabled),div.dt-button.active:not(.disabled),a.dt-button:active:not(.disabled),a.dt-button.active:not(.disabled){
color:#fff;
background-color:#f0ad4e;
border-color:#eea236;
/*
background-color:#e2e2e2;
background-image:-webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
background-image:-moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
background-image:-ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
background-image:-o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
background-image:linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#e2e2e2');
box-shadow:inset 1px 1px 3px #999999
*/
}
button.dt-button:active:not(.disabled):hover:not(.disabled),button.dt-button.active:not(.disabled):hover:not(.disabled),div.dt-button:active:not(.disabled):hover:not(.disabled),div.dt-button.active:not(.disabled):hover:not(.disabled),a.dt-button:active:not(.disabled):hover:not(.disabled),a.dt-button.active:not(.disabled):hover:not(.disabled){
color:#fff;
background-color:#f0ad4e;
border-color:#eea236;
/*
box-shadow:inset 1px 1px 3px #999999;
background-color:#cccccc;
background-image:-webkit-linear-gradient(top, #eaeaea 0%, #ccc 100%);
background-image:-moz-linear-gradient(top, #eaeaea 0%, #ccc 100%);
background-image:-ms-linear-gradient(top, #eaeaea 0%, #ccc 100%);
background-image:-o-linear-gradient(top, #eaeaea 0%, #ccc 100%);
background-image:linear-gradient(to bottom, #eaeaea 0%, #ccc 100%);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc')
*/
}
button.dt-button:hover,div.dt-button:hover,a.dt-button:hover{
text-decoration:none
}
button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled),a.dt-button:hover:not(.disabled){
color:#fff;
background-color:#f0ad4e;
border-color:#eea236;
/*
border:1px solid #666;
background-color:#e0e0e0;
background-image:-webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
background-image:-moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
background-image:-ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
background-image:-o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
background-image:linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e0e0e0')
*/
}
button.dt-button:focus:not(.disabled),div.dt-button:focus:not(.disabled),a.dt-button:focus:not(.disabled){
color:#fff;
background-color:#f0ad4e;
border-color:#eea236;
/*border:1px solid #426c9e;
text-shadow:0 1px 0 #c4def1;
outline:none;
background-color:#79ace9;
background-image:-webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
background-image:-moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
background-image:-ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
background-image:-o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
background-image:linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9')
*/
}
.dt-button embed{
outline:none
}
div.dt-buttons{
position:relative;
float:left
}
div.dt-buttons.buttons-right{
float:right
}
div.dt-button-collection{
position:absolute;
top:0;
left:0;
width:150px;
margin-top:3px;
padding:8px 8px 4px 8px;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,0.4);
background-color:white;
overflow:hidden;
z-index:2002;
border-radius:5px;
box-shadow:3px 3px 5px rgba(0,0,0,0.3);
z-index:2002;
-webkit-column-gap:8px;
-moz-column-gap:8px;
-ms-column-gap:8px;
-o-column-gap:8px;
column-gap:8px
}
div.dt-button-collection button.dt-button,div.dt-button-collection div.dt-button,div.dt-button-collection a.dt-button{
position:relative;
left:0;
right:0;
display:block;
float:none;
margin-bottom:4px;
margin-right:0
}
div.dt-button-collection button.dt-button:active:not(.disabled),div.dt-button-collection button.dt-button.active:not(.disabled),div.dt-button-collection div.dt-button:active:not(.disabled),div.dt-button-collection div.dt-button.active:not(.disabled),div.dt-button-collection a.dt-button:active:not(.disabled),div.dt-button-collection a.dt-button.active:not(.disabled){
color:#fff;
background-color:#f0ad4e;
border-color:#eea236;
/*background-color:#dadada;
background-image:-webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
background-image:-moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
background-image:-ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
background-image:-o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
background-image:linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0', EndColorStr='#dadada');
box-shadow:inset 1px 1px 3px #666*/
}
div.dt-button-collection.fixed{
position:fixed;
top:50%;
left:50%;
margin-left:-75px;
border-radius:0
}
div.dt-button-collection.fixed.two-column{
margin-left:-150px
}
div.dt-button-collection.fixed.three-column{
margin-left:-225px
}
div.dt-button-collection.fixed.four-column{
margin-left:-300px
}
div.dt-button-collection>*{
-webkit-column-break-inside:avoid;
break-inside:avoid
}
div.dt-button-collection.two-column{
width:300px;
padding-bottom:1px;
-webkit-column-count:2;
-moz-column-count:2;
-ms-column-count:2;
-o-column-count:2;
column-count:2
}
div.dt-button-collection.three-column{
width:450px;
padding-bottom:1px;
-webkit-column-count:3;
-moz-column-count:3;
-ms-column-count:3;
-o-column-count:3;
column-count:3
}
div.dt-button-collection.four-column{
width:600px;
padding-bottom:1px;
-webkit-column-count:4;
-moz-column-count:4;
-ms-column-count:4;
-o-column-count:4;
column-count:4
}
div.dt-button-background{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
background:-ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
background:-moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
background:-o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
background:-webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0,0,0,0.3)), color-stop(1, rgba(0,0,0,0.7)));
background:-webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
background:radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
z-index:2001
}
@media screen and (max-width: 640px){
div.dt-buttons{
float:none !important;
text-align:center
}

}