body {
}

html, body {
    /*overflow-x: hidden;*/
}

.bodyWrapperMain {
    margin-top: 70PX;
}

.radioCustomTemp {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border: solid 1px #099ba0;
    display: inline-block;
    margin-left: 10px;
    border-radius: 3px;
}

    .radioCustomTemp:after {
        content: "";
        display: block;
        clear: both;
    }

    .radioCustomTemp li {
        display: inline-block;
        float: left;
    }

        .radioCustomTemp li label {
            margin: 0px;
            padding: 4px 10px;
            border-left: solid 1px #099ba0;
            font-size: 13px;
            cursor: pointer;
            color: #099ba0;
            font-weight: normal;
        }

        .radioCustomTemp li:first-child label {
            border-left: none;
        }

        .radioCustomTemp li input[type="radio"] {
            display: none;
        }

        .radioCustomTemp li.active label {
            background: #099ba0;
            color: #fff;
        }

.checkCustomTemp {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    margin-left: 0px;
}

    .checkCustomTemp:after {
        content: "";
        display: block;
        clear: both;
    }

    .checkCustomTemp li {
        display: inline-block;
        float: left;
        margin: 0px 6px 0px 0px;
        padding: 3px 10px;
        border: solid 1px #099ba0;
        font-size: 12px;
        cursor: pointer;
        color: #099ba0;
        border-radius: 2px;
    }

        .checkCustomTemp li label {
            margin: 0px;
            cursor: pointer;
            font-weight: normal;
        }

        .checkCustomTemp li:first-child {
            /*border-left: none;*/
        }

        .checkCustomTemp li input[type="checkbox"] {
            display: none;
        }

        .checkCustomTemp li.active {
            background: #099ba0;
            color: #fff;
        }

.prdHead {
    padding: 5px 0px;
    border: solid 1px #ddd;
    border-top: none;
    margin-bottom: 7px;
}

.panelFooter {
    background: #ecf0f1;
    /* box-shadow: 0px -3px 14px -4px rgba(64, 101, 137, 0.9); */
    border-top: solid 1px #6b89a7;
    margin-top: 11px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 3px 20px;
}

.btnWebs {
    border: 1px solid #2d668b;
    background: #2d668b;
    color: #fff !important;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    display: inline-block;
    transition: ease 0.7s;
    /*box-shadow:0px 2.5px 0px #2d668b*/
    ;
}

    .btnWebs:hover,
    .btnWebs:focus,
    .btnWebs:active {
        background: #c35331;
        border: 1px solid #c35331;
    }

.custWapSec .panel-body {
    padding: 10px 10px;
    padding-bottom: 0px;
}

.custWapSec .form-control {
    height: 26px;
    border-radius: 2px;
    border-color: #ddd;
    font-size: 12px;
}

.block-table {
    display: table;
    position: relative;
}

.block-cell {
    display: table-cell;
}

.to-addon {
    display: table-cell;
    color: #417195;
    font-size: 12px;
    padding: 0px 4px;
    vertical-align: middle;
}

.custWapSec .calenderIcon {
    font-size: 16px;
}

.custWapSec .formCol {
    width: 17% !important;
    margin: 0px 0px 10px 2%;
    padding: 0px;
}

    .custWapSec .formCol label {
        /*font-size: 13px;*/
        /*font-weight: normal;*/
        /*color: #000;*/
        margin: 0px;
        padding-bottom: 3px;
        display: block;
    }

.custWapSec .ms-choice > div {
    height: 37px;
}

.custWapSec textarea {
    height: auto !important;
    line-height: 16px;
}

.custWapSec iframe {
    border: solid 2px #17bbc1;
}

.fixTableHomeWell,
.fixTableHome,
.fixTableHomeTh,
.fixTableHomeTwo {
    background: #fff;
}

.leftWrapNav {
    width: 16%;
    float: left;
    min-height: 10px;
    /*background:red;*/
    padding-top: 7px;
}

.rightWrapNav {
    width: 83%;
    float: right;
    min-height: 10px;
    /*background:red;*/
}

    .rightWrapNav .panelbodyCenter {
        width: 100% !important;
    }

    .rightWrapNav .panelWeb {
        border: none;
    }

    .rightWrapNav .panel-body {
        padding: 7px;
        border: none;
    }

.leftWrapNav ul {
    padding: 0px;
    margin: 0px;
}

.leftWrapNav li {
    list-style: none;
}

    .leftWrapNav li input {
        width: 100% !important;
        border-radius: 0;
        background: #ffffff !important;
        border: solid 1px #099ba0 !important;
        color: #099ba0;
        margin-bottom: 5px;
        border-radius: 3px;
        text-transform: capitalize;
        font-size: 12px;
        padding: 2px 11px;
        text-align: left;
        outline: none;
        font-weight: normal;
        text-shadow: none;
        font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif !important;
    }

        .leftWrapNav li input:hover {
            background: #099ba0 !important;
            color: #fff;
            font-size: 12px;
            padding: 2px 11px;
            text-align: left;
            text-transform: capitalize;
            outline: none;
        }

        .leftWrapNav li input.buttonClick {
            background: #099ba0 !important;
            color: #fff;
            outline: none;
        }

.checkCustomInput {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    margin-left: 0px;
}

    .checkCustomInput:after {
        content: "";
        display: block;
        clear: both;
    }

    .checkCustomInput li {
        display: inline-block;
        float: left;
        margin: 0px 6px 5px 0px;
        padding: 0px;
        border: solid 1px #099ba0;
        font-size: 12px;
        cursor: pointer;
        color: #099ba0;
        border-radius: 2px;
        position: relative;
    }

        .checkCustomInput li label {
            margin: 0px;
            cursor: pointer;
            font-weight: normal;
            padding: 3px 10px;
            padding-left: 20px;
        }

        .checkCustomInput li:first-child {
            /*border-left: none;*/
        }

        .checkCustomInput li input[type="checkbox"] {
            display: none;
        }

        .checkCustomInput li.active {
            background: #099ba0;
            color: #fff;
        }

        .checkCustomInput li .selOf {
            /*display: none;*/
            position: absolute;
            left: 6px;
            top: 5px;
            font-size: 13px;
        }

        .checkCustomInput li.active .selOf {
            display: none;
        }

        .checkCustomInput li .selOn {
            display: none;
            position: absolute;
            left: 4px;
            top: 5px;
            font-size: 12px;
        }

        .checkCustomInput li.active .selOn {
            display: block;
        }




.checkCustomInputSingle:after {
    content: "";
    display: block;
    clear: both;
}


