.tooltip {
position: absolute;
z-index: 100001;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
filter: alpha(opacity=0);
opacity: 0;
line-break: auto;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
} .popover {
position: absolute;
top: 0;
left: 0;
z-index: 100001;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
line-break: auto;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .bs-arrow,
.popover > .bs-arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .bs-arrow {
border-width: 11px;
}
.popover > .bs-arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .bs-arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top > .bs-arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .bs-arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right > .bs-arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .bs-arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .bs-arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .bs-arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .bs-arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
} .fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.hide {
display: none;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.fade.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.modal-header {
padding: 9px 15px; border-bottom: 1px solid #d1d1d1;
}
.modal-header h3 {
margin: 0;
line-height: 30px;
}
.modal-form {
margin-bottom: 0;
}
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #fff;
-moz-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
*zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: "";
line-height: 0;
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
@media (max-width: 480px) {
.modal-header .box-close {
padding: 10px;
margin: -10px;
}
}
div.modal {
position: fixed;
top: 5%;
left: 50%;
z-index: 100000;
width: 80%;
margin-left: -40%; background-color: #f1f1f1;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,0.3);
*border: 1px solid #999;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
-moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
box-shadow: 0 3px 7px rgba(0,0,0,0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}
div.modal.fade {
-webkit-transition: opacity .3s linear, top .3s ease-out;
-moz-transition: opacity .3s linear, top .3s ease-out;
-o-transition: opacity .3s linear, top .3s ease-out;
transition: opacity .3s linear, top .3s ease-out;
top: -25%;
}
div.modal.fade.in {
top: 5%;
}
.modal-batch {
overflow-y: visible;
}
div.modal.jviewport-width10 {
width: 10vw;
margin-left: -5vw;
}
div.modal.jviewport-width20 {
width: 20vw;
margin-left: -10vw;
}
div.modal.jviewport-width30 {
width: 30vw;
margin-left: -15vw;
}
div.modal.jviewport-width40 {
width: 40vw;
margin-left: -20vw;
}
div.modal.jviewport-width50 {
width: 50vw;
margin-left: -25vw;
}
div.modal.jviewport-width60 {
width: 60vw;
margin-left: -30vw;
}
div.modal.jviewport-width70 {
width: 70vw;
margin-left: -35vw;
}
div.modal.jviewport-width80 {
width: 80vw;
margin-left: -40vw;
}
div.modal.jviewport-width90 {
width: 90vw;
margin-left: -45vw;
}
div.modal.jviewport-width100 {
width: 100vw;
margin-left: -50vw;
}
@media (max-width: 767px) {
div.modal {
position: fixed;
top: 20px;
left: 20px;
right: 20px;
width: auto !important;
margin: 0 !important;
height: calc(100vh - 40px) !important;
}
div.modal.fade {
top: -100px;
}
div.modal.fade.in {
top: 20px;
}
div.modal[class*="jviewport-width"] {
width: auto;
margin: 0;
}
}
@media (max-width: 480px) {
div.modal {
top: 10px;
left: 10px;
right: 10px;
}
}
.modal-header {
padding: 0 20px;
text-align: left;
}
.modal-header h3 {
font-weight: normal;
line-height: 50px;
}
.modal-header .box-close {
float: right;
text-align: center; width: 50px;
margin-top: 0;
margin-right: -15px;
font-size: 2rem;
line-height: 50px;
border-left: 1px solid #d1d1d1;
}
.modal-body-wrapper {
padding: 10px;
}
.modal-body {
position: relative;
width: 100%;
height: 100%;
overflow-y: scroll;
}
.modal-body .container-fluid {
padding-top: 15px;
padding-bottom: 15px;
}
.modal-footer {
clear: both;
}
.contentpane {
padding: 10px;
height: auto;
}
@media (min-width: 768px) {
.row-fluid .modal-batch [class*="span"] {
margin-left: 0;
}
}
.modal-header + div {
height: calc(100% - 60px) !important;
} .close { font-size: 32px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.input-append > input {
border: 1px solid #b3b3b3;
height: 28px;
margin-top: 0;
margin-right: 0;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-append > input + .btn, .input-append > input + .vrcdatepicker-trig-icon {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
} .modal.hide.fade.in {
display: block !important; 
}