﻿html {
    height: 100%;
}

    html body {
        height: 100%;
        overflow: hidden;
    }

        html body .container-fluid.body-content {
            position: absolute;
            top: 75px;
            bottom: 30px;
            right: 0;
            left: 0;
            overflow-y: auto;
        }


span {
    color: black;
}

label {
    color: black;
}

/*HEADER*/
.header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 75px;
}

.headerTitle {
    font-weight: bold;
    font-size: 27px;
    font-family: Segoe UI Light, Segoe UI, Tahoma, Arial;
    margin-left: 0 !important;
    margin-right: 0 !important;
    color: #1160B7;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 5px;
    /*padding-left: 35px;*/
}

.windowDescp {
    font-family: Segoe UI,Tahoma,Arial;
    margin-left: 0 !important;
    margin-right: 0 !important;
    color: #666666;
    font-size: 12px;
    margin-top: 5px;
    /*padding-left: 35px;*/
}
/*HEADER END*/


/*BODY*/
.mainBodyDiv {
    font-family: Segoe UI,Tahoma,Arial;
    margin-left: 0 !important;
    font-size: 11px;
    margin-top: 20px;
}

.dvActionSection {
    margin-left: 33px;
    margin-bottom: 10px;
}
/*BODY END*/

/*FOOTER*/
.footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    background-color: #F8F8F8;
    border-top-color: #FFFFFF;
}

/*FOOTER END*/


/*CONTROLS*/

.selectTemplate {
    margin-left: 35px;
    padding-top: 3px;
    margin-bottom: 10px !important;
}

.autoSendTemplate {
    height: 20px;
    margin-left: 35px;
    /*padding-top: 3px;*/
    /*margin-bottom: 10px !important;*/
}

.actionDesc {
    padding-left: 25px;
    margin-top: -17px;
}

.actionOption {
    margin-top: 7px;
}

.fontWeight {
    font-weight: bold;
}

.dropdownStyle {
    font-size: 11px;
    border-radius: 5px;
    font-family: inherit;
    height: 24px;
    border-color: lightgray;
    width: 150px;
}

.buttonFooter {
    margin-bottom: 6px;
    height: 24px !important;
    font-family: Segoe UI,Tahoma,Arial;
    border: 1px solid #C6C6C6;
    background-image: none;
    width: auto;
    min-width: 80px;
    white-space: nowrap;
    color: #444444;
    background-color: #FFFFFF;
    font-size: 12px;
    width: 84px;
    text-align: center;
    cursor: pointer;
    border-width: 1px;
    margin: 5px;
}

.flip {
    padding: 5px;
    background-color: #EDEDED;
    border: solid 1px #c3c3c3;
    width: 100%;
    height: 30px;
}

#Panel2 {
    height: 89px;
    width: 100%;
}

#panel {
    width: 100%;
    height: 75px;
}

#panel, #Panel2, #flip, #advFooter, #flip2 {
    padding: 5px;
    background-color: #EDEDED;
    border: solid 1px #c3c3c3;
    width: 100%;
}

#panel, #Panel2 {
    overflow-y: scroll;
    background-color: white;
}

.appended {
    height: 35px;
}

.advLeft {
    float: left;
    width: 90px;
}

.advRight {
    width: 150px;
    margin-left: 90px;
}

.dropdownStyle {
    width: 150px;
    font-size: 11px;
    border-radius: 5px;
    font-family: inherit;
    height: 24px;
    border-color: lightgray;
}

.reportParamTBStyle {
    width: 130px;
    font-size: 11px;
    border-radius: 5px;
    font-family: inherit;
    text-indent: 4px;
}

.reportParamDDLStyle {
    width: 130px;
    font-size: 11px;
    border-radius: 5px;
    font-family: inherit;
    height: 25px;
    border-color: lightgray;
}

.dvDDLLabel {
    width: 150px;
}

.dvDropdwn {
    margin-left: -40px;
}

.ddlControlDiv {
    height: 30px;
}

#lblRequiredFieldMessage {
    color: red;
}

.dvAdvancedSection {
    height: 175px;
}

.accordionHeader {
    margin-left: 5px;
    font-size: 16px;
    font-family: Segoe UI,Tahoma,Arial;
    color: #1160B7;
}

.accordianImgRight {
    background: no-repeat;
    margin-top: 8px;
    height: 8px;
    width: 6px;
    /*height: 10px;
    width: 10px;*/
}

.accordianImgBottom {
    background: no-repeat;
    height: 8px;
    margin-top: 8px;
    width: 11px;
}

.triangle {
    width: 0px;
    height: 0px;
    margin-top: 8px;
    border-bottom: 7px solid #000;
    border-left: 7px solid transparent;
}

.hide {
    display: none !important;
}
/*CONTROLS END*/

/*LOADER*/

#dvCustomAlert {
    opacity: 1 !important;
    left: 44%;
    top: 40%;
    text-align: center;
    font-size: 15px;
    margin: -100px 0 0 -100px;
    box-shadow: 0 0 1em black;
    border: 1px solid #D6D6D6;
    background-color: white;
}

#dvAlertFooterText {
    overflow: auto;
    word-wrap: break-word;
    max-height: 85px;
    max-width: 440px;
    margin-top: 20px;
    font-size: 14px;
    font-family: Segoe UI,Tahoma,Arial;
    text-align: left;
    padding-top: 2px;
    padding-left: 10px;
}

#dvAlertFooterButton {
    bottom: 0px;
    height: 44px;
    width: 100%;
    text-align: right;
    /*background-color: #F8F8F8;*/
    border-top-color: #FFFFFF;
    margin-top: 15px;
}


#btnCustomAlertOK {
    color: rgba(255, 255, 255, 1.0) !important;
    background-color: rgba(17,96,183,1) !important;
    border: 1px solid rgba(0, 120, 215, 1.0);
    font-size: 12px;
    font-family: Segoe UI;
    width: 80px;
    min-width: 80px;
    height: 24px;
    margin-top: 10px;
    padding-top: 3px;
}

#STATUSLABEL {
    margin-top: 25px;
}

#status {
    opacity: 1 !important;
    z-index: 9999 !important;
    height: 75px;
    width: 275px;
    left: 44%;
    top: 60%;
    text-align: center;
    font-size: 15px;
    background: white;
    position: absolute;
    margin: -100px 0 0 -100px;
    border: solid;
    border-width: thin;
    padding-bottom: -26px;
    font-family: Segoe UI,Tahoma,Arial;
}

#statusOld {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%; /* centers the loading animation horizontally one the screen */
    top: 50%; /* centers the loading animation vertically one the screen */
    background-image: url("images/transparent.gif"); /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px; /* is width and height divided by two */
}
/*LOADER END*/
.ikl-button {
    color: rgba(255, 255, 255, 1.0) !important;
    height: 24px;
    font-family: Segoe UI;
    font-size: 12px;
    border: 1px solid rgba(0, 120, 215, 1.0);
    background-image: none;
    width: auto !important;
    min-width: 80px;
    white-space: nowrap;
    border-color: rgb(0, 120, 215);
    border-style: solid;
    border-width: 1px;
    background-color: rgb(17, 96, 183);
    border-radius: 0px;
    line-height: 10px;
    margin: 5px;
}

    .ikl-button:hover {
        background-color: rgba(231,239,247,1) !important;
        color: rgb(17, 96, 183) !important;
    }



.inactive-button {
    background-color: rgba(231,239,247,1) !important;
    color: rgb(17, 96, 183) !important;
}

    .inactive-button:hover {
        background-color: rgba(255, 255, 255,0.1) !important;
        color: rgb(17, 96, 183) !important;
    }