.checkCustomInputSingle {
    margin: 0px;
    cursor: pointer;
    font-weight: normal;
    padding: 3px 10px;
    padding-left: 20px;
    display: inline-block;
    position: relative;
    border: solid 1px #099ba0;
    font-size: 12px;
    color: #099ba0;
    border-radius: 2px;
}

    .checkCustomInputSingle label {
        margin: 0px;
        cursor: pointer;
    }

    .checkCustomInputSingle input[type="checkbox"] {
        display: none;
    }

    .checkCustomInputSingle.active ,
    .checkCustomInputSinglePop label.active{
        background: #099ba0;
        color: #fff;
    }

    .checkCustomInputSingle .selOf {
        /*display: none;*/
        position: absolute;
        left: 6px;
        top: 3px;
        font-size: 13px;
    }

    .checkCustomInputSingle.active .selOf {
        display: none;
    }

    .checkCustomInputSingle .selOn {
        display: none;
        position: absolute;
        left: 4px;
        top: 3px;
        font-size: 12px;
    }

    .checkCustomInputSingle.active .selOn{
        display: block;
    }



.checkCustomInputSinglePop {
    padding:0px;
     
}
    .checkCustomInputSinglePop label.active .selOf {
        display: none;
    }
    .checkCustomInputSinglePop label.active .selOn{
        display: block;
    }

.checkCustomInputSinglePop label {
    padding: 3px 10px;
     padding-left: 20px;
   
}

.modelAlert {
    z-index: 9999999999;
    background: rgba(0, 0, 0, 0.28);
}

    .modelAlert .modal-sm {
        width: 300px;
        margin: 30px auto;
    }

    .modelAlert .modal-title {
        color: #ff7043;
    }

    .modelAlert .modal-header,
    .modelAlert .modal-footer {
        padding: 5px 10px;
    }

    .modelAlert .modal-footer {
        border-top: none;
    }

    .modelAlert .modal-header .close {
        margin-top: 2px;
    }

    .modelAlert .modal-body {
        position: relative;
        padding: 5px 10px;
        font-size: 15px;
        color: #2f2a2a;
        font-family: calibri;
    }

    .modelAlert .btn {
        padding: 3px 11px;
        height: auto;
        font-size: 12px;
        background: #02a6b7;
        color: #fff;
        margin-top: 6px;
    }

        .modelAlert .btn:hover {
            background: #ff7043;
            color: #fff;
        }

.btn-set {
    background: #61809e;
    height: auto;
    font-size: 12px;
    text-transform: capitalize;
    color: #fff !important;
    padding: 2px 5px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.btn-delete {
    width: 65px;
}

.btn-set:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 2px;
    color: #fff;
}

.btn-delete:before {
    content: "\f014";
}

.btn-edit:before {
    content: "\f044";
}

.parentDivPop {
    background: #fff;
    border: solid 1px #6b89a7;
    margin-top: 30px;
    border-radius: 5px;
}

    .parentDivPop .tableheader {
        border-bottom: solid 1px #6b89a7;
        background-color: #ecf0f1!important;
        box-shadow: 1px 8px 11px -10px #2a323a;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

        .parentDivPop .tableheader h5 {
            text-transform: uppercase;
            font-size: 14px;
            margin: 0px;
            padding: 5px 5px;
            text-align: left;
        }

.formWrap .formCol {
    width: 33%;
    float: left;
    min-height: 40px;
    /*background:red;*/
}

.formWrap {
    width: 82%;
    margin: 0px auto;
}

    .formWrap .formCol {
        margin: 0px 0px 13px 2%;
    }

        .formWrap .formCol .frmTitle {
            display: block;
            margin: 0px;
            padding: 3px 0px;
            font-size: 14px;
            font-weight: normal !important;
            color: #404040;
        }

    .formWrap .formColz {
        width: 36%;
    }

    .formWrap .formColz2 {
        width: 20%;
    }

    .formWrap .formcolmn {
        width: 23%;
        float: left;
        min-height: 40px;
        background: red;
        margin: 0px 0px 10px 1.5%;
    }

.boxFormPop {
    width: 80%;
    margin: 0px auto;
    border: solid 1px #ddd;
    padding: 6px 20px;
    border-radius: 5px;
    min-height: 70px;
    box-shadow: 0px 2px 6px rgba(84, 81, 81, 0.32);
}

    .boxFormPop .form-control {
        height: 33px;
        padding: 5px 10px;
        line-height: 26px;
        width: 300px !important;
        border-radius: 4px;
    }

        .boxFormPop .form-control.datepicker {
            padding-left: 22px;
            width: 120px !important;
        }

.popFooter {
    background-color: #ecf0f1;
    border-top: solid 1px #6b89a7;
    color: #31708f;
    padding: 5px 20px;
    margin-top: 30px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .popFooter .btnIn {
        float: left;
    }

.boxFormPop table td {
    font-size: 14px;
    color: #404040;
    padding: 5px 4px;
}

    .boxFormPop table td b,
    .boxFormPop table td span {
        font-weight: normal !important;
    }

.parentDivPop .lblError {
    display: block;
    padding: 5px 5px;
    font-size: 12px;
}

.panelTech {
    border: solid 1px #eaeaea;
    margin-top: 10px;
    border-radius: 5px;
    margin-bottom: 30px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
}

.panelTech {
    border: solid 1px #eaeaea;
    margin-top: 10px;
    border-radius: 5px;
    margin-bottom: 30px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
}

.fourqtPanelForm {
    border: solid 1px #bbcbe0;
    margin-top: 10px;
    border-radius: 5px;
    margin-bottom: 2px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
}

.panelTechData {
    border: solid 1px #eaeaea;
    margin-top: 10px;
    margin-bottom: 5px;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.19);
}

.fourqtPanelContent {
    border: solid 1px #eaeaea;
    margin-top: 4px;
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.19);
}
    .fourqtPanelContent label {
        margin:0px;
    }

    .fourqtPanelContent .MenuSubHeading {
        color: #0f79b3;
        font-size: 12px;
        font-weight: 400;
        /* font-family: 'Lato', sans-serif; */
        text-transform: uppercase;
        margin: 0px;
        padding: 2px 0px;
        display: block;
        font-weight: bold;
    }

    .fourqtPanelContent .childTitle {
        padding: 4px 0px;
    }

    .fourqtPanelContent .paneInnerSec {
        padding: 2px 10px;
    }

    .fourqtPanelContent .paneInner {
        border: solid 1px #eaeaea;
        margin-top: 4px;
        margin-bottom: 30px;
        border-radius: 5px;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.19);
        min-height: 375px;
    }

        .fourqtPanelContent .paneInner .fourqtPanelHead {
            padding: 4px 10px;
        }

    .fourqtPanelContent .childTitle h4 {
        color: #444444;
        font-size: 13px;
        font-weight: normal;
        margin: 0px;
        padding: 2px 13px;
        display: block;
        line-height: 12px;
    }

    .fourqtPanelContent .paneInner .grd-table tr.headerbgs td {
        vertical-align: middle;
        font-weight: 500;
        font-size: 11px;
        text-transform: uppercase;
        color: #FFF;
        background-color: #6685a4;
        padding: 6px 10px;
        border: 1px solid #e1e1e1;
    }

