﻿
/* The Modal (background) if need to edit please create copy to new modal section and rename and use */
.modal {
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 80px; /* Location of the box */
    left: 25%;
    top: 15%;
    /*border: 1px solid #888;*/
    width: 60%; /* Full width */
    height: 60%; /* Full height */
    /*overflow: auto;  Enable scroll if needed */
    background-color: rgb(255,255,255); /* Fallback color */
    background-color: rgba(255,255,255); /* Black w/ opacity */
    border-radius: 10px;
    border: 2px solid #ADD8E6;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.modalKsfeReg {
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    z-index: 1002; /* Sit on top */
    padding-top: 150px; /* Location of the box */
    left: 22%;
    top: 0;
    /*border: 1px solid #888;*/
    width: 73%; /* Full width */
    height: 30%; /* Full height */
    /*overflow: auto;  Enable scroll if needed */
    background-color: rgb(255,255,255); /* Fallback color */
    background-color: rgba(255,255,255); /* Black w/ opacity */
    border-radius: 10px;
    border: 2px solid #ADD8E6;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}

/* The Modal (background) used for modal in spv view section*/
.modalSpvView {
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    z-index: 1001; /* Sit on top */
    padding-top: 80px; /* Location of the box */
    left: 22%;
    top: 15%;
    /*border: 1px solid #888;*/
    width: 73%; /* Full width */
    height: 75%; /* Full height */
    /*overflow: auto;  Enable scroll if needed */
    background-color: rgb(255,255,255); /* Fallback color */
    background-color: rgba(255,255,255); /* Black w/ opacity */
    border-radius: 10px;
    border: 2px solid #ADD8E6;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.newpadding {
    text-align: left;
    padding-left: 20px;
}

.insyscontent {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0; /* follow the parent's edges */
    outline: thin dashed green; /* just so you can see the box */
}

.newHeaderGradient {
    height: 37px;
    border-radius: 5px;
    border: 2px solid #ADD8E6;
    background-position: left top;
    background-repeat: repeat;
    /*background: #00BFFF; /* For browsers that do not support gradients */ */ background: #b3dced; /* Old browsers */
    background: -moz-linear-gradient(top, #b3dced 0%, #29b8e5 0%, #bce0ee 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(0%,#29b8e5), color-stop(100%,#bce0ee)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #b3dced 0%,#29b8e5 0%,#bce0ee 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #b3dced 0%,#29b8e5 0%,#bce0ee 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #b3dced 0%,#29b8e5 0%,#bce0ee 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #b3dced 0%,#29b8e5 0%,#bce0ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
    overflow: auto;
}

.newpadding {
    text-align: left;
    padding-left: 10px;
    vertical-align: top;
}

.aspectwrapper {
    display: inline-block; /* shrink to fit */
    width: 100%; /* whatever width you like */
    position: relative; /* so .content can use position: absolute */
}

    .aspectwrapper::after {
        padding-top: 56.25%; /* percentage of containing block _width_ */
        display: block;
        content: '';
    }

/* modal view portion*/
.close {
    /*color: #aaaaaa;*/
    color: #353232;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

/*.table, td {
    word-wrap: break-word;
}*/
