#TB_overlay {
background: #000;
opacity: 0.7;
filter: alpha(opacity=70);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100050; }
#TB_window {
position: fixed;
background-color: #fff;
z-index: 100050; visibility: hidden;
text-align: left;
top: 50%;
left: 50%;
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
}
#TB_window img#TB_Image {
display: block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height: 25px;
padding: 7px 30px 10px 25px;
float: left;
}
#TB_closeWindow {
height: 25px;
padding: 11px 25px 10px 0;
float: right;
}
#TB_closeWindowButton {
position: absolute;
left: auto;
right: 0;
width: 29px;
height: 29px;
border: 0;
padding: 0;
background: none;
cursor: pointer;
outline: none;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
transition: color .1s ease-in-out, background .1s ease-in-out;
}
#TB_ajaxWindowTitle {
float: left;
font-weight: 600;
line-height: 29px;
overflow: hidden;
padding: 0 29px 0 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: calc( 100% - 39px );
}
#TB_title {
background: #fcfcfc;
border-bottom: 1px solid #ddd;
height: 29px;
}
#TB_ajaxContent {
clear: both;
padding: 2px 15px 15px 15px;
overflow: auto;
text-align: left;
line-height: 1.4em;
}
#TB_ajaxContent.TB_modal {
padding: 15px;
}
#TB_ajaxContent p {
padding: 5px 0px 5px 0px;
}
#TB_load {
position: fixed;
display: none;
z-index: 100050;
top: 50%;
left: 50%;
background-color: #E8E8E8;
border: 1px solid #555;
margin: -45px 0 0 -125px;
padding: 40px 15px 15px;
}
#TB_HideSelect {
z-index: 99;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
border: none;
filter: alpha(opacity=0);
opacity: 0;
height: 100%;
width: 100%;
}
#TB_iframeContent {
clear: both;
border: none;
}
.tb-close-icon {
display: block;
color: #666;
text-align: center;
line-height: 29px;
width: 29px;
height: 29px;
position: absolute;
top: 0;
right: 0;
}
.tb-close-icon:before {
content: "\f158";
font: normal 20px/29px dashicons;
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#TB_closeWindowButton:hover .tb-close-icon,
#TB_closeWindowButton:focus .tb-close-icon {
color: #006799;
}
#TB_closeWindowButton:focus .tb-close-icon {
-webkit-box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
}.dropshadowboxes-container {
clear: both;
display: flex;
position: relative;
z-index: 1;
}
.dropshadowboxes-container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.dropshadowboxes-container.dropshadowboxes-center{
width:100%;
}
.dropshadowboxes-container.dropshadowboxes-center > DIV.dropshadowboxes-drop-shadow {
margin-left:auto;
margin-right:auto;
}
.dropshadowboxes-drop-shadow {
background: none repeat scroll 0 0;
padding:10px;
margin: 10px 0 10px 0;
position: relative;
border-radius:3px;
flex:1;
}
.dropshadowboxes-left{
clear: none;
float:left;
margin-right:10px;
}
.dropshadowboxes-right{
clear: none;
float:right;
margin-left:10px;
} .dropshadowboxes-rounded-corners{
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
} .dropshadowboxes-inside-shadow{
-webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
}
.dropshadowboxes-outside-shadow{
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.dropshadowboxes-inside-and-outside-shadow{
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);
} .dropshadowboxes-drop-shadow:before, .dropshadowboxes-drop-shadow:after {
content: "";
position: absolute;
z-index: -2;
}
.dropshadowboxes-lifted-bottom-left:before{
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
bottom: 17px;
height: 20%;
left: 10px;
max-height: 100px;
max-width: 300px;
width: 50%;
}
.dropshadowboxes-lifted-bottom-right:after{
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
bottom: 17px;
height: 20%;
left: 10px;
max-height: 100px;
max-width: 300px;
width: 50%;
}
.dropshadowboxes-lifted-bottom-right:after {
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
left: auto;
right: 10px;
}
.dropshadowboxes-lifted-both:before, .dropshadowboxes-lifted-both:after {
-webkit-box-shadow:0 15px 10px;
-moz-box-shadow:0 15px 10px;
box-shadow:0 15px 10px;
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
bottom: 15px;
height: 20%;
left: 10px;
max-height: 100px;
max-width: 300px;
width: 50%;
}
.dropshadowboxes-lifted-both:after {
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
left: auto;
right: 10px;
}
.dropshadowboxes-curled {
border: 1px solid #EFEFEF;
-moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
border-radius:0 0 120px 120px / 0 0 6px 6px;
}
.dropshadowboxes-curled:before, .dropshadowboxes-curled:after {
-webkit-box-shadow:0 8px 12px;
-moz-box-shadow:0 8px 12px;
box-shadow:0 8px 12px;
-webkit-transform:skew(-8deg) rotate(-3deg);
-moz-transform:skew(-8deg) rotate(-3deg);
-ms-transform:skew(-8deg) rotate(-3deg);
-o-transform:skew(-8deg) rotate(-3deg);
transform:skew(-8deg) rotate(-3deg);
bottom: 12px;
height: 55%;
left: 10px;
max-height: 100px;
max-width: 200px;
width: 50%;
}
.dropshadowboxes-curled:after {
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
left: auto;
right: 10px;
}
.dropshadowboxes-perspective-left:before {
-webkit-box-shadow:-80px 0 8px ;
-moz-box-shadow:-80px 0 8px;
box-shadow:-80px 0 8px ;
-webkit-transform:skew(50deg);
-moz-transform:skew(50deg);
-ms-transform:skew(50deg);
-o-transform:skew(50deg);
transform:skew(50deg);
-webkit-transform-origin:0 100%;
-moz-transform-origin:0 100%;
-ms-transform-origin:0 100%;
-o-transform-origin:0 100%;
transform-origin:0 100%;
bottom: 3px;
height: 35%;
left: 70px;
width: 50%;
}
.dropshadowboxes-perspective-left:after { }
.dropshadowboxes-perspective-right:before {
-webkit-box-shadow:80px 0 8px;
-moz-box-shadow:80px 0 8px;
box-shadow:80px 0 8px;
-webkit-transform:skew(-50deg);
-moz-transform:skew(-50deg);
-ms-transform:skew(-50deg);
-o-transform:skew(-50deg);
transform:skew(-50deg);
-webkit-transform-origin:0 100%;
-moz-transform-origin:0 100%;
-ms-transform-origin:0 100%;
-o-transform-origin:0 100%;
transform-origin:0 100%;
width: 50%;
height: 35%;
bottom: 4px;
right: 70px;
}
.dropshadowboxes-perspective-right:after {
display: none;
}
.dropshadowboxes-raised-no-inside-shadow-no-outside-shadow {
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
}
.dropshadowboxes-raised-with-inside-shadow-no-outside-shadow {
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(0, 0, 0, 0.1);
}
.dropshadowboxes-raised-no-inside-shadow-with-outside-shadow {
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);
}
.dropshadowboxes-raised-with-inside-shadow-with-outside-shadow {
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);
}
.dropshadowboxes-curved:before {
border-radius: 10px 10px 10px 10px / 100px 100px 100px 100px;
bottom: 10px;
left: 0;
right: 50%;
top: 10px;
-webkit-box-shadow:0 0 15px;
-moz-box-shadow:0 0 15px;
box-shadow:0 0 15px;
}
.dropshadowboxes-curved-vertical-2:before {
right: 0;
}
.dropshadowboxes-curved-horizontal-1:before {
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
bottom: 0;
left: 10px;
right: 10px;
top: 50%;
}
.dropshadowboxes-curved-horizontal-2:before {
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
bottom: 0;
left: 10px;
right: 10px;
top: 0;
} .dropshadowboxes-effect-blue:before,
.dropshadowboxes-effect-blue:after {
color:rgba(0, 0, 255, 0.6);
}
.dropshadowboxes-effect-white:before,
.dropshadowboxes-effect-white:after {
color:rgba(255, 255, 255, 0.6);
}
.dropshadowboxes-effect-yellow:before,
.dropshadowboxes-effect-yellow:after {
color:rgba(255, 255, 0, 0.6);
}
.dropshadowboxes-effect-red:before,
.dropshadowboxes-effect-red:after {
color:rgba(255, 0, 0, 0.6);
}
.dropshadowboxes-effect-green:before,
.dropshadowboxes-effect-green:after {
color:rgba(0, 255, 0, 0.6);
}
.dropshadowboxes-effect-default:before,
.dropshadowboxes-effect-default:after  {
color:rgba(0, 0, 0, 0.5);
} .dropshadowboxes-color-picker {
position:absolute;
}
.dropshadowboxes-color-input {
width:70px;
}
#TB_ajaxContent {
height:92%!important;
}