.formBoxSec {
    padding: 4px 5px;
}

.tableBody {
    padding: 10px 17px;
}

.fourqtPanelContent .tableBody {
    padding: 5px 5px;
}

.panelTechHead {
    background: #F5F4F9;
    border-bottom: solid 1px #eaeaea;
    color: #31708f;
    padding: 4px 18px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: -moz-linear-gradient(top, rgb(245, 244, 249) 0%, rgb(245, 244, 249) 50%, rgb(231, 230, 234) 100%);
    background: -webkit-linear-gradient(top, rgb(245, 244, 249) 0%,rgb(245, 244, 249) 50%,rgb(231, 230, 234) 100%);
    background: linear-gradient(to bottom, rgb(245, 244, 249) 0%,rgb(245, 244, 249) 50%,rgb(231, 230, 234) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31708f', endColorstr='#31708f',GradientType=0 ); /* IE6-9 */
}

.fourqtPanelHead {
    background: #ecf0f1;
    border-bottom: solid 1px #bbcbe0;
    color: #31708f;
    padding: 4px 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
}

    .fourqtPanelHead .radioCustomBtn {
        /*margin-bottom:-4px;*/
    }

.fourqtFormHideBtn {
    position: absolute;
    /* width: 20px; */
    /* height: 20px; */
    /* background: red; */
    right: 6px;
    top: 6px;
}

    .fourqtFormHideBtn .panelHeadBtn {
        border: none;
        background: none;
        font-size: 18px;
        color: #1786c7;
        padding: 0px;
    }

        .fourqtFormHideBtn .panelHeadBtn:focus,
        .fourqtFormHideBtn .panelHeadBtn:hover {
            color: #ff3c7e;
        }

        .fourqtFormHideBtn .panelHeadBtn:focus {
            border: none;
            background: none;
            outline: none;
        }

.panelHideBtn {
    /*display:none;*/
}

.panelShowBtn,
.panelHideBtnOn {
    display: none;
}
.hideDiv {
    display:none;
}
.fourqtPanelHead .MenuLeftHeading,
.fourqtPanelHeadTitle {
    font-size: 13px;
    color: #0f79b3;
    padding: 5px 0px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
}

.fourqtPanelHead .pull-left h4 {
}

.panelTechHead .MenuLeftHeading,
.panelTechHeadTitle {
    font-size: 14px;
    color: #268caf;
    padding: 5px 0px;
    margin: 0px;
    text-transform: uppercase;
}

.panelTechHeadBtn {
    line-height: 28px;
}

.panelTechData .panelTechHeadTitle {
    line-height: normal;
}

.fourqtPanelContent .panelTechHeadTitle {
    line-height: normal;
}

.panelTechFooter {
    background: #F5F4F9;
    border-top: solid 1px #eaeaea;
    color: #31708f;
    padding: 4px 18px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.fourqtPanelFooter {
    background: #ecf0f1;
    border-top: solid 1px #bbcbe0;
    color: #31708f;
    padding: 4px 18px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.fourqtForm .fourqtCol {
    width: 16.6%;
    float: left;
    margin: 0px 0px 7px 0%;
    padding: 0px 5px;
    min-height:48px;
    /*background:red;*/
}

table.grd-table th, table.grd-table .grd-table-header-column {
    background-color: #0f79b3;
    padding: 5px 10px;
}

.fourqtForm.maxForm .fourqtCol {
    min-height: 48px;
}

.fourqtForm .fourqt-50 {
    float: left;
    width: 50%;
    padding-right: 2px;
}

.fourqtForm .form-title {
    width: 100%;
    min-height: 20px;
    padding-right: 10px;
    line-height: 20px;
    font-size: 13px;
    color: #444444;
    font-weight: normal;
    white-space: nowrap;
}

    .fourqtForm .form-title label {
        font-weight: normal;
        margin: 0px;
    }

.form-control {
    line-height: normal;
}

.fourqtForm .fourqtCol .form-control,
.peymentReceiptSec .form-control{
    width: 100%;
    height: 26px;
    border-color: #dfe4ed;
    /* color: #FFF; */
    font-size: 12px;
    border-radius: 3px;
    line-height: normal;
    padding: 0px 10px;
}
    .fourqtForm .fourqtCol .form-control:focus {
          border: solid 1px #91c8ec;
    }

.fourqtForm .fourqtCol select.form-control {
    /*-webkit-appearance: none;*/
}

.form-control {
    font-weight: bold;
    font-size: 12px;
}

.fourqtForm .fourqtCol .datepicker,
.fourqtForm .fourqtCol .datepickers {
    padding-left: 22px;
}

.fourqtForm .fourqtCol .form-select {
}

.fourqtForm .form-input {
    width: 100%;
    float: none;
    min-height: 26px;
        font-weight: bold;
    font-size: 12px;
}

.fourqt-form .to-addon {
    display: table-cell;
    color: #417195;
    font-size: 12px;
    padding: 0px 4px;
    vertical-align: middle;
}
.mandField label{
    margin:0px;
}
.block-date {
    display: table;
}

.block-cell {
    display: table-cell;
}

    .block-cell .datepickSec {
        width: 100% !important;
    }

    .block-cell .datepickers {
        width: 100% !important;
        font-size: 11px !important;
    }

.fourqtForm .radioCustomTemp label {
    font-size: 12px !important;
    padding: 2px 10px !important;
}

.buttonModern {
    display: inline-block;
    vertical-align: middle;
    outline: none;
    color: #fff;
    border-color: #17bbc1;
    border: solid 1px #5280ac;
    background: #557ea7;
    box-shadow: 0px 2px 0px #296394;
    padding: 4px 10px;
    text-align: center;
    font-size: 12px;
    background: linear-gradient(to right, #557ea7 0%, #27a1f1 100%);
    background: -webkit-linear-gradient(left, #557ea7 0%,#27a1f1 100%);
    background: -o-linear-gradient(left, #557ea7 0%,#27a1f1 100%);
    background: -ms-linear-gradient(left, #557ea7 0%,#27a1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#557ea7', endColorstr='#27a1f1',GradientType=1 );
    border-radius: 4px;
    /* font-family: Arial; */
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

    .buttonModern:hover,
    .buttonModern:focus {
        background: #b35437;
        background: linear-gradient(to right, #b35437 0%, #e64413 100%);
        background: -webkit-linear-gradient(left, #b35437 0%,#e64413 100%);
        background: -o-linear-gradient(left, #b35437 0%,#e64413 100%);
        background: -ms-linear-gradient(left, #b35437 0%,#e64413 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b35437', endColorstr='#e64413',GradientType=1 );
        box-shadow: 0px 2px 0px #a03e20;
        border: solid 1px #b95233;
    }

    .buttonModern.btnPrint,
    .buttonModern.btnDownload {
        position: relative;
        padding-left: 17px;
    }

        .buttonModern.btnPrint:before,
        .buttonModern.btnDownload:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            left: 3px;
            top: 5px;
        }

        .buttonModern.btnPrint:before {
            content: "\f02f";
        }

        .buttonModern.btnDownload:before {
            content: "\f019";
        }

.btnFetch {
    position: relative;
}

    .btnFetch::after {
        /*content: "\f002";
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 4px;
   font-size:12px;*/
    }

.button.btnFourqt,
.buttonPrint.btnFourqt {
    /*line-height: 12px;
    padding: 4px 7px;*/
    transition: ease 0.5s;
    background-color: #0f79b3;
    font-size: 12px;
    text-transform: uppercase;
    /*border: 1px solid #0f79b3;*/
    text-shadow: none;
    border: solid 1px #5280ac;
    background: #557ea7;
    box-shadow: 0px 2px 0px #296394;
    background: linear-gradient(to right, #0f79b3 0%, #27a1f1 100%);
    background: -webkit-linear-gradient(left, #0f79b3 0%,#27a1f1 100%);
    background: -o-linear-gradient(left, #0f79b3 0%,#27a1f1 100%);
    background: -ms-linear-gradient(left, #0f79b3 0%,#27a1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f79b3', endColorstr='#27a1f1',GradientType=1 );
}

    .button.btnFourqt:hover,
    .button.btnFourqt:focus,
    .buttonPrint.btnFourqt:focus,
    .buttonPrint.btnFourqt:hover {
        background: #ff3c7e;
        background: linear-gradient(to right, #ff3c7e 0%, #d00348 100%);
        background: -webkit-linear-gradient(left, #ff3c7e 0%,#d00348 100%);
        background: -o-linear-gradient(left, #ff3c7e 0%,#d00348 100%);
        background: -ms-linear-gradient(left, #ff3c7e 0%,#d00348 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3c7e', endColorstr='#d00348',GradientType=1 );
        box-shadow: 0px 1px 0px #d00348;
        border: solid 1px #d00348;
    }

.fourqtPanelFooter .btnFourqt.buttonPrint {
    padding: 4px 5px 4px 24px;
    line-height: 16px;
    background-color: #27a1f1;
    /* background-position: 3px 22px; */
    width: 78px;
    background: url(../images/print.gif) #27a1f1 6px 4px no-repeat;
}

    .fourqtPanelFooter .buttonPrint:hover,
    .fourqtPanelFooter .buttonPrint:focus {
        background: url(../images/print.gif) #ff3c7e 6px 4px no-repeat;
    }

.fourqtPanelFooter .btnAuto {
    width: auto;
}

.fourqIconBtnSec {
    position: absolute;
    right: 6px;
    top: 3px;
}

    .fourqIconBtnSec ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

    .fourqIconBtnSec li {
        float: left;
        margin-left: 5px;
    }

        .fourqIconBtnSec li a ,
        .fourqIconBtnSec li button{
            color: #e03f10;
            font-size: 17px;
        }
.fourqIconBtnSec li button {
        background: none;
    border: none;
}

            .fourqIconBtnSec li a span {
                text-indent: -9999px;
            }

            .fourqIconBtnSec li a:hover ,
            .fourqIconBtnSec li button:hover{
                color: #ff3c7e;
            }
        .fourqIconBtnSec li button:focus {
            /*border:none;*/
            outline:none;
        }
    .fourqIconBtnSec.fourqIconBtnSecApp {
            top: 0px;
            position:relative;
                border-right: solid 1px #777;
    padding-right: 5px;
    }
        .fourqIconBtnSec.fourqIconBtnSecApp li a {
                color: #212121;
                 font-size: 15px;
        }

.MenuSubHeadingColors {
    color: #c35331;
}
/*.clearfix:after {
    content:"";
    display:block;
    clear:both;
}*/
.grd-table td.tdPointer {
    cursor: pointer;
}

.errorMsgs {
    white-space: nowrap;
    font-size: 12px;
    color: white;
    padding: 3px 6px;
    background: #c52303;
    /* margin-top: 4px; */
    position: absolute;
    top: 100%;
    left: 0px;
    /* margin-left: 9px; */
    z-index: 99999;
}

    .errorMsgs:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #c52303;
        border-top: 6px solid transparent;
        content: "";
        /* display: inline-block; */
        position: absolute;
        top: -12px;
        left: 18px;
        /* right: 0px; */
        margin: auto;
    }

.formBoxStyle {
    margin: 10px auto;
    border: solid 1px #bbcbe0;
    border-radius: 5px;
}

.smallBoxForm .fourqtCol {
    width: 100%;
    float: none;
    margin: 0px;
}

.smallBoxForm .form-title {
    width: 35%;
    float: left;
}

.smallBoxForm .form-input {
}

#popupIp {
}

    #popupIp .modal-header,
    #popupIp .modal-footer {
        padding: 8px 15px;
        border-bottom: 1px solid #06b5b9;
    }

    #popupIp .modal-title {
        font-family: 'Roboto', sans-serif;
        margin: 0px;
        padding: 0px 0px;
        color: #099ba0;
        text-transform: uppercase;
        font-size: 13px;
    }

    #popupIp .btn {
        background: #da8a0a;
        font-size: 12px;
        color: #fff;
        text-shadow: none;
        padding: 13px 9px;
        line-height: 0px;
        height: auto;
    }

    #popupIp button.close {
        color: #da8a0a;
    }

.tableOnWrap th,
.tableOnWrap td {
    white-space: nowrap;
}

.grd-table td.cellOnWrap,
.grd-table th.cellOnWrap {
    white-space: nowrap;
}

.ragForm .fcol {
    display: table-cell;
    vertical-align: middle;
}

.ragForm .formTwo {
    display: table;
}

.ragForm .fcol b {
    display: inline-block;
    font-size: 10px;
    padding: 0px 2px;
}

.ragForm .fcol select {
    padding-right: 3px;
    padding-left: 3px;
}

.ragisterPage .heading {
    font-size: 13px;
    color: #268caf;
    padding: 3px 0px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
}

.ragisterPage .panel-heading .resHead {
    padding-bottom: 0px;
}

.ragisterPage .panel-info {
    border-color: #c0c6c7;
}

    .ragisterPage .panel-info > .panel-heading,
    .ragisterPage .panel-info > .panel-footer {
        border-color: #ccd4d6;
    }

.ragisterPage .formNameInput .nameCol {
    width: 25%;
    float: left;
    padding-right: 4px;
}

.ragisterPage .form-upload {
    position: relative;
}

    .ragisterPage .form-upload .button {
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 11px;
        padding: 1px 6px;
    }

    .ragisterPage .form-upload span.fileError {
        position: absolute;
        bottom: -15px;
        left: 0px;
        display: block;
        font-size: 11px;
    }

.ddressDfSec .rows {
    background: #F5F4F9;
    padding: 8px 5px;
    margin-bottom: 5px;
    border-bottom: solid 1px #eaeaea;
}

.ddressDfSec .subHead {
    margin-left: 0px;
}

.ragisterPage .fourqtForm .form-title label,
.ragisterPage .fourqtForm .form-title span,
.ragisterPage .fxTitle,
.ragisterPage .fxTitle span {
    font-weight: normal !important;
}

.ragisterPage .fourqtForm .form-title,
.ragisterPage .fxTitle {
    min-height: 22px;
    padding: 3px 0px;
    line-height: 16px;
    font-size: 14px;
    color: #444444;
    font-weight: normal;
    white-space: nowrap;
}

.ragisterPage .dsbTit {
    display: inline-block;
    vertical-align: top;
}

    .ragisterPage .dsbTit label {
        padding: 5px 5px;
    }

table.grd-table .colNoBreak {
    white-space: nowrap;
}

.tableColor td {
    background: #fff;
}
/* loader */
.myLoader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: #fff;
    background: rgba(255, 255, 255, 0.87);
}

.customLoader {
    position: absolute;
    width: 60px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top: 50%;
    margin-top: -110px;
}

    .customLoader img {
        width: 100%;
    }

.loadertext {
    margin-left: -48px;
    display: block;
    font-size: 11px;
    /* font-weight: bold; */
    color: #ff8626;
    /* width: 300px; */
    /* margin: 90px auto; */
    -webkit-animation: blink 1.5s ease 0s infinite normal;
    animation: blink 1.5s ease 0s infinite normal;
    white-space: nowrap;
    letter-spacing: 1px;
}


.radioCustomBtn {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border: solid 1px #099ba0;
    display: inline-block;
    /*margin-left: 10px;*/
    border-radius: 3px;
}

    .radioCustomBtn:after {
        content: "";
        display: block;
        clear: both;
    }

    .radioCustomBtn li {
        display: inline-block;
        float: left;
    }

        .radioCustomBtn li label {
            margin: 0px;
            padding: 4px 10px;
            border-left: solid 1px #099ba0;
            font-size: 13px;
            cursor: pointer;
            color: #099ba0;
            font-weight: normal;
        }

        .radioCustomBtn li:first-child label {
            border-left: none;
        }

        .radioCustomBtn li input[type="radio"] {
            display: none;
        }
.radioCustomBtn li.disabled label,
.radioCustomBtn li span.disabled label {
    /* background: #dedede; */
    /*pointer-events: none;*/
    /* color: #5a5a5a; */
    cursor: not-allowed;
    opacity: 0.5;
}
        .radioCustomBtn li.active label,
        .radioCustomBtn li span.active label {
            background: #099ba0;
            color: #fff;
        }

.posRelImp {
    position: relative;
}

.showError {
    padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    display: inline-block;
    color: #a94442;
    background-color: #f2dede;
    font-size: 14px;
    box-shadow: 0px 1px 4px #d23737;
}

.mydownloadProgressbar .ui-dialog .ui-dialog-content {
    background: #fff;
}

.mydownloadProgressbar {
    background: #fff !important;
}

    .mydownloadProgressbar .progress-label {
        padding-bottom: 5px;
        font-size: 12px;
        color: #e24506;
        font-weight: bold;
    }

    .mydownloadProgressbar .ui-progressbar {
        height: 10px;
    }

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0px;
}

.ui-datepicker.ui-widget.ui-widget-content {
    z-index: 9999999 !important;
}

.mainHeaderWrapFixed {
    z-index: 999999;
}

.popcontainer {
    z-index: 9999999;
}

.scrollDivs tfoot td,
.scrollDivs tbody td,
.tableBgWhite tr td {
    background: #fff;
}

.fourqtPaging {
    padding: 10px 30px;
}

    .fourqtPaging td {
        font-size: 13px;
    }

    .fourqtPaging .btnPg {
        background: #3499d8;
        outline: none;
        border: Solid 1px #2786c1;
        color: #fff;
        font-size: 10px;
    }

.fourqtPanelForm.enqBoxWrap {
    border: none;
    /*border-top:solid 1px #bbcbe0;*/
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
}

    .fourqtPanelForm.enqBoxWrap .fourqtPanelHead {
        border: solid 1px #bbcbe0;
    }

.enqBoxSec {
    margin-top: 11px;
}

.enqBoxMas {
    width: 19.2%;
    /* min-height: 100px; */
    /*margin-left: 5px;*/
    margin: 0px 0px 13px 1%;
    border: solid 1px #d4d7d8;
    border-radius: 3px;
    float: left;
}

    .enqBoxMas:nth-child(5n+1) {
        margin-left: 0px;
    }

    .enqBoxMas .enqBoxMasBody {
        height: 180px;
        overflow: auto;
    }

    .enqBoxMas .enqBoxMasHead {
        border-radius: 4px;
        padding: 0px;
        border-bottom: solid 1px #eaeaea;
        background-color: #F5F4F9;
    }

        .enqBoxMas .enqBoxMasHead h4 {
            padding: 0px;
            margin: 0px;
            font-size: 14px;
            color: #1c678e;
            padding: 5px 10px;
            margin: 0px;
            text-align: center;
        }

    .enqBoxMas .enqBoxMasBody .grd-table .headbg td {
        color: #FFF;
        background-color: #6685a4;
        padding: 4px 4px;
        font-size: 12px;
        font-weight: normal;
    }

    .enqBoxMas .enqBoxMasBody .grd-table td {
        padding: 3px 4px;
    }

    .enqBoxMas .enqBoxMasFoot {
        padding: 8px 5px;
        text-align: center;
    }

        .enqBoxMas .enqBoxMasFoot .btnMas {
            background: #ff7043;
            background: linear-gradient(to right,#ca4015 0%, #ff7043 100%);
            background: -webkit-linear-gradient(left, #ca4015 0%,#ff7043 100%);
            background: -o-linear-gradient(left, #ca4015 0%,#ff7043 100%);
            background: -ms-linear-gradient(left, #ca4015 0%,#ff7043 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #ca4015 ', endColorstr='#ff7043',GradientType=1 );
            box-shadow: 0px 2.5px 0px #bb380f;
            border-radius: 3px;
        }

            .enqBoxMas .enqBoxMasFoot .btnMas:hover {
                background: #ca4015;
                background: linear-gradient(to right,#ff7043 0%, #ca4015 100%);
                background: -webkit-linear-gradient(left, #ff7043 0%,#ca4015 100%);
                background: -o-linear-gradient(left, #ff7043 0%,#ca4015 100%);
                background: -ms-linear-gradient(left, #ff7043 0%,#ca4015 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #ca4015 ', endColorstr='#ff7043',GradientType=1 );
            }

div.overloapBg {
    position: fixed;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    top: 0px;
}

div.boxModelz {
    position: absolute;
    top: 100px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    width: 530px;
    height: auto;
    border: solid 1px #bbcbe0;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
}

    div.boxModelz .fourqtPanelFormPop {
        /*border:none*/
    }


        div.boxModelz .fourqtPanelFormPop .pclose {
            position: absolute;
            top: 6px;
            right: 6px;
            font-size: 15px;
        }

.fourqtForm.popupForm .fourqtCol {
    float: none;
    width: 100%;
}

.fourqtForm.popupForm .form-title {
    float: left;
    width: 150px;
    padding-right: 10px;
    text-align: left;
}

.fourqtForm.popupForm .form-input {
    float: left;
    width: 180px;
    text-align: left;
}

.fourqtPanelBodyInner {
    padding: 0px 15px;
}

.enqfullFormSec {
    padding: 10px 10px;
    /*padding-bottom:10px*/
}

    .enqfullFormSec .leftFormEnq {
        width: 49%;
        float: left;
        /*background:red;*/
    }

        .enqfullFormSec .leftFormEnq .leftFormEnqBx {
            min-height: 100px;
            border: solid 1px #bbcbe0;
            border-radius: 4px;
        }

    .enqfullFormSec .rightFormEnq {
        width: 49%;
        float: right;
        /*background:green;*/
    }

        .enqfullFormSec .rightFormEnq .rightFormEnqBx {
            min-height: 100px;
            border: solid 1px #bbcbe0;
            border-radius: 4px;
        }

        .enqfullFormSec .rightFormEnq .rightFormEnqBx2 {
            min-height: 100px;
            border: solid 1px #bbcbe0;
            border-radius: 4px;
            margin-top: 14px;
        }

.fourqtForm.enqForms .fourqtCol {
    width: 33%;
}

    .fourqtForm.enqForms .fourqtCol.phoneQ {
        width: 28%;
    }
        .fourqtForm.enqForms .fourqtCol.phoneQ input {
            padding-left: 42px !important;
        }
    .fourqtForm.enqForms .fourqtCol.btton {
        width: 15%;
    }

    .fourqtForm.enqForms .fourqtCol .intl-tel-input {
        width: 100%;
    }

    .fourqtForm.enqForms .fourqtCol .fCol {
        float: left;
        margin-right: 1%;
    }

    .fourqtForm.enqForms .fourqtCol .fCol-2 {
        width: 20%;
    }

    .fourqtForm.enqForms .fourqtCol .fCol-6 {
        width: 30%;
    }

    .fourqtForm.enqForms .fourqtCol .fcol-2 {
        width: 30%;
    }

    .fourqtForm.enqForms .fourqtCol .fcol-8 {
        width: 70%;
    }

    .fourqtForm.enqForms .fourqtCol.enqFormsHight {
        min-height: 81px;
    }

    .fourqtForm.enqForms .fourqtCol.enqFormsHightz {
        min-height: 61px;
        margin-bottom: 4px;
    }

.fourqtForm.fourqtFormDx .fourqtCol {
    min-height: 51px;
}

.grdTbz {
    border: solid 1px #bbcbe0;
    border-radius: 5px;
    margin-top: 13px;
    padding: 3px 6px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
}

    .grdTbz .ftTitlz {
        padding-top: 5px;
    }

.div_followup_sections .ftTitlz label {
    margin: 0px;
    line-height: 26px;
}

.totalTitles .totalrecords {
    line-height: 24px;
}

.DigitCenter {
    text-align: center;
}

.shortFormCenter {
    margin: 0px auto;
    width: 420px;
}

.shortFormMiddle {
    /*margin:0px auto;*/
    width: 510px;
}

.shortForm .fourqtCol {
    width: 100%;
    float: none;
    margin: 0px 0px 7px 0%;
    min-height:10px;
}

.shortForm .form-title {
    width: 45%;
    float: left;
}

.shortForm .form-input {
    width: 55%;
    float: left;
}

.colFx {
    margin-bottom: 4px;
}

.vldEr {
    position: absolute;
    bottom: -15px;
    right: 0px;
    background: red;
    display: inline-block;
    color: #fff !important;
    padding: 1px 4px;
    font-size: 11px;
}

.EnquiryStatusLegends {
}

    .EnquiryStatusLegends td {
        font-size: 14px;
        color: #404040;
        font-family: Arial;
    }

.div_transfers {
    padding: 5px 0px;
    padding-bottom: 0px;
}

.div_transferWrapUser {
    margin-top: 0px;
}

.trTransfer {
    padding: 10px 0px;
}

.formTransfer {
    /*float:right*/
}

    .formTransfer .formCol {
        float: left;
        width: 20%;
        padding-right: 5px;
    }

        .formTransfer .formCol .frmTT {
            padding-right: 10px;
            line-height: 25px;
            font-size: 13px;
            margin: 0px;
            font-weight: normal;
        }

.userPagination {
    padding: 10px 0px;
}

    .userPagination .pgCol,
    .userPaginationLt .pgCol {
        display: inline-block;
    }

.welfareMg .totalrecords {
    line-height: 25px;
    font-size: 13px;
    margin: 0px;
    color: #f10000;
    padding: 0px 9px;
}

.newbgpage td {
    background-color: #fff !important;
}

.newbgchart td {
    background-color: #5ca2b8 !important;
}

.todayfollowupbg td {
    background-color: #ffc0cb !important;
}

.followupbg td {
    background-color: #ddc95f !important;
}

.futurefollowupbg td {
    background-color: #add8e6 !important;
}

.successbg td {
    background-color: #749f24 !important;
}

.dumpbgtd {
    background-color: #ed6100 !important;
}

.dumpbg td {
    background-color: #ed6100 !important;
}

.attemptedbg td {
    background-color: #bdd6ae !important;
}

.todaycalledbg td {
    background-color: #d7eaf9 !important;
}

.alternaterowstyle td {
    background-color: #eef3f7 !important;
}

.AllocateCheck td {
    background-color: #dcfdfd !important;
}
.fixTableHeightPrint {
    max-height:450px;
    overflow:auto;
}

.rdCustomIn {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border: solid 1px #099ba0;
    display: inline-block;
    margin-left: 0px;
    border-radius: 3px;
}

    .rdCustomIn label {
        display: inline-block;
        float: left;
    }

    .rdCustomIn label {
        margin: 0px;
        padding: 4px 10px;
        border-left: solid 1px #099ba0;
        font-size: 13px;
        cursor: pointer;
        color: #099ba0;
        font-weight: normal;
    }

.radioCustomBtn label:first-child {
    border-left: none;
}

.rdCustomIn label.active {
    background: #099ba0;
    color: #fff;
}

.rdCustomIn label input[type="radio"] {
    display: none;
}

.fixTableHeightWrap {
    max-height: 300px;
    overflow: auto;
}

.tableFourqtHeight .dataTables_scrollBody,
.tableFourqtHeight .fixTableHeightWrap {
    max-height: 370px !important;
}

.text-Cap,
.fourqtPanelContent .text-Cap {
    text-transform: capitalize;
}

.alertError {
    text-align: center;
    padding: 0px;
}

    .alertError label {
        margin: 0px;
    }

.pad-right {
    padding-right: 15px;
}

.pad-left-0 {
    padding-left: 0px;
}

.horzBt {
    padding: 10px 0px 0px 10px;
}

    .horzBt ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

    .horzBt li {
        margin: 0px;
        display: inline-block;
        float: left;
        background: #375777;
        padding: 5px 10px;
        margin-right: 1%;
        /* width: 19%; */
        color: #fff;
        font-size: 12px;
        border-radius: 2px;
    }

.alertCustom {
    text-align: center;
}

.alertCustIn {
    display: inline-block;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    display: inline-block;
    color: #b91714;
    background-color: #f5e8e8;
    border-color: #f5e8e8;
    padding: 9px 10px;
    font-size: 14px;
    padding-right: 35px;
    font-weight: bold;
    text-align: center;
}

.ms-choice > div.open {
    display: none;
}

a.button {
    color: #fff;
}

.totalUnitInfo {
    padding: 10px 13px;
}

    .totalUnitInfo ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

    .totalUnitInfo li {
        float: left;
        width: 25%;
        padding: 4px 4px;
        color: #404040;
        font-size: 13px;
    }

.uniTheme {
    padding: 4px 4px;
}

.paginationTable {
    text-align: center;
}

    .paginationTable td {
        padding: 10px 10px;
    }
.panThCol {
    padding: 6px 10px 0px 10px;
}
.panThCol .sTitle {
    font-size: 12px;
}
.modal {
     background:#0000008a;
      z-index:9999999;
}
.fourqtPopupWrap {
    position:fixed;
    width:100%;
    height:100%;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    z-index:9999999;
    background:#0000008a;
    display:none;
}
.fourqtPopupInnerWrap {
    position:absolute;
    top:70px;
    left:0px;
    right:0px;
    margin:0px auto;
    width:60%;
    background:#fff;
    border: solid 1px #bbcbe0;
    border-radius: 5px;
    box-shadow: 0px 1px 13px #000;
}
.fourqtPopupHead {
    background: #ecf0f1;
    border-bottom: solid 1px #bbcbe0;
    color: #31708f;
    padding: 4px 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    min-height:31px;
}
.fourqtPopupBody {
    padding:4px 8px;
}
.fourqtPopClose {
       position: absolute;
    right: 0px;
    top: 6px;
    background: none;
    border: none;
    font-size: 14px;
}
.fourqtPopupfoot {
    background: #ecf0f1;
    border-top:solid 1px #bbcbe0;
    color: #31708f;
    padding: 4px 18px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
     min-height:31px;
}
.fourqtPopupLg {
    width:80%;
}
.fourqtPopupMd {
    width:60%;
}
.fourqtPopupSm {
    width:450px;
}
.popLeftHeading {
    font-size: 13px;
    color: #0f79b3;
    padding: 5px 0px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
}
label {
    margin:0px;
}
.panelMainWrapEdit {

}
.infodiv {
}
.infodiv ul {
    padding:0px;
    margin:0px;
    list-style-type:none
    }
.infodiv li {
    float:left;
    width:100%;
    min-height:10px;
    background:red;
    padding:4px 4px;
}
.paddingTop-0 {
    padding-top:0px !important;
}
.fourqtBlankTable {
    border-collapse:collapse;
}
    .fourqtBlankTable td {
        padding: 5px 10px;
    font-size: 12px;
    }
.panelMainWrapEdit .fourqtForm .fourqtCol {
    min-height:50px;
}
.panelMainWrapEdit .fourqtForm .fourqtCol.col-250{
    width:140px;
}
.peymentReceiptSec {
}
.peymentReceiptSec .fourqtPanelForm {
    margin-top:0px;
    margin-bottom:10px;

}
.peymentReceiptSec .payHead {
        padding: 5px 9px 0px 5px;
}
.peymentReceiptSec .fourqtPanelBody {
        padding: 6px 10px;
        position:relative;
}
.peymentReceiptSec .showAddOn {
    outline: none;
    background-color: #ecf0f1;
    border: solid 1px #099ba0;
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 3px;
    color: #099ba0;
    position: absolute;
    right: 12px;
    top: 4px !important;
    font-weight: bold;
}

.fourqtMainPanel {
        border: solid 1px #bbcbe0;
    margin-top: 10px;
    border-radius: 5px;
    margin-bottom: 2px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);
    -ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);

}
.fourqtMainPanel .fourqtPanelForm{
    margin-top:5px;
     margin-bottom:5px;
}
.fourqtMainPanel .fourqtMainPanelbody {
    padding:0px 10px;
}
.UnitShiftProReq .radioCustomBtn li label{
    padding:3px 10px;
}
.divulAudit li{
    float:left;
    width:50%;
    padding:3px 10px;
}
.listFourqt {
    padding:0px;
    margin:0px;
    list-style-type:none
}
.panUl li {
    float:left;
    width:20%;
    padding:3px 10px;
}
.headPopz li {
    float:left;
    display:inline-block;
}
.headPopz li .popLeftHeading {
    text-transform:none;
        padding-right: 20px;
}
    .headPopz li .popLeftHeading span {
        font-weight:normal
    }
.xDueCustWisePrint .headPopz li{
        padding: 4px 10px;
    font-size: 12px;
      padding-right: 20px;
}
.xDueCustWisePrint .fourqtFormHideBtn {
    top:5px;
}
.inRevers  .headPopz{
      padding: 4px 4px;
}
.inRevers .headPopz li {
      padding-right: 20px;
}
.custCrDrDetails .custCrDrPanel {
    padding:0px;
    margin:0px;
    margin-top:10px;
}
.panel-pad {
    padding:0px 10px;
        padding-bottom: 10px;
}

.fourqtSubTitle{
    color: #0f79b3;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0px;
    padding:4px 0px;
    display: block;
    font-weight: bold;
}
.fourqtTableClean {
    border-collapse:collapse;
}
    .fourqtTableClean td,
    .fourqtTableClean th {
        border: 1px solid #e1e1e1;
        padding: 3px 10px;
        font-size: 12px;
        color: #333;
    }

     .fourqtTableNone td,
    .fourqtTableNone th {
        border: none;
        padding:0px;
    }

.paymentDetailsEditSec .fourqtForm .fourqtCol {
    min-height:50px;
}
.tableBodyTop {
    padding-top:4px;
}
.editRagPageSec .radioCustomBtn li label{
        padding: 3px 10px;
    font-size: 12px;
}

.editRagPageSec .MenuSubHeadingTop {
        color: #0b969e;
    font-size: 12px;
    font-weight: 400;
    /* font-family: 'Lato', sans-serif; */
    text-transform: uppercase;
    margin: 0px;
    padding: 5px 10px;
    display: block;
    font-weight: bold;
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-document url-prefix() {
    .fixTableHomeWell, .fixTableHome, .fixTableHomeTh, .fixTableHomeTwo;

{
    border-collapse: separate !important;
    border: 1px solid #ddd !important;
}

table.fixTableHomeWell td,
table.fixTableHomeWell th,
table.fixTableHome td,
table.fixTableHome th,
table.fixTableHomeTh td,
table.fixTableHomeTh th,
table.fixTableHomeTwo td,
table.fixTableHomeTwo th {
    border: solid 0.5px #ddd !important;
}

}


@media only screen and (max-width:1281px) {
    .fourqtForm .fourqtCol {
        width: 20%;
    }
    .shortForm .fourqtCol {
        width:100% !important;
    }
}

@media only screen and (max-width:1150px) {
    .boxFormPop .form-control {
        width: 200px !important;
    }

    .formWrap {
        width: 95%;
    }

    .boxFormPop {
        width: 93%;
    }

    .enqBoxMas {
        width: 32.6%;
    }

        .enqBoxMas:nth-child(5n+1) {
            margin-left: 1%;
        }

        .enqBoxMas:nth-child(3n+1) {
            margin-left: 0px;
        }
}

@media only screen and (max-width:850px) {
    .fourqtForm .fourqtCol,
    .fourqtForm.enqForms .fourqtCol {
        width: 100%;
        float: none;
    }

    .adfPq .fourqtCol {
        min-height: 50px !important;
    }

    .fourqtPanelContent .paneInnerSec {
        width: 100% !important;
        float: none;
    }

    .fourqtPanelContent .paneInner {
        min-height: 100px;
    }

    #header,
    #header .box-right,
    #header .box-left {
        height: auto;
    }

        #header .box-left img {
            height: auto !important;
            width: 100px !important;
        }

        #header .box-right img.logo {
            width: 63px;
        }

        #header .box-left .heading h4 {
            font-size: 15px;
            margin: 0;
            padding: 6px 0;
        }

        #header .box-right .links li {
            float: left;
            padding: 0 4px;
            border-right: #b4b4b4 solid 1px;
            font-size: 11px;
        }

        #header .box-right .date {
            font-size: 11px;
            padding: 21px 76px 0px 0px;
        }

    .enqBoxMas {
        width: 100%;
        float: none;
        margin: 0px 0px 15px 0px;
    }

        .enqBoxMas:nth-child(5n+1) {
            margin-left: 0px;
        }

        .enqBoxMas:nth-child(3n+1) {
            margin-left: 0px;
        }

    .pbutton {
        font-size: 11px;
        padding: 3px 4px;
        cursor: pointer;
        margin-right: 1px;
        margin-bottom: 1px;
    }
}

@media only screen and (max-width:769px) {
    .bodyWrapperMain,
    .container-fluid {
        margin-top: 0px !important;
    }

    .copytext {
        line-height: 13px;
        font-size: 11px;
    }
}



@media only screen and (max-width:690px) {

    #header .box-right img.logo {
        display: none;
    }

    #header .box-right .date {
        padding: 0px 6px 0 0;
    }

    .lblAddSec {
        /*display:none;*/
        line-height: 10px;
        font-size: 10px;
        width: 60%;
    }

    #header .box-left img {
        height: auto !important;
        width: 75px !important;
        margin-left: -20px;
        margin-right: -12px;
    }

    #header .box-left,
    #header .box-right {
        width: 50%;
    }

    .fourqtForm .fourqtCol {
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width:480px) {

    #header .box-left .heading {
        width: 70% !important;
    }

    #header .box-left img {
        width: 30% !important;
        margin-right: 0px;
    }

    .lblAddSec {
        width: 100%;
        display: none;
    }

    #header .box-left .heading h4 {
        font-size: 12px;
        padding: 4px 0;
        padding-bottom: 0px;
    }

    .box-right:after {
        content: "";
        display: block;
        clear: right;
    }

    #header .box-right .links {
        margin: 0px;
        padding-top: 2px;
        float: none;
    }

    #stickyFooter.active {
        bottom: -108px;
    }
}