html, body {
    background-color: #fff;
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #003249;
    font-family: "Helvetica Neue", "Segoe UI", "Lucida Grande", "tahoma", Arial, Helvetica, Verdana, sans-serif;
}

/** {
   outline: 1px solid red;
  }*/

@page {
    size: portrait;
}

* {
    box-sizing: border-box;
}

table, datalist {
    border-spacing: 0;
    border-collapse: collapse;
}

/* For mobile phones: */
.col-1 {
    width: 10%;
}

.col-2 {
    width: 20%;
}

.col-3 {
    width: 30%;
}

.col-3b {
    width: 33%;
}

.col-3c {
    width: 34%;
}

.col-4 {
    width: 40%;
}

.col-5 {
    width: 50%;
}

.col-6 {
    width: 60%;
}

.col-7 {
    width: 70%;
}

.col-8 {
    width: 80%;
}

.col-9 {
    width: 90%;
}

.col-10 {
    width: 100%;
}

.col-0 {
    width: 0%;
}

[class*="col-"] {
    float: left;
    padding: 0;
    margin: 0;
    border: none;
}


h1, h2, h3, h4, h5, h6 {
    font-family: "Segoe UI",sans-serif,Arial;
    text-transform: none;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    letter-spacing: 2px;
    text-align: center;
    vertical-align: middle;
}

.hTitle {
    text-align: left;
    padding: 15px;
    padding-left: 0px;
    margin: 0;
    font-size: 30px;
    letter-spacing: 5px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #bcbcbc;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bcbcbc;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bcbcbc;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bcbcbc;
}

.Lines {
    font-size: 14px;
    border: 1px solid #e9e9e9;
}

.dvbleheader {
    width: 100%;
    height: 36px;
    position: relative;
}

