﻿/* DCI Instruction Dialog start*/
.DCIInstruction-popup {
    position: fixed;
    top: 25%;
    left: 50%;
    z-index: -9999;
}
.DCIInstruction-popup .DCIInstruction-popup-body {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    opacity: 0;
    min-height: 100px;
    width: 353px;
    margin-left: -198px;
    padding: 20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    border: 1px solid #e9e9e9;
    overflow-y: auto;
}
.DCIInstruction-popup.visible {
    z-index: 9999;
}
.DCIInstruction-popup.visible .DCIInstruction-popup-body {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.DCIInstruction-title {
    background-color: rgb(8, 36, 107);
    margin-left: -20px;
    margin-top: -20px;
    width: 390px;
    padding-left: 3px;
}
.DCIInstruction-title-text {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    width: 90%;
}
.DCIInstruction-close {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14pt;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    width: 10%;
}
.float-right{
    float:right;
}
.DCIContainer{
    padding:0.3em;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
}
/* DCI Instruction Dialog end*/
