@charset "utf-8";
/* CSS Document */

.main_heading{ font-family: 'Open Sans', sans-serif; color:#116dae; font-size:17px; font-weight:600; height:45px; border-bottom:solid 1px #f1f1f1; vertical-align:middle;}
.filter_padding{ padding:10px 0 10px 0; vertical-align:top;}
.form_label{font-family: 'Open Sans', sans-serif; color:#3e3e3f; font-size:13px; font-weight:400; height:22px; vertical-align:middle;}
.form_label2{font-family: 'Open Sans', sans-serif; color:#3e3e3f; font-size:13px; font-weight:500; vertical-align:middle;}
.form_label span{ color:#C00;}
.form_txt_field{ border:solid 1px #d6d4d4; background-color:#fff; width:100%; color:#606060; font-size:13px; font-family: 'Open Sans', sans-serif; padding:3px; height:22px;}
.form_txt_field2{ border:solid 1px #d6d4d4; background-color:#fff; width:240px; color:#005693; font-size:13px; font-family:Verdana ; padding:3px 3px 3px 3px; border-bottom:#000000 1px double;
                  border-top:#000000 1px double;border-left:#000000 1px double;border-right:#000000 1px double;
                   height:22px;}
.form_txt_field2sm{ border:solid 1px #d6d4d4; background-color:#fff; width:130px; color:#606060; font-size:13px; font-family: 'Open Sans', sans-serif; padding:3px 3px 3px 3px; height:22px;}
.form_txt_field2a{ background-color:#fff; width:535px; color:#005693; font-size:13px; font-family: Verdana; padding:3px 0 3px 3px; height:22px; border-bottom:#000000 1px double;                   
                  border-top:#000000 1px double;border-left:#000000 1px double;border-right:#000000 1px double;}
.form_sel_field2{
                  border:solid 1px #d6d4d4;
                  background-color:#fff;
                  width:292px;
                  color:#005693;
                  font-size:13px;
                  font-family: Verdana;
                  padding:3px 0 3px 3px;
                  height: 30px;
                  border-bottom:#000000 1px double;
                  border-top:#000000 1px double;
                  border-left:#000000 1px double;
                  border-right:#000000 1px double;
                  }
.form_txt_field2b{ border:solid 1px #d6d4d4; background-color:#fff; width:269px; color:#005693; font-size:13px; font-family:Verdana ; padding:3px 3px 3px 3px; border-bottom:#000000 1px double;
                  border-top:#000000 1px double;border-left:#000000 1px double;border-right:#000000 1px double;
                   height:22px;}
.form_txt_field_readonly{border:solid 1px #d6d4d4; background-color:#ebebeb; width:269px; color:#a4a4a4; font-size:13px; font-family:Verdana ; padding:3px 3px 3px 3px; border-bottom:#000000 1px double;
                  border-top:#000000 1px double;border-left:#000000 1px double;border-right:#000000 1px double;
                   height:22px;}


.formButton_primary {
	border:solid 0 transparent;
	background-color:#004f92;
	font-size:13px; color:#fff;
	font-family: 'Open Sans', sans-serif;
	padding:6px 18px 6px 18px;
	font-weight:600;
}
.formButton_primary:hover {
	border:solid 0 transparent;
	background-color:#032f55;
	font-size:13px; color:#fff;
	font-family: 'Open Sans', sans-serif;
	padding:6px 18px 6px 18px;
	font-weight:600;
}


.formButton_secondary {
	border:solid 0 transparent;
	background-color:#ebebeb;
	font-size:13px; color:#424242;
	font-family: 'Open Sans', sans-serif;
	padding:6px 18px 6px 18px;
	font-weight:600;
}
.formButton_secondary:hover {
	border:solid 0 transparent;
	background-color:#d4d4d4;
	font-size:13px; color:#424242;
	font-family: 'Open Sans', sans-serif;
	padding:6px 18px 6px 18px;
	font-weight:600;
}

.captcha_code{ text-align:right; padding-right:8px;}

.invoice_area{ border: solid 1px #d6d4d4; padding:6px;}
.invoice_header{ background-color:#004f92; height:54px; color:#fff; padding:0 10px 0 10px; border-bottom:solid 3px #fff;}
.invoice_heading{font-family: 'Open Sans', sans-serif; font-size:17px; color:##fff;}
.invoice_heading2{font-family: 'Open Sans', sans-serif; font-size:13px; color:##fff; font-weight:600;}
.invoice_header2{ background-color:#efefef; height:54px; color:#3e3e3f; padding:0 10px 0 10px; border-bottom:solid 3px #fff;}
.invoice_header2_txt{ color:#3e3e3f; font-size:12px;}

.invoice_item_table{ width:100%; font-family: 'Open Sans', sans-serif;}
.invoice_item_table th{ background-color:#7f7f7f; color:#fff; font-size:12px; font-family: 'Open Sans', sans-serif; height:25px; padding:0 5px 0 5px; font-weight:500;}
.invoice_item_table td{ background-color:#fff; color:#242424; font-size:12px; font-family: 'Open Sans', sans-serif; padding:0px 5px 0px 5px; font-weight:500;}
.table_borders{ border-left:solid 1px #fff;}
.table_borders2{ border-left:solid 2px #fff;}

.datatable{ width:100%; font-family: 'Open Sans', sans-serif;}
.datatable th{ background-color:#004f92; color:#fff; font-size:12px; font-family: 'Open Sans', sans-serif; height:30px; padding:0 5px 0 5px; font-weight:500;}
.datatable td{ background-color:#fff; color:#242424; font-size:12px; font-family: 'Open Sans', sans-serif; height:22px; padding:0px 5px 0px 5px; font-weight:500;}

.datatable1{ width:100%; font-family: 'Open Sans', sans-serif;}
.datatable1 th{ background-color:darkgrey; color:#fff; font-size:12px; font-family: 'Open Sans', sans-serif; height:30px; padding:0 5px 0 5px; font-weight:500;}
.datatable1 td{ background-color:#fff; color:#242424; font-size:12px; font-family: 'Open Sans', sans-serif; height:22px; padding:0px 5px 0px 5px; font-weight:500;}


.datatable tr:nth-child(odd) td{background: #f1f1f1;}
.datatable tr:nth-child(even) td{background: #FFF;}

.tblPOS{ width:100%; font-family: 'Open Sans', sans-serif;}
.tblPOS th{  color:#fff; font-size:12px; font-family: 'Open Sans', sans-serif; height:30px; padding:0 5px 0 5px; font-weight:500;}
.tblPOS td{  color:#242424; font-size:12px; font-family: 'Open Sans', sans-serif; height:22px; padding:0px 5px 0px 5px; font-weight:500;}

 /* The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            padding-top: 100px; /* Location of the box */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 80%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color:gray; /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }

        /* Modal Content */
        .modal-content {
            position: relative;
            background-color: #fefefe;
            margin: auto;
            padding: 0;
            border: 1px solid #888;
            width: 50%;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        }

        /* Add Animation */
        @-webkit-keyframes animatetop {
            from {
                top: -300px;
                opacity: 0;
            }

            to {
                top: 0;
                opacity: 1;
            }
        }

        @keyframes animatetop {
            from {
                top: -300px;
                opacity: 0;
            }

            to {
                top: 0;
                opacity: 1;
            }
        }

        /* The Close Button */
        .close {
            color: white;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

            .close:hover,
            .close:focus {
                color: #000;
                text-decoration: none;
                cursor: pointer;
            }

        .modal-header {
            padding: 2px 16px;
            background-color: #5cb85c;
            color: white;
        }

        .modal-body {
            padding: 2px 16px;
        }

        .modal-footer {
            padding: 2px 16px;
            background-color: #5cb85c;
            color: white;
        }

        .tablePadding {
            padding-left: 200px;
        }

        #tblMain {
            border: 1px solid Gray;
            width: 100%;
           
        }

        #tblHeader {
            width: 100%;
            border-bottom: 1pt solid black;
        }

        #tblDetail {
            width: 100%;
        }
        .divRight{
            height:auto !important;
            margin-top:-6px !important;
        }
        .subHeader {
    width: 100%;
    height: 30px;
    background-color:#004f92;
    text-align: center;
    font-family: "Arial Unicode MS";
    font-size: 16px;
    font-weight: bold;
    color: white;
    padding-top: 2px !important;
}

.IMSRegDDStyle
{
    width:100%;
    padding:0px;
}