.imgHeaderbackground {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.tbHeaderbackground {
    border: none;
    width: 100%;
    height: 100%;
    color: #008080;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.tableheader {
    width: 100%;
    background-image: -webkit-linear-gradient(top,#f2f2f2,#d9d9d9);
    height: 40px;
    color: #000;
}

.tableheaderIS {
    width: 100%;
    height: 40px;
    color: #000;
    border-bottom: 2px solid #666;
}

.tableheaderTable {
    width: 100%;
    height: 40px;
    color: #000;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.contextmenu {
    position: absolute;
    top: 45px;
    right: 0;
    text-align: left;
    background-color: #fff;
    display: inline-block;
    overflow: hidden;
    width: 200px;
    height: -5px;
    z-index: 1;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}

.fileUploader {
    width: 100px;
    height: 34px;
    opacity: 0;
    cursor: pointer;
}

.fileUploaderContainer {
    width: 100px;
    height: 34px;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
}

    .fileUploaderContainer:hover {
        background-color: #0091ff;
        box-shadow: 0 4px 7px 0 rgba(0,0,0,0.16),0 5px 7px 0px rgba(0,0,0,0.14),0 2px 7px 0 rgba(0,0,0,0.25);
    }

.dlgDetails {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1012;
    top: 0;
    right: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    transition: 0.3s;
}

.dlgDetails-content {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1000px;
    height: 500px;
    color: #999999;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    background-color: #fff;
}

.dlgDetails-body {
    height: auto;
    background-color: #fff;
    overflow-y: scroll;
    height: 100%;
}

.dlgDetails-footer {
    width: 100%;
    height: 60px;
    padding: 2px 16px;
    margin-top: 3px;
    background-color: #f2f2f2;
}

.SortColumn {
    width: 100%;
    height: auto;
    cursor: pointer;
    padding: 0px 10px;
}

.tdSortColumn:hover {
    background-image: -webkit-linear-gradient(top,#9ce4fc,#06bcf9);
    color: #eee;
}

.SortColumnIcon {
    float: right;
    /*color:#999;*/
}

.ReportMenu {
    margin-bottom: 40px;
    margin-top: 25px;
    text-align: left;
    display: inline-block;
    width: 100%;
    max-width: 900px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
}

.hStmtSubtitle {
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    color: #006bb3;
    letter-spacing: 2px;
}

.noResults {
    display: none;
    width: 100%;
    padding: 25px 0;
    text-align: center;
    color: #ccc;
    font-size: 20px;
    letter-spacing: 3px;
}


/*--------------------------------------------------------Buttons----------------------------------------------------*/
.blueButtonBlank {
    display: inline-block;
    text-align: center;
    background-color: transparent;
    border: 1px solid #0596c7;
    border-radius: 3px;
    color: #0596c7;
    border-radius: 2px;
    cursor: pointer;
    font-size: 16px;
    outline: none;
    transition: 0.4s;
}

    .blueButtonBlank:hover {
        cursor: pointer;
        background-color: #0596c7;
        color: #eee;
    }

    .blueButtonBlank:focus {
        outline: none;
    }

.redButtonBlank {
    display: inline-block;
    text-align: center;
    background-color: transparent;
    border: 1px solid #f00;
    border-radius: 3px;
    color: #f00;
    border-radius: 2px;
    cursor: pointer;
    font-size: 16px;
    outline: none;
    transition: 0.4s;
}

    .redButtonBlank:hover {
        cursor: pointer;
        background-color: #f00;
        color: #eee;
    }

    .redButtonBlank:focus {
        outline: none;
    }

.blueButton {
    display: inline-block;
    text-align: center;
    border: none;
    background-color: #0596c7;
    background-image: -webkit-linear-gradient(top,#06bcf9,#0596c7);
    border-radius: 2px;
    cursor: pointer;
    color: #ffffff;
    font-size: 16px;
    transition: 0.4s;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

    .blueButton:hover {
        background-color: #38c9fa;
        background-image: -webkit-linear-gradient(top,#38c9fa,#06bcf9);
        cursor: pointer;
    }

    .blueButton:focus {
        outline: none;
    }

.redButton {
    display: inline-block;
    text-align: center;
    border: 2px solid #f1c6c1;
    background-image: -webkit-linear-gradient(top,#ff8566,#ff471a);
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
    transition: 0.4s;
}

    .redButton:hover {
        background-image: -webkit-linear-gradient(top,#ffc2b3,#ff8566);
        color: #333;
        border-color: #333;
        cursor: pointer;
        outline: none;
    }

    .redButton:focus {
        background-color: #de7b6e;
        background-image: -webkit-linear-gradient(top,#f1c6c1,#de7b6e);
        outline: none;
    }

.blueButtonFlat {
    display: inline-block;
    text-align: center;
    border: 2px solid #fff;
    background-color: #0074cc;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    transition: 0.4s;
    margin-bottom: 0px;
    letter-spacing: 1px;
    cursor: default;
    text-decoration: none;
}

    .blueButtonFlat:hover {
        background-color: #b3deff;
        color: #333;
    }

.blueRowButtonFlat {
    text-align: center;
    border: 2px solid #fff;
    background-color: #0074cc;
    border-radius: 0px;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    transition: 0.4s;
    margin-bottom: 0px;
    letter-spacing: 1px;
    cursor: default;
    text-decoration: none;
}

    .blueRowButtonFlat:hover {
        background-color: #b3deff;
        color: #333;
    }


.redButtonFlat {
    border: 2px solid #de7b6e;
    border: none;
    background-color: #d0422f;
    border-radius: 2px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    transition: 0.4s;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25),0 3px 1px -2px rgba(0,0,0,0.25),0 1px 5px 0 rgba(0,0,0,0.4);
    margin-bottom: 0px;
}

    .redButtonFlat:hover {
        background-color: #d96859;
        box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25),0 5px 2px 0px rgba(0,0,0,0.25),0 3px 7px 0 rgba(0,0,0,0.4);
        color: #eee;
        cursor: pointer;
    }

    .redButtonFlat:focus {
        background-color: #bb3b2a;
        outline: none;
    }

.blankButtonDark {
    display: inline-block;
    text-align: center;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    cursor: pointer;
    color: #000;
    font-size: 16px;
    padding:4px 0px;
    border-radius:5px;
    letter-spacing: 1px;
    transition: 0.4s;
}

    .blankButtonDark:hover {
        color: #fff;
        background-color: #000;
        cursor: pointer;
    }

    .blankButtonDark:focus {
        background-color: #e1e1e1;
        outline: none;
    }

.orangeButtonFlat {
    display: inline-block;
    text-align: center;
    border: 2px solid #fff;
    background-color: #ff5e00;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    transition: 0.4s;
    margin-bottom: 0px;
    letter-spacing: 1px;
    cursor: default;
    text-decoration: none;
}

    .orangeButtonFlat:hover {
        background-color: #ffae80;
        color: #333;
    }

.confButton {
    font-size: 16px;
    font-weight: 900;
    background: none;
    border-radius: 50%;
    border: 1px solid #cdd;
    color: #cdd;
    transition: 0.4s;
    cursor: pointer;
}

    .confButton:focus {
        outline: none;
    }

    .confButton:Active {
        outline: none;
        border-color: #fff;
        color: #fff;
    }

.btIconBlue {
    display: inline-block;
    cursor: default;
    color: #0596c7;
    border: none;
    background-color: transparent;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    transition: 0.3s;
}

    .btIconBlue:hover {
        color: #6ea6c4;
        font-weight: bold;
        text-shadow: 2px 2px 8px rgba(0,0,0,0.2);
        cursor: pointer;
    }

.btIconRed {
    cursor: pointer;
    color: #ff3333;
    border: none;
    background-color: transparent;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    transition: 0.3s;
}

    .btIconRed:hover {
        color: #ff9999;
        font-weight: bold;
        text-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    }

.btIcon666 {
    display: inline-block;
    cursor: pointer;
    color: #666;
    border: none;
    background-color: transparent;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    transition: 0.3s;
}

    .btIcon666:hover {
        color: #999;
        font-weight: bold;
        text-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    }

.btIconGreen {
    cursor: pointer;
    color: #4381a3;
    border: none;
    background-color: transparent;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    transition: 0.3s;
}

    .btIconGreen:hover {
        color: #92bcd3;
        text-shadow: 2px 2px 8px rgba(219, 233, 240,0.2);
    }

.btIconDarkBlue {
    cursor: pointer;
    color: #003249;
    border: none;
    background-color: transparent;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    transition: 0.3s;
}

    .btIconDarkBlue:hover {
        color: #008bcc;
        font-weight: bold;
        text-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    }

.btIconBlue_bordered {
    display: inline-block;
    cursor: pointer;
    color: #0099ff;
    border: 2px solid #0099ff;
    border-radius: 2px;
    background-color: transparent;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    padding: 5px 12px;
    transition: 0.4s;
}

    .btIconBlue_bordered:hover {
        background-color: #0099ff;
        color: #fff;
    }

.btIconRed_bordered {
    cursor: pointer;
    color: #ff3333;
    border: 2px solid #ff3333;
    border-radius: 2px;
    background-color: transparent;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    padding: 5px 12px;
    transition: 0.4s;
}

    .btIconRed_bordered:hover {
        background-color: #ff3333;
        color: #fff;
    }


.btIconGray {
    cursor: pointer;
    color: #e6e6e6;
    border: none;
    background-color: transparent;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    transition: 0.4s;
}

    .btIconGray:hover {
        color: #bfbfbf;
        font-weight: bold;
    }

.btIconEEE {
    color: #eee;
    border: none;
    background-color: transparent;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    cursor: default;
    transition: 0.4s;
}

    .btIconEEE:hover {
        color: #ccc;
        font-weight: bold;
    }

.btIconCCC {
    cursor: pointer;
    color: #ccc;
    border: none;
    background-color: transparent;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    transition: 0.4s;
}

    .btIconCCC:hover {
        color: #ff9900;
        font-weight: bold;
    }

.btIconBBB {
    cursor: pointer;
    color: #bbb;
    border: none;
    background-color: transparent;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    transition: 0.4s;
}

    .btIconBBB:hover {
        color: #0596c7;
        font-weight: bold;
    }

.btIconCCC_bordered {
    cursor: pointer;
    color: #ccc;
    border: 2px solid #ccc;
    border-radius: 2px;
    background-color: transparent;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    padding: 5px 0px;
    text-align: center;
    transition: 0.4s;
}

    .btIconCCC_bordered:hover {
        background-color: #ccc;
        color: #fff;
        font-weight: bold;
    }

.btIconEEE_bordered {
    height: 36px;
    width: 40px;
    cursor: pointer;
    color: #eee;
    border: 2px solid #eee;
    border-radius: 4px;
    background-color: transparent;
    font-size: 20px;
    transition: 0.4s;
}

    .btIconEEE_bordered:hover {
        background-color: #eee;
        color: #333;
        font-weight: bold;
    }

.btIcon666_bordered {
    display: inline-block;
    cursor: pointer;
    color: #666;
    border: 2px solid #666;
    border-radius: 2px;
    background-color: transparent;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    padding: 5px 0px;
    text-align: center;
    transition: 0.4s;
}

    .btIcon666_bordered:hover {
        border-color: #ff9900;
        color: #ff9900;
        font-weight: bold;
    }

.bluelink {
    background-color: transparent;
    border: none;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
    color: #0082e6;
    outline: none;
    transition: 0.4s;
}

    .bluelink:hover {
        color: #ff9900;
    }

.saveButton {
    display: inline-block;
    text-align: center;
    background-image: -webkit-linear-gradient(top,#4381a3,#2c566d);
    border: 1px solid #eee;
    color: #eee;
    border-radius: 3px;
    cursor: default;
    font-size: 16px;
    outline: none;
    transition: 0.4s;
}

    .saveButton:hover {
        background-image: -webkit-linear-gradient(top,#5c9bbc,#4381a3);
    }

.txtDropDownContainer {
    width: 100%;
    position: relative;
}

.idropdown {
    display: inline-block;
    width: 16px;
    height: 100%;
    font-size: 10px;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0;
    text-align: center;
    cursor: default;
    color: #666;
    border: 1px solid transparent;
    border-width: thin;
    transition: 0.3s;
}

    .idropdown:hover {
        color: #fff;
        background: -webkit-linear-gradient(#e9e9e9,#ccc);
        border: 1px solid #fff;
    }


.txtDropDownContainer:hover .idropdown {
    display: inline-block;
}
/*-------------------------------------------------------Textboxes and Select------------------------------------------*/
textarea {
    font-size: 16px;
    font-family: "Lucida Grande", "tahoma", "Helvetica Neue", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    resize: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

.txtInput {
    font-size: 14px;
    padding: 8px 10px;
    font-weight: 200;
    margin: 0;
    display: inline-block;
    border: 1px solid #dedede;
    border-width: thin;
    border-radius: 1px;
    background-color: #f4f6fc;
    color: #003249;
    transition: 0.3s;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: border-color 150ms;
    transition: border-color 150ms;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.txtInputdisabled {
    font-size: 16px;
    padding: 8px 10px;
    font-weight: 200;
    margin: 0;
    display: inline-block;
    border: 1px solid #dedede;
    border-width: thin;
    border-radius: 1px;
    background-color: #fff;
    color: #003249;
    transition: 0.3s;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: border-color 150ms;
    transition: border-color 150ms;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.txtInputBorderless {
    border-width: thin;
    border-color: transparent;
    border-bottom-color: #dedede;
}

.DropDownLists {
    font-size: 16px;
    padding: 8px 10px;
    border: 1px solid #dedede;
    border-width: thin;
    border-radius: 1px;
    cursor: pointer;
    color: #003249;
    font-weight: 200;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    -webkit-transition: border-color 150ms;
    transition: border-color 150ms;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0px 0;
    background-color: #f4f6fc;
    /*background: none;*/
    background: url(/Images/dropdownarrow.PNG) no-repeat #f4f6fc;
    background-position: right;
    transition: 0.3s;
}

    .DropDownLists::-ms-expand, .DropdownsLabel::-ms-expand {
        display: none;
    }

    .DropDownLists:focus, .txtInput:focus {
        /*box-shadow: 0px 0px 6px 2px rgba(192, 214, 249,1);*/
        /*border-color: rgba(192, 214, 249,1);*/
        border: 1px dashed #e68a00;
        outline: none;
    }

.txtInputLabel {
    font-size: 16px;
    padding: 10px 12px;
    font-weight: 200;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid transparent;
    border-width: thin;
    border-radius: 1px;
    background-color: transparent;
    transition: 0.3s;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: border-color 150ms;
    transition: border-color 150ms;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: default;
}

.txtAmountLabel {
    border: none;
    background-color: transparent;
    border-width: thin;
    width: 100%;
    padding: 5px;
    color: #000;
    text-align: right;
    font-size: 16px;
    transition: 0.3s;
}

.txtAmountLabeleditable {
    border: 1px solid transparent;
    border-width: thin;
    background-color: #f4f6fc;
    width: 100%;
    padding: 5px;
    color: #000;
    text-align: right;
    font-size: 14px;
    transition: 0.3s;
}

    .txtAmountLabeleditable:focus {
        border: 1px dashed #e68a00;
    }

.txtAmountLabeleditabledisabled {
    border: none;
    border-width: thin;
    background-color: #fff;
    width: 100%;
    padding: 5px;
    text-align: right;
    font-size: 14px;
    transition: 0.3s;
}

.txtInputDatalist {
    padding: 10px 12px;
    font-size: 16px;
    font-weight: 200;
    margin: 0;
    display: inline-block;
    /*border: 1px solid #ccc;*/
    border: none;
    border-radius: 2px;
    border-width: thin;
    background-color: #f4f6fc;
    color: #003249;
    transition: 0.3s;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: border-color 150ms;
    transition: border-color 150ms;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.txtInputDatalistdisabled {
    padding: 10px 12px;
    font-size: 16px;
    font-weight: 200;
    margin: 0;
    display: inline-block;
    /*border: 1px solid #ccc;*/
    border: none;
    border-radius: 1px;
    border-width: thin;
    background-color: #fff;
    color: #003249;
    transition: 0.3s;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: border-color 150ms;
    transition: border-color 150ms;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.DropDownListsDatalist {
    padding: 10px 12px;
    font-size: 16px;
    font-weight: 200;
    margin: 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-width: thin;
    border-radius: 1px;
    background-color: #f4f6fc;
    color: #003249;
    transition: 0.3s;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: border-color 150ms;
    transition: border-color 150ms;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/Images/dropdownarrow.PNG) no-repeat #f4f6fc;
    background-position: right;
    transition: 0.3s;
}

.DropdownsLabel {
    display: inline-block;
    margin: 0px 0;
    padding: 10px 12px;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid transparent;
    border-width: thin;
    cursor: default;
    font-size: 16px;
    font-weight: 200;
    color: #000;
    transition: 0.3s;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: border-color 150ms;
    transition: border-color 150ms;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.Dropdowns_Inactive::-ms-expand {
    display: none;
}

.listdropdown {
    position: fixed;
    top: 10px;
    left: 0px;
    height: auto;
    width: auto;
    overflow-y: scroll;
    /*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);*/
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
    background-color: #f4f6fc;
    border: 1px solid #ccc;
    border-width: thin;
    z-index: 1020;
}

.dropDownListItem {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px 8px;
    cursor: default;
    font-size: 15px;
    text-align: left;
    border: none;
    background-color: transparent;
    /*border-bottom: 1px solid #dedede;*/
    transition: 0.3s;
}

    .dropDownListItem:hover {
        background-color: #00ccff;
        color: #eee;
    }

.dropDownListItem_selected {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px 8px;
    cursor: default;
    font-size: 15px;
    text-align: left;
    border: none;
    background-color: #00ccff;
    color: #eee;
    /*border-bottom: 1px solid #dedede;*/
    transition: 0.3s;
}
/*-----------------------------------------------------tables-----------------------------------------------------*/

.tablerow {
    border: 1px solid transparent;
    border-radius: 3px;
    /*border-bottom: 1px solid #eee;*/
    width: 100%;
    cursor: default;
    transition: 0.5s;
}

    .tablerow:hover {
        /*background-image: -webkit-linear-gradient(top,#e9f9ff,#e1f2ff);*/
        /*border:1px solid #00cccc;*/
        background-color: rgba(0, 153, 153,0.1);
    }

.tablecell {
}


    .tablecell:hover {
        cursor: pointer;
        color: #ff6a00;
        text-decoration:underline;
    }

.tdtext {
    height: 36px;
    text-align: left;
    vertical-align: middle;
    padding: 2px 5px;
}

.tddate {
    height: 36px;
    text-align: center;
    vertical-align: middle;
    padding: 2px 5px;
}

.tdnumber {
    height: 36px;
    text-align: center;
    vertical-align: middle;
    padding: 2px 5px;
}

.tdamount {
    height: 36px;
    text-align: right;
    vertical-align: middle;
    padding: 2px 5px;
}

.tdgap {
    width: 5px;
}

.tdClick:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #0021ff
}

/*--------------------------------------------------------------------Dialogs--------------------------------------------------------------*/

.dlgContainer {
    display: none;
    position: fixed;
    z-index: 1012;
    padding-top: 0px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
    box-sizing: border-box;
}

.dvLoader {
    display: inline-block;
    padding: 0px;
    background-color: rgba(250,250,250,0.9);
    text-shadow: 2px 2px 8px rgba(0,0,0,0.5);
    border-radius: 10px;
    border: 1px solid #808080;
}

.dvDialog {
    display: inline-block;
    padding: 0px;
    width: 500px;
    background-color: rgba(250,250,250,1);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
    border-radius: 10px;
    border: 1px solid #808080;
}

/*----------------------------------------------------- dlgConfirmation ----------------------------------------------------- */
.dlgConfirmation {
    display: none;
    position: fixed;
    z-index: 1012;
    padding-top: 0px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /*background-color: rgba(0,0,0,0.8);*/
    box-sizing: border-box;
}

.dlgConfirmationTop {
    display: none;
    position: fixed;
    z-index: 1012;
    padding-top: 0px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.8);
    box-sizing: border-box;
}

.dlgConfirmationContent {
    width: 100%;
    max-width: 500px;
    height: auto;
    min-height: 140px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.18);
    margin: auto;
    -webkit-animation-name: animatezoom;
    -webkit-animation-duration: 0.4s;
    animation-name: animatezoom;
    animation-duration: 0.4s;
}

.dlgConfirmationHeader {
    background-color: transparent;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 0;
    border-bottom: 1px solid #ddd;
    background-color: #e1e1e1;
    padding: 8px 12px;
}

    .dlgConfirmationHeader p {
        font-size: 25px;
        letter-spacing: 2px;
        text-align: center;
        letter-spacing: 3px;
        transform: scaleY(1.2);
        padding: 0;
        margin: 0;
        padding-top: 10px;
    }

.dlgConfirmationBody {
    background-color: #f2f2f2;
    height: auto;
    color: #404040;
    border-radius: 10px 10px 5px 5px;
}

    .dlgConfirmationBody a {
        text-decoration: underline;
        color: #0a0ff5;
        cursor: pointer;
    }

        .dlgConfirmationBody a:hover {
            font-weight: bold;
        }

.dlgDialog {
    display: none;
    position: fixed;
    z-index: 1012;
    padding-top: 0px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(255,255,255,0.92);
    box-sizing: border-box;
}

/*----------------------------------------------- dlgConfirmation MOB --------------------------------------------- */
.dlgConfirmationMob {
    display: none;
    position: fixed;
    z-index: 1012;
    padding-top: 0px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
    box-sizing: border-box;
}

/* Modal Content */
.dlgConfirmationMob-content {
    margin: 0 auto 0 auto;
    padding: 5px 10px;
    border: none;
    width: 100%;
    max-width: 700px;
    height: 100%;
    color: #fff;
    box-sizing: border-box;
    -webkit-animation-name: animatezoom;
    -webkit-animation-duration: 0.4s;
    animation-name: animatezoom;
    animation-duration: 0.4s;
}

.dlgConfirmationMob-dvMessage {
    width: 100%;
    /*height:100%;*/
    padding: 30px 0;
}

.dlgConfcloseMob {
    width: 100%;
    max-width: 80px;
    height: 80px;
}

/** {
   outline: 1px solid red;
  }*/

/*------------------------------------------------dlgSuccessContent--------------------------------*/
.dlgSuccess {
    display: none;
    position: fixed;
    z-index: 1015;
    padding-top: 0px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(255,255,255,0.94);
    box-sizing: border-box;
}

.dlgSuccessContent {
    display: inline-block;
    position: relative;
    padding: 15px 22px;
    background-color: #c6ff1a;
    opacity: 0.7;
    color: #4d6600;
    border-radius: 10px;
    -webkit-animation-name: animatezoom;
    -webkit-animation-duration: 0.4s;
    animation-name: animatezoom;
    animation-duration: 0.4s;
}

.dlgSuccessContentClose {
    font-size: 20px;
    position: absolute;
    right: -15px;
    top: -15px;
    color: #4d6600;
}

    .dlgSuccessContentClose:hover {
        color: #ace600;
    }

/*---------To cancel pickerdate default css--------------------------------*/
label, span, p, div {
    font-weight: normal;
}

.dvDSK {
    display: block;
}

.dvMOB {
    display: none;
}

.generalDropDown {
    display: none;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    background-color: #fff;
    z-index: 10;
    padding: 0;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.18);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}

.dvTopMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 12px 30px;
    padding-top: 20px;
    z-index: 10;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 2px 5px 0 rgba(0,0,0,0.18);
    background-color: #fff;
    opacity: 1;
}

.sideMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 0px;
    height: 100%;
    z-index: 1001;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 2px 5px 0 rgba(0,0,0,0.18);
    background-color: #fafafb;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}

.topMenuDiv {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 0px;
    font-size: 16px;
    z-index: 1110;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 2px 5px 0 rgba(0,0,0,0.18);
    background-color: #fff;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}

.sideMenuRight {
    position: fixed;
    top: 0;
    right: 0;
    width: 0px;
    height: 100%;
    font-size: 17px;
    z-index: 1110;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 2px 5px 0 rgba(0,0,0,0.18);
    background-color: #fff;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}


.topMenuButtons {
    position: relative;
    width: 72px;
    height: 50px;
    font-size: 14px;
}

.clientsListMenu {
    position: fixed;
    top: 0;
    right: 0;
    width: 0px;
    height: 100%;
    z-index: 10;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 2px 5px 0 rgba(0,0,0,0.18);
    background-color: #fff;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}

.dvBodyContainer {
    width: 100%;
    text-align: center;
    padding: 120px 40px 0px 40px;
    font-weight: normal;
}

.dvBodyContainer2 {
    width: 100%;
    text-align: center;
    padding: 90px 40px 0px 40px;
    font-weight: normal;
}

.dvCalendarContainer {
    position: relative;
    /*height: 40px;*/
    display: inline-block;
    /*width: 300px;*/
    text-align: center;
}

.iIconeWhite {
    cursor: pointer;
    color: #eee;
    border: none;
    transition: 0.4s;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    transition: 0.3s;
}

    .iIconeWhite:hover {
        color: #fff;
        font-weight: bold;
        text-shadow: 2px 2px 8px rgba(250,250,250,0.5);
    }

.pLabel {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.dvLabel {
    text-align: left;
    color: #676767;
    margin-top: 20px;
    padding-bottom: 8px;
}

.dvField {
    text-align: left;
    color: #000;
    font-weight: 300;
    padding-bottom: 8px;
}

.fieldlabel {
    position: relative;
    color: #878787;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding-bottom: 6px;
    margin-top: 8px;
}

.fieldValue {
    position: relative;
    font-size: 18px;
    color: #003249;
    font-weight: 500;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    margin-bottom: 10px;
}


.pgheaderDSK {
    width: 100%;
    padding: 10px 0px 10px 0px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.98;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 2px 4px 0 rgba(0,0,0,0.18);
    z-index: 1000;
}

.pgheaderMOB {
    display: none;
    width: 100%;
    padding: 5px 8px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.98;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 2px 4px 0 rgba(0,0,0,0.18);
    z-index: 2;
}

.sectionTitle {
    text-align: center;
    /*border-bottom: 1px solid #ddd;*/
    font-size: 30px;
    letter-spacing: 3px;
    font-weight: lighter;
}

.legend {
    color: #008ae6;
    font-weight: 500;
}


.dvRadioButton {
    display: inline-block;
    border: 1px solid transparent;
    padding: 5px 10px;
    color: inherit;
    cursor: pointer;
    transition: 0.3s;
}

    .dvRadioButton:hover {
        color: #e68a00;
        border: 1px solid #e68a00;
    }

.btnDate {
    display: inline-block;
    width: 100%;
    max-width: 140px;
    padding-left: 5px;
    height: 34px;
    line-height: 34px;
    text-align: left;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    -webkit-transition: border-color 150ms;
    transition: border-color 150ms;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('') no-repeat right 50%;
    transition: 0.3s;
}

    .btnDate:hover {
        border: 1px solid #ccc;
        background: #eee url('') no-repeat right 50%;
        cursor: pointer;
    }

.btnReportOption {
    display: inline-block;
    width: 100%;
    max-width: 140px;
    padding-left: 5px;
    height: 34px;
    line-height: 34px;
    text-align: left;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    -webkit-transition: border-color 150ms;
    transition: border-color 150ms;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('') no-repeat right 50%;
    transition: 0.3s;
}

    .btnReportOption:hover {
        border: 1px solid #ccc;
        background: #eee url('') no-repeat right 50%;
        cursor: pointer;
    }

.DropDownListsCustom {
    border: 1px solid transparent;
}

    .DropDownListsCustom:hover {
        background: #eee url('') no-repeat;
    }

.dvLink {
    text-align: left;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    color: #0052cc;
    text-decoration: underline;
    cursor: default;
    transition: 0.4s;
}

    .dvLink:hover {
        color: #fa9000;
    }

.tabButtonActive {
    display: inline-block;
    text-align: center;
    width: 200px;
    height: 100%;
    line-height: 60px;
    background-color: #4a90b5;
    color: #eee;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
}

    .tabButtonActive:hover {
        background-color: #6ea6c4;
        color: #eee;
    }

.tabButtonInactive {
    display: inline-block;
    text-align: center;
    width: 200px;
    height: 100%;
    line-height: 60px;
    background-color: #ccc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
}

    .tabButtonInactive:hover {
        background-color: #6ea6c4;
        color: #eee;
    }

.tabButton {
    display: inline-block;
    width: 200px;
    height: 100%;
    background-color: #ccc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
}

    .tabButton:hover {
        background-color: #0596c7;
        color: #fff;
    }

.dvTab {
    width: 100%;
    min-height: 1000px;
    padding: 20px 0px;
    transition: 0.3s;
    font-size: 18px;
}

.Lines {
    border-color: #eee;
}

.ContextMenDebit {
    width: 200px;
    text-align: left;
}

.menuButton {
    line-height: 34px;
    height: 34px;
}

input[type=text] {
    margin: 0;
}

.dateOptionButton {
    border-color: transparent;
    border-bottom-color: #0596c7;
}

.reportCompany {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 20px;
    letter-spacing: 2px;
    padding-bottom: 10px;
}

.reportTitleEdit {
    display: inline-block;
    font-size: 15px;
    margin-left: 10px;
    visibility: hidden;
}

.reportTitle {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 18px;
    letter-spacing: 1px;
    padding-bottom: 10px;
}

    .reportTitle:hover .reportTitleEdit {
        visibility: visible;
    }

.dvReportDateOptions {
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #fff;
    display: inline-block;
    overflow: hidden;
    width: 200px;
    height: 0px;
    z-index: 1;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}

.dateOption {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #0596c7;
    line-height: 46px;
    height: 40px;
    cursor: pointer;
    transition: 0.3s;
}

    .dateOption:hover {
        background-color: #0596c7;
        color: #eee;
    }

.totalContainer {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px double #ccc;
    padding: 5px 0px;
}

.datalistlabel {
    display: inline-block;
    width: 100%;
    /*min-height: 35px;   
    line-height: 35px;*/
    padding: 8px 0px;
    cursor: default;
}

.datalistlabelStatic {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    min-height: 35px;
    line-height: 35px;
    color: #000;
}

    .datalistlabelStatic:hover {
        color: #000;
    }


.datalistlabelSTMT {
    display: inline-block;
    width: 100%;
    min-height: 30px;
    line-height: 30px;
    /*background-color: green;*/
}

.datalistlink {
    display: inline-block;
    width: 100%;
    min-height: 35px;
    line-height: 35px;
    text-decoration: none;
    color: inherit;
}

    .datalistlink:hover {
        color: #3399ff;
        text-decoration: underline;
    }

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    /*-khtml-user-select: none;*/ /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.newEntryScroll {
    text-align: center;
    display: block;
    width: 100%;
    overflow-y: scroll;
    overflow-x: visible;
}

.newEntryTop {
    background-color: #eee;
    padding: 15px 30px;
    border-bottom: 2px ridge #9b9d9e;
}

.newEntryBottom {
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    background-color: #b1b2b5;
    border-top: 2px ridge #9b9d9e;
    opacity: 0.9;
}

/*-------------------------------------------------------------------------------------------------*/

.dvMenuDropDownContainer {
    position: relative;
    display: inline-block;
}

.dvMenuDropDownMaster {
    display: block;
    width: 300px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    background-color: #fff;
    z-index: 1000;
    padding: 0;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.18);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}

.dvMenuDropDown {
    display: block;
    width: 300px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    background-color: #fff;
    z-index: 1000;
    padding: 0;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.18);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}

.menuButton {
    width: 100%;
    text-align: left;
    padding: 0px 15px;
    font-size: 14px;
    color: #0596c7;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    transition: 0.3s;
}

    .menuButton:hover {
        background-color: #0596c7;
        color: #eee;
    }


.showdvMenuDropDown {
    width: 300px;
    height: 204px;
}

/*------------------------------------------------------ errTooltips---------------------------*/
.errtooltip {
    position: relative;
    display: inline-block;
    width: 100%;
    top: 0px;
    left: 0px;
}

    .errtooltip .errtooltipSpan {
        visibility: hidden;
        width: 200px;
        height: auto;
        background-color: #ff3333;
        background-image: -webkit-linear-gradient(top,#ff9999,#ff3333);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 10px 5px;
        position: absolute;
        z-index: 99;
        top: 55px;
        left: 20px;
        opacity: 0;
        transition: opacity 1s;
        font-size: 16px;
    }

        .errtooltip .errtooltipSpan:after {
            content: "";
            position: absolute;
            top: -15px;
            left: 20px;
            margin-left: -4px;
            border-width: 8px;
            border-style: solid;
            border-color: transparent transparent #ff9999 transparent;
        }

    /*------------------------------Center---------------------------------*/
    .errtooltip .errtooltipSpanCenter {
        visibility: hidden;
        width: 200px;
        max-width: 200px;
        height: auto;
        background-color: #ff3333;
        background-image: -webkit-linear-gradient(top,#ff9999,#ff3333);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 10px 0;
        position: absolute;
        z-index: 99;
        top: 55px;
        left: 50px;
        opacity: 0;
        transition: opacity 1s;
        font-size: 16px;
    }

        .errtooltip .errtooltipSpanCenter:after {
            content: "";
            position: absolute;
            top: -15px;
            left: 50%;
            margin-left: -4px;
            border-width: 8px;
            border-style: solid;
            border-color: transparent transparent #ff9999 transparent;
        }
/*------------------------------------------- dvError------------------------------------------------------*/

.errorSpan {
    display: none;
    position: fixed;
    top: 10px;
    left: 10px;
    width: 200px;
    height: auto;
    background-image: -webkit-linear-gradient(top,#ff9999,#ff3333);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    z-index: 2020;
    transition: opacity 1s;
    font-size: 15px;
}

    .errorSpan:after {
        content: "";
        position: absolute;
        top: -15px;
        left: 20px;
        margin-left: -4px;
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent #ff9999 transparent;
    }

.errorSpanRight {
    display: none;
    position: fixed;
    top: 10px;
    right: 10px;
    width: 200px;
    height: auto;
    background-image: -webkit-linear-gradient(top,#ff9999,#ff3333);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    z-index: 1020;
    transition: opacity 1s;
    font-size: 15px;
}

    .errorSpanRight:after {
        content: "";
        position: absolute;
        top: -15px;
        right: 20px;
        margin-left: -4px;
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent #ff9999 transparent;
    }

/*------------------------------------------------TxtDropdown---------------------------------*/
.dropDrownTxt {
    display: none;
    position: absolute;
    top: 0px;
    right: 0;
    background-color: #fff;
    min-width: 200px;
    overflow-y: scroll;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    z-index: 11;
    transition: 0.4s;
}

.dropDrownTxtButton {
    width: 100%;
    text-align: left;
    padding: 0px 15px;
    font-size: 18px;
    color: inherit;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    line-height: 36px;
    height: 36px;
    cursor: pointer;
    transition: 0.3s;
}

    .dropDrownTxtButton:hover {
        background-color: #0596c7;
        color: #eee;
    }


/*------------------------------------------------Mousehover Menu-----------------------------*/

.btnhover {
}


/* The container <div> - needed to position the dropdown content */
.dvhovermenu {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dvhovermenu-content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    min-width: 200px;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    z-index: 11;
    transition: 0.4s;
}

.contextmenuButton {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #0066ff;
    line-height: 40px;
    height: 40px;
    padding: 0px 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    transition: 0.3s;
}

    .contextmenuButton:hover {
        background-color: #0066ff;
        color: #eee;
    }

/*.dvhovermenu-content a:hover {background-color: #ddd;}*/

.dvhovermenu-content a:hover {
    background-color: #0596c7;
}

.dvhovermenu:hover .dvhovermenu-content {
    display: block;
}

.dvhovermenu:hover .btnhover {
    color: #ffad33;
    font-weight: bold;
}

.dlRow1 {
    /*position:relative;*/
    border: 1px solid transparent;
    border-radius: 3px;
    border-bottom: 1px solid #eee;
    width: 100%;
    display: block;
    transition: 0.5s;
}

    .dlRow1:hover {
        border-color: #00cccc;
        background-color: rgba(0, 153, 153,0.1);
        cursor: default;
    }


/*--------------------------------------------------------------------------------------------*/
.dlgVisits {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
    transition: 0.3s;
}

.dlgVisits-content {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
    max-width: 800px;
    height: 500px;
    color: #666;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    background-color: #f2f2f2;
}


/*-----------------------------------------------------------------------------------------*/
.txtDate {
    border: 1px solid #888888;
    padding: 4px;
    border-radius: 5px;
    font-size: 16px;
    color: #0000cc;
    text-align: center;
    background-color: #fff;
}

    .txtDate:focus {
        box-shadow: 0px 0px 8px 2px lightblue;
    }

.txtDateFrom {
    border: 1px solid #888888;
    padding: 0 6px;
    border-radius: 5px;
    font-size: 16px;
    color: #0000cc;
    text-align: center;
    cursor: text;
    background: #e6e6e6 url('') no-repeat right 50%;
}

    .txtDateFrom:focus {
        box-shadow: 0px 0px 8px 2px lightblue;
    }

.txtDateTo {
    border: 1px solid #888888;
    padding: 0 6px;
    border-radius: 5px;
    font-size: 16px;
    color: #0000cc;
    text-align: center;
    cursor: text;
    background: #e6e6e6 url('') no-repeat right 50%;
}

    .txtDateTo:focus {
        box-shadow: 0px 0px 8px 2px lightblue;
    }

.gvColumnID {
    display: none;
}

.gvRow {
    /*background-color:#efefef;*/
    background-color: #dee7ef;
    border-bottom: 20px solid #fff;
    border-radius: 2px;
    cursor: pointer;
    transition: 0.5s;
}

    .gvRow:hover {
        background-color: #f7f1b4;
    }

.dvRow {
    height: auto;
    padding: 5px;
    box-shadow: 0px 0px 2px 4px rgba(0, 0, 0,0.05);
    cursor: pointer;
    transition: 0.5s;
}

    .dvRow:hover {
        box-shadow: 0px 0px 4px 4px rgba(0, 0, 0,0.15);
    }

.pRow {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #999;
    width: 70px;
}

/*-----------------------------------------------------Vistors-----------------------------------------------------*/
.dvMenu {
    text-align: center;
    height: auto;
    width: 100%;
    background-color: #999;
    color: #e1e1e1;
    /*animation:opac 3s}@keyframes opac{from{opacity:0} to{opacity:1}*/
}

.dvVisitorbody {
    color: #333;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    /*margin-top: 130px;*/
}

.dvVisitorbodyTopMargin {
    height: 130px;
}


/*-----------------------------------------------------Calculator-----------------------------------------------------*/
.calculatorContainer {
    display: none;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px 15px;
    padding-top: 0px;
    text-align: center;
    height: 0px;
    overflow: hidden;
    z-index: 1013;
}

.calculator {
    position: absolute;
    display: inline-block;
    background-color: #eee;
    width: 295px;
    height: 335px;
    z-index: 2000;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}


.dvHover {
    width: 100%;
    height: 40px;
    background-color: #eee;
    text-align: center;
    line-height: 40px;
    font-size: 25px;
    user-select: none;
}

    .dvHover:hover {
        cursor: move;
    }

.calculatorScreen {
    display: inline-block;
    width: 100%;
    height: 50px;
    background-color: #e6fff2;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 12px;
    text-align: left;
    font-size: 18px;
    overflow: auto;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
}

.calculatorDigit {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-radius: 2px;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top,#b3b3b3,#808080);
    transition: 0.3s;
}

    .calculatorDigit:hover {
        background-image: -webkit-linear-gradient(top,#d9d9d9,#a6a6a6);
    }

.calculatorDigitRed {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-radius: 2px;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top,#ff6666,#ff0000);
    transition: 0.3s;
}

    .calculatorDigitRed:hover {
        background-image: -webkit-linear-gradient(top,#ffb3b3,#ff4d4d);
    }


/*---------------------------------Media-----------------------------------------------------*/
@media only screen and (max-width: 500px) {
    .dvVisitorbodyTopMargin {
        height: 210px;
    }

    .dvVisitorbodyTopMargin {
        height: 210px;
    }
}

@media only screen and (max-width: 769px) {
    [class*="col-"] {
        width: 100%;
    }

    .dskdlg {
        overflow-y: scroll;
    }

    .errtooltip .errtooltipSpanCenter {
        left: 80px;
    }

    .hSubtitle {
        font-size: 20px;
        font-weight: 500;
        text-align: center;
    }

    .pgBodySection {
        padding: 5px;
    }

    .dvMain {
        padding: 8px;
    }

    .fieldlabel {
        color: #686868;
        font-weight: normal;
        padding-bottom: 15px;
        font-size: 15px;
    }

    .fieldValue {
        margin-bottom: 20px;
    }

    .dvWrapper {
        padding: 0px 10px;
    }

    .dvBodyContainer, .dvBodyContainer2 {
        padding: 70px 10px 0px 10px;
    }

    .pgheaderDSK {
        display: none;
    }

    .pgheaderMOB {
        display: block;
    }

    .dvDSK {
        display: none;
    }

    .dvMOB {
        display: block;
    }

    .dvTab {
        padding: 15px 0px;
    }
}