/*--------------------
	Code By - Md Ayatullah Rahmani
	Real estate-Rems Broker
	date: 03-02-2018
--------------------*/
@import url('https://fonts.googleapis.com/css?family=Allerta');

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

@font-face {
    font-family: 'Lato-Medium';
    src: url('../fonts/Lato-Medium.eot');
    src: url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Medium.woff2') format('woff2'), url('../fonts/Lato-Medium.woff') format('woff'), url('../fonts/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}
/*@font-face {
    font-family: 'Lato-Medium';
    src: url('../fonts/Baron Neue Bold.eot');
    font-style: normal;
    font-weight: normal;
}*/

body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    padding: 0px;
    margin: 0px;
    line-height: 16px;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 12px;
    background: #e7e9ec;
    /*font-family: 'Rubik', sans-serif;*/
    font-family: "Open Sans",Arial,sans-serif;
}

.body-login1 {
    background: url(../images/bgbody.jpg) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.5;
}

.BgColor {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 99999999;
    background: #000;
}

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

label {
    margin: 0px;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

a, a:hover, a:active, a:focus, a:link, a:visited {
    text-decoration: none;
    /*font-family: inherit !important;*/
}

.main-wrapper {
    position: relative;
    z-index: 999;
}


/*.btn-fourqt:after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        height: 0%;
        width: 100%;
        background-color: #fff;
        color: #059688;
        font-weight: bold;
        z-index: -1;
        opacity: 0;
    }

    .btn-fourqt:hover:after {
        transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
        -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
        opacity: 1;
    }

    .btn-fourqt:hover::after {
        height: 100%;
        transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) 0s;
        opacity: 1;
    }*/

.form-control {
    height: auto;
}

.body-login {
    /*background: url(../images/bg6.jpg) no-repeat;
    background-size: 100% 100%;*/
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
  background:#00beda;
  /*background:url(../css/loginbg1.jpg) no-repeat;*/
  /*background:url(../css/background-footer.gif) no-repeat;*/
  /*background-size: 100% 100%;*/
  /*background: -webkit-linear-gradient(45deg, #0078bc,#00beda);
    background: -moz-linear-gradient(45deg, #0078bc,#00beda);
    background: -o-linear-gradient(45deg, #0078bc,#00beda);
    background: linear-gradient(45deg, #0078bc,#00beda);
    background-attachment: fixed;*/
  /*background: -webkit-linear-gradient(45deg, #008cc9,#009ea5);
    background: -moz-linear-gradient(45deg, #008cc9,#009ea5);
    background: -o-linear-gradient(45deg, #008cc9,#009ea5);
    background: linear-gradient(45deg, #008cc9,#009ea5);
    background-color: #008CC9;
    background-attachment: fixed;*/
   background:url(../images/bg-simple3.jpg) repeat;
    background-size: cover;



}
.login-ones.body-login {
    background:url(../images/loginbg1.jpg) no-repeat;
 
  background-size: 100% 100%;
}
.login-two.body-login  {
    background:url(../images/background-footer.gif) no-repeat;
     background-size: 100% 100%;
}
 .body-login:after {
           content: "";
    display: block;
    position: absolute;
     background: rgba(14, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;

    }

    .login-ones.body-login:after {
           content: "";
    display: block;
    position: absolute;
       background: rgba(14, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;

    }

.login-wrap {
    position: relative;
    width: 500px;
    margin: 0px auto;
    min-height: 10px;
    background: #EDF0F3;
    /*background: rgba(193, 193, 193, 0.45);*/
    margin-top: 150px;
    padding: 6px;
        z-index: 999999;
    border:solid 1px #101c34;
    border-radius: 5px;
    /*box-shadow: 0px 0px 13px -3px #000;*/
    box-shadow:0px 0px 10px 1px rgb(2, 40, 115);
-moz-box-shadow: 0px 0px 10px 1px rgb(2, 40, 115);
-webkit-box-shadow:0px 0px 10px 1px rgb(2, 40, 115);
}
.login-ones .login-wrap{
     border:solid 1px rgba(37, 34, 52, 0.19);
    background:rgba(193, 193, 193, 0.5);
     box-shadow:0px 0px 10px 1px rgba(39, 27, 40, 0.51);
-moz-box-shadow: 0px 0px 10px 1px rgba(39, 27, 40, 0.51);
        -webkit-box-shadow: 0px 0px 10px 1px rgba(39, 27, 40, 0.51);
}
.login-two .login-wrap{
    /*width:375px;*/
    border:solid 1px #ddd;
     background: #EDF0F3;
    box-shadow:none;
-moz-box-shadow: none;
-webkit-box-shadow:none;
}
.login-ones .login-wrap .form-control {
        background: rgba(42, 31, 47, 0.23);
        border: 1px solid #ffffff;
}
.login-two .login-wrap .form-control {
        background:#fff;
        border:1px solid #ddd;
        color:red;
}
.login-ones .login-wrap input.form-control:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
}
.login-two .login-wrap input.form-control:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important;
}
.com-logo1 {
    display:none;
}
.login-ones .com-logo1 {
    display:block;
}
.login-ones .com-logo {
    display:none;
}
.login-two .com-logo1 {
    display:none;
}
.login-two .com-logo {
    display:block;
}
.login-head {
    padding: 2px 6px;
}

.login-body {
    padding: 9px 6px;
}

.login-left {
    float: left;
}

.login-right {
    float: right;
}

.login-form {
    width: 400px;
    margin: 0px auto;
    padding-top: 10px;
}

    .login-form .login-form-row {
        margin-bottom: 15px;
    }

    .login-form .login-form-title {
        float: left;
        width: 150px;
        font-size: 14px;
        line-height: 33px;
    }
.login-two .login-wrap .login-form .login-form-title {
    /*width:100px;*/
}

       .login-ones .login-wrap .login-form .login-form-title label {
           color:#fff;
        }
       .login-two .login-wrap .login-form .login-form-title label {
           color:#404040;
        }


    .login-form .login-form-input {
        float: left;
        width: 240px;
        position: relative;
    }

        .login-form .login-form-input .f-ic {
           
                position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
    height: 100%;
    background:#645f5f;
    color: #fff;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
        }
.login-ones .login-wrap .login-form .login-form-input .f-ic{
        background: #fffefe;
    color: #261623;
}
.login-two .login-wrap .login-form .login-form-input .f-ic{
        background:#645f5f;
    color: #fff;
}

    .login-form .form-control {
        padding-left: 38px;
        height: 35px;
    }

    .login-form .msg-error {
           position: relative;
    top: -8px;
    left: 0px;
    background: #ed1164 !important;
    color: #fff !important;
    white-space: nowrap;
    padding: 4px 10px;
    font-size: 13px;
    z-index: 999;
    }

    .login-form .btn-fourqt {
           position: relative;
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 2px;
    color: #fff;
    background-color: #00a0cd;
    border-color: #00a0cd;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    z-index: 1;
    box-shadow: 0px 2px 2px #0089c3;
    }

        .login-form .btn-fourqt:focus,
        .login-form .btn-fourqt:active,
        .login-form .btn-fourqt:hover {
            color: #fff;
            box-shadow: none;
            background-color: #fc4b6c;
            border-color: #fc4b6c;
        }


.login-footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    /*background: #f1efef;*/
    z-index: 999;
    padding: 4px 30px;
    /*box-shadow: 0px 1px 8px #086886;*/
     background:#00beda;
  /*background:url(../css/loginbg1.jpg) no-repeat;*/
  /*background:url(../css/background-footer.gif) no-repeat;*/
  /*background-size: 100% 100%;*/
  /*background: -webkit-linear-gradient(45deg, #0078bc,#00beda);
    background: -moz-linear-gradient(45deg, #0078bc,#00beda);
    background: -o-linear-gradient(45deg, #0078bc,#00beda);
    background: linear-gradient(45deg, #0078bc,#00beda);*/
    background-attachment: fixed;
    color:#fff;
    box-shadow: 0px 1px 8px #331d19;
    background: rgba(0, 0, 0, 0.21176470588235294);
    z-index:9999;
}
.login-ones .login-footer{
    box-shadow: 0px 1px 8px #331d19;
    background: rgba(0, 0, 0, 0.21176470588235294);
    z-index:9999;
}
.login-copy {
    float: left;
    font-size: 12px;
}

.login-by {
    float: right;
    font-size: 12px;
}

    .login-by a {
        font-weight: bold;
        color: #fe0000;
    }

.login-main-div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
}

.login-main-title {
    font-family: 'Anton', sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    color: #525258;
    padding: 4px 4px;
    /*background: #f3f3f3;*/
    display: inline-block;
    letter-spacing: 1px;
}

/*main css*/

..main-remsbroker-section {
    padding: 0px 40px;
}

.main-header-section {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    background: #00beda;
    /* background: linear-gradient(90deg,#0078bc 1%,#00beda); */
    /* background: linear-gradient(90deg,#262637 1%,#262637); */
    background: linear-gradient(to right, #177bb6 0%, #17bbc1 100%);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.47058823529411764);
}

.one .main-header-section {
    background: #04c1c4;
    background: linear-gradient(45deg,#296c80,#123c5d);
}

.two .main-header-section {
    background: #04c1c4;
    background: url(../images/user-bg.jpg) repeat;
}

.three .main-header-section {
    background: #24306d;
}

.header-up {
    position: relative;
    padding: 0px 6px;
    /* box-shadow: 0px -3px 16px #000; */
    /* border: solid 1px #ebebeb; */
    /*box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.24);
    border-radius: 4px;*/
    /* background: #E9EEF4; */
    /*background: #535353;*/
}

.container-wrap {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.main-header-logo,
.logout-section,
.menu-wrap-section,
.logo-right-four,
.log-menu-section {
    float: left;
}

.logout-section {
    float: right;
}

.main-content-sec {
    margin-top: 38px;
}

.main-header-logo {
    padding: 4px 5px;
}

.marquee-sec {
    width: 70%;
    font-size: 12px;
    color: #a00303;
}

.log-menu-section {
    padding: 10px 0px;
}

    .log-menu-section a {
        color: #028794;
    }

    .log-menu-section ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

    .log-menu-section li {
        float: left;
        padding-right: 4px;
    }

    .log-menu-section a,
    .log-menu-section label {
        color: #fff;
        font-size: 12px;
    }

    .log-menu-section li.log-icon a {
        font-size: 15px;
        padding: 0px 4px;
    }

    .log-menu-section li.welc-info label {
        background: #fff;
        padding: 2px 8px;
        color: #535353;
        border-radius: 4px;
    }

    .log-menu-section li.today-date label {
        padding: 2px 3px;
    }

.logo-right-four {
    padding: 4px 5px;
}

.home-section-wrap {
    margin-left: -6%;
}

.home-box {
    position: relative;
    background-color: #ffffff;
    float: left;
   width: 44%;
    margin: 0px 0px 20px 6%;
    border: 1px solid #eceff4;
    background: #fff;
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    padding-bottom: 10px;
    height:313px;
}

/*.home-box:nth-child(2n+1) {
        margin-left: 0px;
    }*/

.user-content .userheader {
    position: relative;
    padding: 9px 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    text-align: left;
    background: #17bbc1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*font-family: Lato-Medium;*/
    margin-bottom: 4px;
    border-bottom: 1px solid #dadada;
    /*background: linear-gradient(to right, #177bb6 0%, #17bbc1 100%);*/
    background: linear-gradient(to left,#17bbc1 0%, #177bb6 100%);
}

.one .user-content .userheader {
    background: #1c516c;
}

.two .user-content .userheader {
    background: url(../images/user-bg.jpg) repeat;
}

.three .user-content .userheader {
    background: linear-gradient(to left,#7480bd 0%, #24306d 100%);
}

.four .user-content .userheader {
    background: #fff;
    color: #0489c5;
}

.user-content .userheader h4 {
    font-size: 14px;
    /*font-weight: bold;*/
}

.user-content .content-scroll {
    height:260px;
    /*overflow: auto;*/
}

.user-content .content-scroll-fix {
    max-height:260px;
}

table.table-fourqt {
    border-collapse: collapse;
}

    table.table-fourqt td,
    table.table-fourqt th {
        font-size: 11px;
        padding: 4px 3px;
        font-family: inherit !important;
        color: #514d6a;
        border: 1px solid #dedede;
        vertical-align: middle;
    }
    .home-box table.table-fourqt td,
    .home-box table.table-fourqt th {
        font-size: 11px;
        padding: 4px 3px;
    }
    table.table-fourqt td {
        background: #fff;
    }

    table.table-fourqt th {
        color: #fff;
        background: #5a727b;
        border-color: #fff;
        font-weight: normal;
        /*z-index:999;*/
    }
        table.table-fourqt th a {
            color: #fff;
        }
        table.table-fourqt th.headerWhiteSpace {
            white-space:nowrap;
        }
    .home-section-wrap table.table-fourqt td a{
        font-size:11px !important
    }

.one table.table-fourqt th {
    background: #2c6b8c;
}

.two table.table-fourqt th {
    background: #465567;
}

.three table.table-fourqt th {
    background: linear-gradient(#4757a9, #6571af 100%);
}

.four table.table-fourqt th {
    background: #0598d4;
}

.four {
    background: #d7f4ff;
}

    .four .body-login1 {
        display: none;
    }

table.table-broker {
    border-collapse: collapse;
}

    table.table-broker td,
    table.table-broker th {
        font-size: 13px;
        padding: 4px 4px;
        font-family: inherit !important;
        color: #514d6a;
        border: 1px solid #dedede;
        vertical-align: middle;
    }

    table.table-broker th {
        color: #fff;
        background: #009bcb;
        border-color: #fff;
        font-weight: normal;
    }

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

    .tableOnWrap td.no-wrap,
    .tableOnWrap th.no-wrap {
        white-space: normal;
    }

.ipaddress-section {
    padding: 4px 4px;
    background: #f5f6f7;
    border: solid 1px #e8e8e8;
    margin-bottom: 6px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
}

#stickyFooter {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background-color: #00373c;
    background-color: rgba(1, 29, 31, 0.85);
    padding: 5px 10px 0;
    border-top: #fc4b6c solid 5px;
    box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.65);
    padding-top: 18px;
}

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

    #stickyFooter .btnHide {
        position: absolute;
        right: 25px;
        top: -25px;
        width: 0;
        height: 0;
        cursor: pointer;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #fc4b6c;
    }

    #stickyFooter .fooNav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #stickyFooter .fooNav ul li .fooRightLink {
            color: #FFF;
        }

    #stickyFooter a:link,
    #stickyFooter a:visited {
        color: #464646;
    }

    #stickyFooter a:hover {
        color: #f60;
    }

    #stickyFooter .fooNav ul li.searchBox {
        margin: 0 10px;
    }


.btnHidden {
    display: none;
}

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

    .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: 14px;
        }

        .fourqIconBtnSec li .fa-mobile {
            font-size: 23px;
            margin-top: -4px;
        }

        .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;
        }

.userheader .fourqIconBtnSec li a {
    color: #fff;
}

    .userheader .fourqIconBtnSec li a:hover {
        opacity: 0.8;
    }

.page-container {
    margin-top: 40px;
}

.big-form-wrapper {
    width: 100%;
    margin: 0px auto;
    background: #fff;
    transition: ease 0.7s;
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    border: solid 1px #dedede;
    border-radius: 5px;
    margin-bottom: 0px;
}

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

    .panel-search .titlebx {
        float: left;
    }

        .panel-search .titlebx h3 {
            font-size: 12px;
            color: #0077B5;
            padding: 5px 10px;
            margin: 0px;
            text-transform: uppercase;
            /* font-weight: bold; */
            line-height: 18px;
            text-align: center;
        }

    .panel-search .right-btn {
        float: right;
    }

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

    .panel-search li {
        display: block;
        float: left;
        padding: 5px 4px;
        font-size: 14px;
        cursor: pointer;
        margin-right: 2px;
    }

.tooltip-inner {
    white-space: nowrap;
    max-width: none;
}

.big-panel-wrapper {
    width: 100%;
    margin: 0px auto;
    background: #fff;
    transition: ease 0.7s;
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    border: solid 1px #d7dfe3;
    border-radius: 5px;
    margin-bottom: 12px;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.61);
}

.small-panel-wrapper {
    width: 600px;
    margin: 0px auto;
    background: #fff;
    transition: ease 0.7s;
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    border: solid 1px #d7dfe3;
    border-top: none;
    border-bottom: none;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.61);
}


.table-content-sec {
    width: 100%;
    margin: 0px auto;
    background: #fff;
    transition: ease 0.7s;
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    border: solid 1px #d7dfe3;
    border-top: none;
    border-radius: 5px;
    margin-bottom: 20px;
    border-bottom: none;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.61);
}
.small-content-wrapper {
     width: 600px;
    margin: 0px auto;
}
.fourqtPanelForm {
    /*border: solid 1px #bbcbe0;
    border-radius: 5px;*/
    margin-bottom: 2px;
}

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

.fourqt-title {
    font-size: 14px;
    color: #0077B5;
    padding: 5px 3px;
    margin: 0px;
    text-transform: uppercase;
    font-family: Lato-Medium;
    /*font-family: 'Allerta', sans-serif;*/
}

    .fourqt-title .totalrecords {
        text-transform: none;
    }

.fourqtPanelContent {
    margin-top: 4px;
    border-radius: 5px;
}

.fourqtPanelContentMaster {
    border: solid 1px #eceaf5;
}

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

.tableBody {
    padding: 2px 7px;
}

.formBoxSec {
    padding: 0px 4px;
}

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

.fourqtForm .form-title {
    min-height: 5px;
    font-size: 12px;
    color: #514d6a;
    line-height: 18px;
        white-space: nowrap;
        overflow-x:hidden;
}
 .fourqtForm .fourqtCol.required-field .form-title::first-letter,
 .fourqtForm .fourqtCol.required-field .form-title label::first-letter,
 .fourqtForm .fourqtCol.required-field .form-title label span::first-letter {
     color:#fff;
     font-weight:bold;
     background:red;
     font-family:Arial;
     padding:1px 3px;
    }
.fourqtForm .form-input {
    width: 100%;
    float: none;
    min-height: 26px;
    font-weight: bold;
    font-size: 12px;
    position: relative;
}

.form-control {
    border-radius: 3px;
    border: 1px solid #ddd;
    /* box-shadow: none; */
    transition: ease 0.7s;
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    height: 26px;
    font-weight: normal;
    font-size: 12px;
    background: #fff;
    padding: 4px 8px;
}
    .form-control[type="file"] {
        height:auto;
    }

    .form-control:focus {
        border: 1px solid #0e8dd0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

.fourqtForm .form-control {
}

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

.fourqtForm .form-title span {
    font-weight: normal !important;
}

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

.fourqtForm .fourqtCol .form-control {
}

    .fourqtForm .fourqtCol .form-control:focus {
        border: solid 1px #91c8ec;
    }

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

.form-short {
    padding: 0px 10px;
    padding-top: 10px;
    padding-bottom: 2px;
}

    .form-short .fourqtCol {
        width: 100%;
        margin-bottom: 7px;
        min-height: 10px;
    }

    .form-short .form-title {
        min-height: 5px;
        width: 180px;
        float: left;
        font-size: 13px;
        color: #444444;
        line-height: 25px;
        /*font-weight: bold;*/
    }

        .form-short .form-title strong {
            font-weight: normal;
        }

    .form-short .form-input {
        width: 65%;
        float: left;
        position: relative;
    }

    .form-short .form-control {
    }

    .form-short .name-title {
        width: 30%;
        float: left;
    }

    .form-short .name-input {
        width: 65%;
        float: right;
        min-height: 1px;
        position: relative;
    }

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

    .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.flipClick {
            font-size: 17px;
            cursor: pointer;
        }

        .fourqIconBtnSec li .fa-mobile {
            font-size: 23px;
            margin-top: -4px;
        }

        .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;
        }

.radio-btn-wrapper {
    padding: 7px 6px;
}

.radioCustomBtn {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border: solid 1px #17bbc1;
    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 {
            cursor: not-allowed;
            opacity: 0.5;
        }

        .radioCustomBtn li.active label,
        .radioCustomBtn li span.active label {
            background: #099ba0;
            color: #fff;
        }

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



.block-date {
    display: table;
}

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

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

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

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

.fourqtForm .fourqtCol .ayat-select.form-control {
    padding: 0px 0px;
    border: none;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.ayat-select > .dropdown-toggle {
    /*height: 26px;*/
    border: solid 1px #dfe4ed;
    font-size: 12px;
    border-radius: 3px;
    line-height: normal;
    padding: 5px 10px;
    background: #fff;
}

    .ayat-select > .dropdown-toggle.btnMe {
        overflow: hidden;
        white-space: nowrap;
        padding-right: 23px;
    }

.ayat-select .dropdown-toggle:focus {
    outline: none !important;
    border: solid 1px #91c8ec;
}

.dropdown-Ayat.dropdown-menu > li > a {
    display: block;
    padding: 2px 13px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #404040;
    white-space: nowrap;
    font-size: 12px;
    transition: ease 0.7s;
}

    .dropdown-Ayat.dropdown-menu > li > a .text {
        font-weight: normal;
    }

    .dropdown-Ayat.dropdown-menu > li > a:hover {
        background: #ff3c7e;
        color: #fff;
        transition: ease 0.7s;
    }

.dropdown-Ayat.dropdown-menu > .active > a,
.dropdown-Ayat.dropdown-menu > .active > a:focus,
.dropdown-Ayat.dropdown-menu > .active > a:hover {
    background: #ff3c7e;
    color: #fff;
    transition: ease 0.7s;
}

.ayat-select.btn-group.bs-container .dropdown-menu {
    z-index: 9999999;
}

.dropAyat.dropdown-menu {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
    /*background: #009688;
    border: solid 1px #009688;*/
    max-width: 300px;
}

.dropAyat .dropdown-menu {
    /*background:none;*/
}

.ayat-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    left: 5px;
    margin-top: 5px;
    right: auto;
}

.ayat-select.btn-group .dropdown-menu li a {
    padding-left: 23px;
}

.dropAyat .dropdown-menu .dropdown-header {
    background: #f1f1f1;
    color: #179bbb;
    /* font-weight: bold; */
    font-size: 14px;
}

.btn-fourqt {
    position: relative;
    display: inline-block;
    padding: 3px 10px;
    margin-bottom: 0;
    font-size: 13px;
    /*text-transform: uppercase;*/
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #0077B5;
    background: #fff;
    border-color: #0077B5;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    z-index: 1;
}

    .btn-fourqt:focus,
    .btn-fourqt:active,
    .btn-fourqt:hover {
        color: #fff;
        box-shadow: none;
        background: #0077B5;
        border-color: #0077B5;
    }

.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;
        }

    .formTransfer .form-control {
        height: 27px;
    }

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

.userPagination {
    padding: 10px 0px;
}

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

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

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

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

    .actColorTheme li .actCol {
        float: left;
        font-size: 12px;
        padding: 2px 3px;
        color: #fff;
    }

    .actColorTheme li .actBox {
        width: 20px;
        height: 20px;
        border: none;
        border-radius: 20px;
    }

    .actColorTheme li .new-bg {
        background: #ffffff;
        border-color: #ddd;
    }

    .actColorTheme li .followup-bg {
        background: #ddc95f;
        border-color: #ddd;
    }

    .actColorTheme li .todayfollowup-bg {
        background: #ffc0cb;
        border-color: #ddd;
    }

    .actColorTheme li .tdTodayCalled-bg {
        background: #D7EAF9;
        border-color: #ddd;
    }

    .actColorTheme li .futurefollowup-bg {
        background: #add8e6;
        border-color: #ddd;
    }

    .actColorTheme li .attempted-bg {
        background: #BDD6AE;
        border-color: #ddd;
    }

    .actColorTheme li .svdone-bg {
        background: #418CF0;
        border-color: #ddd;
    }

    .actColorTheme li .dump-bg {
        background: #ed6100;
        border-color: #ddd;
    }

    .actColorTheme li .success-bg {
        background: #749f24;
        border-color: #ddd;
    }

    .actColorTheme li .followup-times {
        background: #c7c7c2;
        border-color: #ddd;
    }

     .actColorTheme li .hold-unit{
        background: #ff0000;
        border-color: #ddd;
    }
      .actColorTheme li .booked-units{
        background:#ffb6c1;
        border-color: #ddd;
    }
       .actColorTheme li .available-units{
        background:#ffffff;
           border: solid 1px #a99ed4;
    }
.actColorThemePrintTotal.actColorTheme li .actCol {
    color:#404040;
}

.datepicker {
    padding-left: 22px;
}

.enquiryStatusLegendsgen {
    padding: 8px 10px;
    background: #005e7b;
}

.fixTableHeightWrap,
.dataTables_scrollBody {
    overflow: auto;
    max-height: 330px;
}
.fixTableHeightWrapSmallHeight {
     overflow: auto;
    max-height:360px;
}

.fixTableHeightWrapSmall {
    overflow: auto;

}

.tooltip {
    z-index: 9999999999999;
}

.tooltip-inner {
    white-space: nowrap;
    max-width: none !important;
    /*background:red;*/
}

.tooltip-inner {
    background: #000;
    color: #fff;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #000;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #000;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;
}

.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;
}

.flip-container .userheader {
    position: relative;
}

.flip-icon {
    position: absolute;
    top: 6px;
    right: 9px;
}

    .flip-icon ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .flip-icon li {
        font-size: 17px;
        color: #fff;
        font-family: Arial;
        cursor: pointer;
        text-shadow: none;
    }

.flip-container {
    width: 100%;
    position: relative;
}

.content-scroll {
    background: #fff;
}

.flip-effect {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
       -ms-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
}

    .flip-effect > div {
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .flip-effect .front {
        z-index: 999;
    }

    .flip-effect .back {
        background: #fff;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
        z-index: 99999;
    }

    .flip-effect.flipped {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

#flw2 {
    display: none;
}

.flip-effect.flipped #flw2 {
    display: block;
}

.flip-effect.flipped #flw1 {
    display: none;
}

.tooltip {
    z-index: 9999999999;
}

@-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;
    }
}

.setcolor ul {
    padding: 0px;
}

.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: 4px;
            font-size: 13px;
        }

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

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

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

.checkCustomInputbroker {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    margin-left: 0px;
    display: inline-block;
}

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

    .checkCustomInputbroker 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;
    }

        .checkCustomInputbroker li > label {
            margin: 0px;
            cursor: pointer;
            font-weight: normal;
            padding: 3px 10px;
            padding-left: 20px;
        }
        .property-search-check li  label {
            margin: 0px;
            cursor: pointer;
            font-weight: normal;
            padding: 3px 10px;
            padding-left: 20px;
        }

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

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

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

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

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

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

        .checkCustomInputbroker 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: 13px;
    color: #099ba0;
    border-radius: 2px;
    vertical-align: top;
}

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

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

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

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

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

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

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


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

.checkCustomInputSingleOne {
    margin: 0px;
    cursor: pointer;
    font-weight: normal;
    /*padding: 3px 10px;
    padding-left: 20px;*/
    display: inline-block;
    position: relative;
    border: solid 1px #099ba0;
    font-size: 13px;
    color: #099ba0;
    border-radius: 2px;
    vertical-align: top;
}

    .checkCustomInputSingleOne label {
        margin: 0px;
        cursor: pointer;
        padding: 4px 10px;
        padding-left: 20px;
        font-weight: normal;
    }

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

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

    .checkCustomInputSingleOne .selOf {
        /*display: none;*/
        position: absolute;
        left: 6px;
        top: 4px;
        font-size: 15px;
    }

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

    .checkCustomInputSingleOne .selOn {
        display: none;
        position: absolute;
        left: 4px;
        top: 5px;
        font-size: 14px;
    }

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


.master-left-menu {
    float: left;
    width: 20%;
    padding: 4px 10px;
}

.master-right-sec {
    float: left;
    width: 80%;
    padding: 4px 10px;
}

.master-left-menu ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

    .master-left-menu ul li {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

.master-left-menu a {
    display: block;
    padding: 4px 4px;
    border: solid 1px #17bbc1;
    color: #17bbc1;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 4px;
}

.master-left-menu ul li.active a {
    background: #17bbc1;
    color: #fff;
}

.fixTableHeightAll {
    max-height: 400px;
    overflow: auto;
}

.dd {
    height: 100px;
    background: red;
    border: solid 1px #17bbc1;
}

.broker-footer-wrapper {
    position: relative;
}

.broker-footer-col {
    width: 25%;
    float: left;
    min-height: 10px;
}

    .broker-footer-col .broker-footer-box {
        width: 95%;
        margin: 0px auto;
        min-height: 200px;
        /*background: rgba(17, 199, 208, 0.88);
    border: solid 1px #0ca9b1;
    box-shadow: 0px 3px 5px #04959c;*/
    }

.broker-foot-nav ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.broker-foot-nav li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    margin-bottom: 4px;
}

    .broker-foot-nav li .pbuttons {
        background: #039098;
        outline: none;
        border: solid 1px #008c94;
        color: #fff;
        padding: 4px 8px;
        transition: ease 0.7s;
    }

        .broker-foot-nav li .pbuttons:hover {
            background: #fc4b6c;
            border-color: #fc4b6c;
            transition: ease 0.7s;
        }

.bottom-footer-sec {
}

    .bottom-footer-sec .copy-left-sec,
    .bottom-footer-sec .power-right-sec {
        width: 50%;
        float: left;
        font-size: 12px;
        color: #fff;
    }

    .bottom-footer-sec .power-right-sec {
        text-align: right;
    }

        .bottom-footer-sec .power-right-sec a {
            color: #fff !important;
        }

.bottom-footer-sec {
    /*background: #0a8990;*/
    padding: 4px 4px;
}

.foot-search-in {
    position: relative;
    padding-right: 50px;
}

    .foot-search-in .btn-searchs {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 100%;
        background: #17b5c0;
        display: block;
        padding: 5px 16px;
        text-align: center;
        font-size: 18px;
        color: #fff !important;
        border: solid 1px #17b5c0;
        line-height: 23px;
    }

        .foot-search-in .btn-searchs:hover,
        .foot-search-in .btn-searchs:active,
        .foot-search-in .btn-searchs:focus {
            background: #fc4b6c;
            border-color: #fc4b6c;
            transition: ease 0.7s;
        }

    .foot-search-in .form-control {
        height: 34px;
        border-radius: 0px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

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*/
    }

.fourqtPanelBody {
    padding: 5px 5px;
}

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

.fourqtForm.popupForm .fourqtCol {
    float: none;
    width: 100%;
    min-height: 20px;
}

.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;
}

.alertError {
    text-align: center;
    font-size: 12px;
}

.web-county-div {
    text-align: center;
}

.cust-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 23px;
}

    .cust-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .cust-checkbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border: solid 1px #17bbc1;
    }

    .cust-checkbox:hover input ~ .checkmark {
        background-color: #fff;
    }

    .cust-checkbox input:checked ~ .checkmark {
        background-color: #17bbc1;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .cust-checkbox .checkmark:after {
        content: "\f00c";
        font-family: 'FontAwesome';
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .cust-checkbox input:checked ~ .checkmark:after {
        display: block;
    }

    .cust-checkbox .checkmark:after {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: 13px;
        text-align: center;
        line-height: 19px;
    }

    .cust-checkbox .chk-title {
        font-size: 11px;
        line-height: 21px;
    }
/*alert box style*/
.alertBoxWrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    top: 0px;
    left: 0px;
    z-index: 99999999;
    display: none;
}

.alertBox {
    position: absolute;
    top: 100px;
    width: 350px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    color: #a94442;
    background: #f2dede;
    border: solid 1px #ebccd1;
    border-radius: 3px;
    box-shadow: 0px 0px 13px 0px #000000bf;
}

.alertBody {
    padding: 2px 10px;
    min-height: 35px;
    background: #fde1e1;
}

.alertTitle {
    color: #ad4757;
    font-size: 12px;
    margin: 0px;
    padding: 2px 0px;
    display: block;
    font-weight: bold;
}

.alertBody h5 {
    color: #ad4757;
    font-size: 11px;
    margin: 0px;
    padding: 2px 0px;
    display: block;
    font-weight: bold;
}

.alertHead {
    border-bottom: solid 1px #ebccd1;
    position: relative;
    padding: 2px 10px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.alertFoot {
    border-top: solid 1px #ebccd1;
    position: relative;
    padding: 2px 10px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.alertCloseFixed {
    position: absolute;
    right: 6px;
    top: 4px;
    margin: 0px;
    padding: 0px;
    background: none;
    border: none;
    color:#ad4757;

}

.alertClose {
    font-size: 12px;
    text-transform: uppercase;
    text-shadow: none;
    border: solid 1px #ad4757;
    background: #ad4757;
    color: #fff;
    display: inline-block;
    line-height: 0px;
    padding: 9px 5px;
    border-radius: 2px;
}

.btnFourqt.btnFxs {
    position: absolute;
    /* right: 0px; */
    left: 100%;
    top: 0px;
    margin-left: 10px;
    font-size: 10px;
    padding: 3px 5px;
}

.alertSuccessFourqt {
    color: #3c763d;
    background-color: #daffca;
    border-color: #7ff34e;
}

    .alertSuccessFourqt .alertHead {
        border-bottom: solid 1px #b4ef9a;
    }

    .alertSuccessFourqt .alertBody {
        background: #e0ffd3;
    }

    .alertSuccessFourqt .alertFoot {
        border-top: solid 1px #b4ef9a;
    }

    .alertSuccessFourqt .alertTitle,
    .alertSuccessFourqt .alertBody h5 {
        color: #2c822d;
    }

    .alertSuccessFourqt .alertClose {
        border-color: #2f730f;
        background: #39771d;
    }

.alertWarningFourqt {
    color: #896321;
    background-color: #faf2c8;
    border-color: #fcf8e3;
}

    .alertWarningFourqt .alertHead {
        border-bottom: solid 1px #dfcb61;
    }

    .alertWarningFourqt .alertBody {
        background: #fff7cd;
    }

    .alertWarningFourqt .alertFoot {
        border-top: solid 1px #dfcb61;
    }

    .alertWarningFourqt .alertTitle,
    .alertWarningFourqt .alertBody h5 {
        color: #8a6d3b;
    }

    .alertWarningFourqt .alertClose {
        border-color: #896321;
        background: #896321;
    }

.legendtd {
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    width: 30px;
}

.legendtexttd td {
    padding-left: 5px;
    text-align: left;
}

.newbgpage td {
    background-color: #ffffff;
}

.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;
}

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

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

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

.alternaterowstyle {
    background-color: #EEF3F7;
}

.AllocateCheck td {
    background-color: #DCFDFD !important;
}

.fixMandField {
    position: absolute;
    /* left: 0px; */
    right: 40px;
    /* margin: 0px auto; */
    width: 167px;
    top: 100%;
    background: #f9e6ea;
    color: #c1012d;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 3px;
    text-align: center;
    /* box-shadow: 0px 1px 3px #5f0016; */
    margin-top: -28px;
    border: solid 1px #ffbbc9;
    font-family: Arial;
}
.msgErrorFixDown {
   position: absolute;
    top: 100%;
    display: inline-block;
    font-size: 11px;
    color: #fff !important;
    padding: 2px 5px;
    background: #c60c0c;
    border-radius: 3px;
    z-index: 999;
    /* right: 0px; */
    left:0;
    white-space: nowrap;
    z-index: 9999;
    font-family: Arial;
}
.msgErrorFixLeft {
    position: absolute;
    top: 3px;
    display: inline-block;
    font-size: 11px;
    color: #fff !important;
    padding: 2px 5px;
    background: #c60c0c;
    border-radius: 3px;
    z-index: 999;
    /* right: 0px; */
    right: 100%;
    white-space: nowrap;
    margin-left: 6px;
    z-index: 9999;
    font-family: Arial;
}
.msgErrorFixRight{
    position: absolute;
    top: 3px;
    display: inline-block;
    font-size: 11px;
    color: #fff !important;
    padding: 2px 5px;
    background: #c60c0c;
    border-radius: 3px;
    z-index: 999;
    /* right: 0px; */
    left: 100%;
    white-space: nowrap;
    margin-left: 6px;
    z-index: 9999;
    font-family: Arial;
}

.msgErrorFixBottom {
    position: absolute;
    top: 3px;
    display: inline-block;
    font-size: 11px;
    color: #fff !important;
    padding: 2px 5px;
    background: #c60c0c;
    border-radius: 3px;
    z-index: 999;
    /* right: 0px; */
    right: 100%;
    white-space: nowrap;
    margin-left: 6px;
    z-index: 9999;
    font-family: Arial;
}

.textAr-title {
    font-size: 12px;
    color: #76787b;
    font-family: Arial;
}

.TreeViewStyleWrap {
    /*width: 550px;*/
    margin: 0px auto;
}

.TreeViewStyle {
    width: 450px;
    margin: 0px auto;
    border: solid 1px #b8b9b9;
    box-shadow: 0px -1px 6px -1px #000000c4;
}

    .TreeViewStyle table td {
        font-size: 12px;
        color: #404040;
    }

    .TreeViewStyle > table {
        width: 100%;
    }

        .TreeViewStyle > table td {
            background: #17b7c0;
            font-size: 12px;
            padding: 2px 7px;
            color: #fff;
            font-weight: bold;
            vertical-align: middle;
            border-bottom: solid 1px #09a7a0;
            display: inline-block;
        }

            .TreeViewStyle > table td input {
                margin: 0px;
                vertical-align: middle;
            }

            .TreeViewStyle > table td:first-child {
                padding-right: 0px;
                width: 27px;
            }

                .TreeViewStyle > table td:first-child img {
                    margin: 0px;
                    padding: 0px;
                }

                .TreeViewStyle > table td:first-child a {
                    margin: 0px;
                    padding: 0px;
                }

            .TreeViewStyle > table td:last-child {
                padding-left: 0px;
                width: 421px;
            }

                .TreeViewStyle > table td:last-child span {
                    display: inline-block;
                    padding: 3px 0px;
                }

.name-full-emp {
    display: table;
    width: 100%;
}

    .name-full-emp .name-col {
        display: table-cell;
        padding: 0px 5px;
    }

.fourqtPopupWrap {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9999999;
    background: #000;
    background: rgba(0, 0, 0, 0.5411764705882353);
    display: none;
}
.fourqtPopupWrapNew {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9999999;
    background: #000;
    background: rgba(0, 0, 0, 0.5411764705882353);
   
}
.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: #F5F4F9;
    border-bottom: solid 1px #eaeaea;
    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: 6px;
    top: 7px;
    background: none;
    border: none;
    font-size: 14px;
    padding: 0px;
    color: #157fda;
}

.fourqtPopupfoot {
    background: #F5F4F9;
    border-top: solid 1px #eaeaea;
    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;
}

.form-short.popup-form .form-title {
    width: 34%;
}

.fixTableHeightPrint {
    overflow: auto;
}

.printWrap {
    background: #fff;
}

table.table-blank td, table.table-blank th {
    font-size: 13px;
    padding: 4px 4px;
    color: #000;
}

.hiLog {
    text-align: center;
    font-size: 12px;
}

.popup-page-form.fourqtForm .fourqtCol {
    width: 25%;
}

.dis-table {
    display: table;
    width: 100%;
}

.dis-col {
    display: table-cell;
    padding: 0px 3px;
}

.edit-broker-project {
    margin-top: 6px;
    padding: 0px 7px;
}

.broker-edit-content,
.broker-edit-form {
    width: 50%;
    float: left;
}

.broker-edit-form {
    padding-left: 15px;
}

.panel-multi .fourqtPanelContent,
.panel-multi .fourqtPanelForm {
    width: 100%;
    margin: 0px auto;
    background: #fff;
    transition: ease 0.7s;
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    border: solid 1px #d7dfe3;
    border-radius: 5px;
    margin-bottom: 12px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}

.fileUpload,
.search-loc-map-input {
    position: relative;
}

    .fileUpload input {
        height: 30px;
    }

    .fileUpload .btn-upload {
        background: #0e79a0;
        color: #fff;
        position: absolute;
        top: 0px;
        right: 0px;
        height: 100%;
        line-height: 22px;
    }

        .fileUpload .btn-upload:hover {
            opacity: 0.7;
        }

.pro-map-wrapper > h3 {
    font-size: 14px;
    color: #fff;
    padding: 5px 8px;
    margin: 0px;
    font-family: Lato-Medium;
    background: #0e79a0;
    text-align: center;
    box-shadow: 0px 1px 5px rgba(0, 40, 41, 0.4117647058823529);
    margin-bottom: 13px;
}

.srch-colz .srch-input {
    width: 65%;
    float: left;
    position: relative;
}

.srch-colz .srch-title {
    min-height: 5px;
    width: 180px;
    float: left;
    font-size: 13px;
    color: #444444;
    line-height: 25px;
    /* font-weight: bold; */
}

.search-loc-map-input .search-loc-input {
}

.search-loc-map-input .form-control {
    height: 34px;
    border-radius: 0px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-right: 50px;
}

.search-loc-map-input .btn-searchs {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    background: #0e79a0;
    display: block;
    padding: 5px 16px;
    text-align: center;
    font-size: 18px;
    color: #fff !important;
    border: solid 1px #17b5c0;
    line-height: 23px;
}

.loc-google-map {
    margin-top: 15px;
    border: solid 2px #ddd;
    border-radius: 5px;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.39);
}

.loc-g-map {
}

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

.gps-coordinates li {
    float: left;
    width: 50%;
    background: #f5f4f9;
    padding: 5px 4px;
    color: #040000;
}

    .gps-coordinates li:last-child {
        text-align: right;
        border-left: solid 1px #ddd;
    }

.view-li-info ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.view-li-info li {
}

    .view-li-info li .info-title {
        width: 180px;
        float: left;
    }

    .view-li-info li .info-data {
        /*width:180px;*/
        float: left;
    }

.view-sec-edit .pro-map-wrapper > h3 {
    margin-bottom: 0px;
    margin-top: 10px;
}

.view-sec-edit .loc-google-map {
    margin-top: 0px;
}

.text-center,
.StringCenter,
.HeaderCenter,
.DigitCenter,
.DateCenetr {
    text-align: center;
}

.text-right,
.StringRight,
.DigitRight {
    text-align: right;
}

.text-left,
.StringLeft,
.DigitLeft {
    text-align: left;
}

.text-justify {
    text-align: justify;
}

.text-bold {
    font-weight: bold;
}

.tb-icon {
    color: #fc4b6c;
    font-size: 17px;
}
.tb-icon-style {
    color: #d02041;
    font-size: 17px;
    text-shadow: 0px 0px 4px #fff;
}
.text-success,
.PositiveMessege {
    color:#1e981e;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
}

.text-danger,
.NagativeMessege {
    color: #a94442;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
}

.config-list-sec {
    padding: 4px 7px;
}

    .config-list-sec ul {
        padding: 0px;
        margin: 0px 0px 0px 15px;
        list-style-type: decimal;
    }

    .config-list-sec li {
        margin-bottom: 5px;
         word-wrap: break-word;
    }

        .config-list-sec li h4 {
            font-size: 13px;
            font-weight: bold;
            color: #0993b1;
            font-family: 'Allerta', sans-serif;
        }

        .config-list-sec li p {
            font-size: 13px;
                word-wrap: break-word;
        }

    .config-list-sec ul ul {
        list-style-type: upper-roman;
        margin-left: 20px;
    }

        .config-list-sec ul ul li h4 {
            color: #1786b8;
            font-size: 11px;
            font-family: 'Allerta', sans-serif;
        }

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

    .fourqtFormHideBtn .panelHeadBtn {
        border: none;
        background: none;
        font-size: 18px;
        color: #fc4b6c;
        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;
}

.panelHideBtn1 {
    display: none;
}

.panelShowBtn1 {
    display: block;
}
/*for selection*/
/*::-moz-selection {
    background: yellow;
}

::selection {
    background: yellow;
}*/

table.table-fourqt td.text-horizantal,
table.table-fourqt th.text-horizantal {
    white-space: nowrap;
}

.tableFourqtHeight .fixTableHeightWrap {
    max-height: 400px;
}

.remark-wraps {
    background: #f7f7f7;
    width: 322px;
    border: solid 1px #ececec;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.32);
}

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

/*custom pagination*/
.custom-pagination {
    background: #fff;
    text-align: center;
    margin-top:4px;
}

    .custom-pagination ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
        border: solid 1px #d2d2d2;
        display: inline-block;
        box-shadow: 0px 4px 10px -4px #000;
        border-radius: 3px;
    }

    .custom-pagination li {
        float: left;
        /* margin-right: 20px; */
        border-right: solid 1px #d2d2d2;
    }

        .custom-pagination li .btn-pg,
        .custom-pagination li .btn-pg-label {
            display: block;
            padding: 4px 12px;
            height: 30px;
            line-height: 23px;
            transition: ease 0.7s;
            color: #3d3e3e;
        }

        .custom-pagination li .btn-pg {
            color: #0077B5;
        }

        .custom-pagination li:last-child {
            border-right: none;
        }

        .custom-pagination li .form-control {
            height: 23px;
            color: #0077b5;
        }

        .custom-pagination li .btn-pg:hover {
            background: #0077B5;
            color: #fff;
        }

    .custom-pagination.pagination-color ul {
        border: solid 1px #026975;
        background: #04818c;
    }

    .custom-pagination.pagination-color li {
        border-right: solid 1px #0e6067;
        color: #fff;
    }

        .custom-pagination.pagination-color li .btn-pg,
        .custom-pagination.pagination-color li .btn-pg-label {
            color: #fff;
        }

            .custom-pagination.pagination-color li .btn-pg:hover {
                background: #fff;
                color: #04818c;
            }

.broker-alert .close {
    color: #fc4b6c;
    opacity: 1;
}

.home-popup {
    position: fixed;
    left: 0px !important;
    top: 0px !important;
    height: 100%;
    width: 100%;
    background: #fff;
}

.ms-parent {
    width: 100% !important;
}

.ms-choice {
    border: 1px solid #ddd;
}

.ms-drop ul > li label.optgroup {
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    background: #06adb7;
    padding: 4px 9px;
}

.ms-drop ul > li label {
    color: #615c5c;
}
  .ms-drop ul > li label:hover {
    background: #fc4b6c;
    color: #fff;
}
  .ms-drop.bottom {
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.27);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.27);
}
.ms-drop {
    border: 1px solid #ececec;
}
.ms-search input {
        border-radius: 3px;
    border: 1px solid #ddd;
    /* box-shadow: none; */
    transition: ease 0.7s;
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    height: 26px;
    font-weight: normal;
    font-size: 12px;
    background: #fff;
    padding: 4px 8px;
}
.dfrdBtn .radioCustomBtn {
    border: solid 1px #178db9;
}

    .dfrdBtn .radioCustomBtn li label {
        border-left: solid 1px #178db9;
        color: #178db9;
        padding: 2px 10px;
    }

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

    .dfrdBtn .radioCustomBtn li.active label, .dfrdBtn .radioCustomBtn li span.active label {
        background: #178db9;
        color: #fff;
    }

.showMoreBtnSec {
    padding: 4px 0px;
}

.showMoreEl {
    display: none;
}

#btnHideEl {
    display: none;
}

.btn-Mores {
    border: none;
    outline: none;
    font-size: 12px;
    color: #969696;
    background: transparent;
    /* text-shadow: 1px 1px 1px #969696; */
    /* letter-spacing: 1px; */
    padding: 3px 7px;
    margin-right: 10px;
    border-radius: 4px;
    font-weight: normal;
}

    .btn-Mores:hover {
    }

.form-short.trnafetForm .form-title {
    width: 120px;
}

.trRecord {
    padding: 4px 15px;
    font-size: 12px;
    /* font-weight: bold; */
    color: #0893b3;
}

.btn-tns {
    border: none;
    outline: none;
    font-size: 12px;
    color: #178db9;
    background: transparent;
    /* text-shadow: 1px 1px 1px #969696; */
    /* letter-spacing: 1px; */
    padding: 3px 7px;
    margin-right: 10px;
    border-radius: 4px;
}

.fourqIconBtnSec li a.btnTransfersEnq,
.fourqIconBtnSec li button.btnTransfersEnq {
    color: #0077B5;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

    .fourqIconBtnSec li a.btnTransfersEnq:hover {
        opacity: 0.8;
    }

.table-fourqt td.center {
    text-align: center;
}

.table-fourqt td .tbs-icon {
    font-size: 18px;
    color: #e03f10;
}

.table-fourqt td .fa-mobile-phone {
    font-size: 20px;
}

.fourqtPanelHeadFloat .fourqt-title {
    padding-top: 6px;
}

.popLeftHeading.slrecord {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: normal;
}

.hightlight-text {
    background: yellow;
    padding: 0px 4px;
}

.dumappdt {
}

    .dumappdt .table-fourqt td .tbs-icon {
        color: #395002;
    }

/*//popup auto*/
.animateDivWrap {
    position: fixed;
    bottom: 4px;
    /*left: 3px;*/
    left: -180px;
    width: 180px;
    height: 199px;
    background: #fff;
    z-index: 999999;
    /*display: none;*/
    opacity: 0.9;
    border: solid 1px #17adbe;
    box-shadow: 0px 1px 12px -1px #000;
    -moz-box-shadow: 0px 1px 12px -1px #000;
    -webkit-box-shadow: 0px 1px 12px -1px #000;
    border-radius: 5px;
    transition: ease 0.7s;
}

.btnPop {
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -29px;
    width: 0;
    height: 0;
    cursor: pointer;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fc4b6c;
}

.animateDivContent {
    position: relative;
}

    .animateDivContent .close {
        position: absolute;
        right: 5px;
        top: 9px;
        font-size: 12px;
        color: #ffffff;
        opacity: 1;
    }


.animeheader {
    min-height: 30px;
    background: #47bee8;
    background: linear-gradient(to left,#17bbc1 0%, #177bb6 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.animeBody {
    padding: 0px;
    position: relative;
}

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

    .animeBody li {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        font-size: 12px;
        font-family: Arial;
        background: #fff;
        border-bottom: solid 1px #c6faff;
        padding: 4px 9px;
        color: #635f5f;
    }

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(400px);
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(400px);
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    opacity: 0;
    -webkit-transform: translateY(400px);
    transform: translateY(400px);
}

.activePopup {
    /*display: block;*/
    left: 3px;
    opacity: 1;
    /*-webkit-animation:bounce 1s infinite;*/
    /*-webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
            -webkit-animation-name: fadeInUp; 
            -webkit-animation-duration: 1s;
            animation-name: fadeInUp;
            animation-duration: 1s;*/
}

.close {
    cursor: pointer;
}

.firstGone {
    /*display: none;*/
    left: -180px;
    opacity: 0.9;
}

.addIn {
    /*display: block !important;*/
    left: 3px !important;
    opacity: 1 !important;
    /*-webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
            -webkit-animation-name: fadeInUp; 
            -webkit-animation-duration: 1s; 
            animation-name: fadeInUp;
            animation-duration: 1s;*/
}




.enqfullFormSec .leftFormEnq {
    width: 49%;
    float: left;
}

.fourqtForm.enq-forms .fourqtCol {
    width: 33%;
}

    .fourqtForm.enq-forms .fourqtCol.phoneQ {
        width: 28%;
    }

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

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

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

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

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

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


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

.mail-addresses.fourqtForm.enq-forms .fourqtCol {
    width: 100%;
    min-height: 0px;
}

.mail-addresses.fourqtForm .form-title {
    float: left;
    width: 114px;
    line-height: 25px;
}

.mail-addresses.fourqtForm .form-input {
    width: 60%;
    float: left;
}

.subheader {
    background: #f5f4f9;
    margin-right: -4px;
    margin-left: -4px;
}

.subheader1 {
    background: #eef3f9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .subheader1 .fourqt-title {
        font-size: 13px;
        padding: 5px 11px;
        text-transform: none;
    }

.fourqtForm.enq-forms .fourqtCol.enqFormsHight {
    min-height: 56px;
}

input[type="submit"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.socialSet.fourqIconBtnSec li a, .socialSet.fourqIconBtnSec li button {
    color: #337ab7;
}

.socialSet.fourqIconBtnSec .linkBtn {
    color: #007bb5;
}

.socialSet.fourqIconBtnSec .twitBtn {
    color: #00aced;
}

.socialSet.fourqIconBtnSec .locBtn {
    color: red;
}

.mrg-flot-multi {
    float: left;
    width: 100%;
}

table.table-fourqt td {
    font-weight: normal;
}

.marginSetSec {
    margin-top: 10px;
}

    .marginSetSec .fourqtPanelHead1 {
        margin-bottom: 10px;
    }

.PnlChoiceFlatPop {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px !important;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9999999;
    background: #000;
    background: rgba(0, 0, 0, 0.5411764705882353);
}

.PnlChoiceFlatPopInner {
    position: absolute;
    width: 80%;
    left: 0px;
    right: 0px;
    top: 100px;
    bottom: 0px;
    margin: 0px auto;
    z-index: 9999999;
}
.PnlChoiceFlatPopInnerOutCome {
    top:40px;
}
    .PnlChoiceFlatPopInner .fourqtPanelForm {
        background: #fff;
    }

.panelpnlPopup1 {
}

.formpopupCh.fourqtForm .fourqtCol {
    width: 25%;
}

.main-popup-wrapper .page-container {
    margin-top: 10px;
}

.table-sec-data {
    overflow: auto;
}

.fourqtMainPanel {
    background: #fff;
}

.fourqtMainPanelbody {
    padding: 0px 10px;
}

.custInfoBox {
    border: solid 1px #e8e8e8;
    padding: 10px;
}

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

    .custInfoBox li {
        float: left;
        width: 33%;
    }

.custInfoTab {
    display: table;
    width: 100%;
}

.custTitle,
.custInfoText {
    display: table-cell;
}

#ctl00_ContentPlaceHolder1_pnlPopup_DropShadow {
    background-color: #0000001f !important;
}

.custInfoBox li {
}

    .custInfoBox li .custTitle label {
        font-weight: bold;
        font-family: Arial;
    }

    .custInfoBox li .custTitle {
        width: 45%;
    }

.custInfoText {
    width: 55%;
}

.trHide3 .subheader {
    margin: 0px;
    margin-top: 10px;
}

.fourqt-title label.letz {
    text-transform: none;
    color: #19181f;
    padding-left: 10px;
}

.hype {
    color: red;
    padding: 1px 13px;
}

.margin-bottoms,
.fourqtPanelHead1 {
    margin-bottom: 10px;
}

.radioCustomBtn.resradioCustomBtn {
    border: none;
    margin-left: 0px !important;
}

    .radioCustomBtn.resradioCustomBtn li {
        margin-left: 3px;
        margin-bottom: 4px;
    }

        .radioCustomBtn.resradioCustomBtn li label {
            border: solid 1px #099ba0 !important;
            border-radius: 2px;
        }


.radioCustomTemp.resradioCustomBtn {
    border: none;
    margin-left: 0px !important;
}



    .radioCustomTemp.resradioCustomBtn li {
        margin-left: 3px;
        margin-bottom: 4px;
    }

        .radioCustomTemp.resradioCustomBtn li label {
            border: solid 1px #099ba0 !important;
        }

.HeaderCenterLine {
    color: #037192;
    font-size: 14px;
    padding: 4px 10px;
    text-align: center;
}

.big-panel-wrapper-chart {
    width: 100%;
    margin: 0px auto;
    background: #fff;
    transition: ease 0.7s;
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    border: solid 1px #d7dfe3;
    margin-bottom: 12px;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.61);
}

.charBox {
    width: 33.3%;
    float: left;
    padding: 3px 10px;
    transition: ease 0.7s;
    margin-top: 10px;
}

    .charBox.oneBox {
        width: 100%;
    }

    .charBox.twoBox {
        width: 50%;
    }

    .charBox.threeBox {
        width: 33.3%;
    }

    .charBox .chartBoxInner {
        border: solid 1px #ddd;
        border-radius: 4px;
        box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.25);
        background: #fff;
    }

    .charBox.oneBox .chartBoxInner {
        border: none;
        box-shadow: none;
    }

    .charBox.twoBox .chartBoxInner,
    .charBox.threeBox .chartBoxInner {
        border: solid 1px #ddd;
        border-radius: 4px;
        box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.25);
    }

.contn-One {
}

.charBox.oneBox .contn-OneL {
    float: left;
    width: 40%;
}

.charBox.oneBox .contn-OneR {
    float: left;
    width: 60%;
    margin-top: 12px;
}

.charBox.twoBox .contn-OneL,
.charBox.threeBox .contn-OneL,
.charBox.twoBox .contn-OneR,
.charBox.threeBox .contn-OneR {
    float: none;
    width: 100%;
    margin: 0px;
}

.chartTable {
    overflow: auto;
}

.chartFoot {
    padding: 10px 10px;
}

.chartIcon {
    position: relative;
}

.btnab {
    position: absolute;
    top: 0px;
    right: -45px;
}

.enqformWrapeer .enqfullFormSec .rightFormEnq .rightFormEnqBx,
.enqformWrapeer .enqfullFormSec .leftFormEnq .leftFormEnqBx {
    padding: 10px 2px;
}

.takefollowupHead .fxd {
    float: left;
}

.takefollowupHead .fxd1 label {
    line-height: 27px;
    padding-right: 11px;
}

.subTitles {
    font-size: 14px;
    color: #0077B5;
    padding: 3px 3px;
    margin: 0px;
    text-transform: uppercase;
    font-family: Lato-Medium;
    /* font-family: 'Allerta', sans-serif; */
}

.rqheader .menuLeftTitle,
.rqheader .fourqt-title {
    padding-top: 8px;
}

.btnab1 {
    position: absolute;
    top: 0px;
    right: -49px;
}

.dumpTransfers {
    width: 595px;
}

.rbtnUnitStatusWeb {
    float: left;
}

.fourqtForm.authorizationForm .form-title {
    /*float:left;*/
    /*width:200px*/
}

.fourqtForm.authorizationForm .fourqtCol {
    width: 100%;
}

.fourqtForm.authorizationForm .form-input {
    /*float:left;*/
    width: auto;
}

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

    .allRightSec > ul > li,
    .liCol > li {
        margin-bottom: 2px;
        float: left;
        margin-right: 10px;
    }

.liCol {
    float: left;
    width: 100%;
}

.tableCustRadio table {
    display: block;
}

    .tableCustRadio table tbody {
        display: block;
    }

    .tableCustRadio table tr {
        display: block;
    }

    .tableCustRadio table td {
        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;
    }

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

        .tableCustRadio table td input[type="checkbox"] {
            display: none;
        }

        .tableCustRadio table td.active {
            background: #099ba0;
            color: #fff;
        }

        .tableCustRadio table td .selOf {
            /*display: none;*/
            position: absolute;
            left: 6px;
            top: 4px;
            font-size: 13px;
        }

        .tableCustRadio table td.active .selOf {
            display: none;
        }

        .tableCustRadio table td .selOn {
            display: none;
            position: absolute;
            left: 4px;
            top: 4px;
            font-size: 12px;
        }

        .tableCustRadio table td.active .selOn {
            display: block;
        }

.lblInfos {
    display: inline-block;
    padding: 8px 10px;
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    background-color: #ad0424;
}

.custLogTable {
    max-height: 400px;
    overflow: auto;
}
.view-pro-add-sec {
    padding:10px 23px;
}
.listaddProtb {
    float:left;
    width:47%;
}
.mapsweb-wrap {
    float:right;
    width:47%;
}
.table-add-pro {
    padding:10px;
}
.addprTable {
    overflow:auto;
    max-height:800px;
}

.addProSetWon .broker-edit-form {
    padding-left:0px;
}
.addProSetWon .broker-edit-content {
    padding-left:10px;
}

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

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

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

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

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

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

        .radioCustomBtnbroker li.disabled label,
        .radioCustomBtnbroker li span.disabled label {
            cursor: not-allowed;
            opacity: 0.5;
        }

        .radioCustomBtnbroker li.active label,
        .radioCustomBtnbroker li span.active label {
            background: #099ba0;
            color: #fff;
        }

.charLeft {
        float: left;
    width:60%;
}
.tableRightChart{
    float: left;
    width: 40%;
}
.printheaders {
    padding:0px 14px;
    display:none;
}
.printpagetitle {
    display:none;
}
table.table-fourqt tr.tableHeaderBg td {
        color: #fff;
    background: #5a727b;
    border-color: #fff;
    font-weight: normal;
}
.schartWrap .chart-Tit{
        padding: 2px 10px;
}
.schartWrap .chartTable {
    overflow: auto;
    max-height: 350px;
}

.divcontainerForm .commonClass,
.divcontainerForm .lblLeftClass {
    height:auto !important;
    float:none !important;
    padding:0px !important;
    width:auto !important;
}
.divcontainerForm > .fourqtCol {
    width: 16.6%;
    float: left;
    margin: 0px 0px 3px 0%;
    padding: 0px 5px;
    min-height: 48px;
    /* background: red; */
}
.divcontainerForm input[type="text"],
.divcontainerForm input[type="email"],
.divcontainerForm input[type="number"],
.divcontainerForm select,
.divcontainerForm textarea {
    border-radius: 3px;
    border: 1px solid #ddd;
    /* box-shadow: none; */
    transition: ease 0.7s;
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    height: 26px !important;
    font-weight: normal;
    font-size: 12px;
    background: #fff;
    padding: 4px 8px;
    width:100% !important;
}
.divcustsForm .fourqtForm .fourqtCol {
        width: 20%;
}
.divcustsForm .fourqtForm .form-title {
    white-space:nowrap;
    overflow:hidden;
}
.ValidationSummary1 ul {
    margin:0px;
    padding:0px;
        margin-left: 28px;
}
.ValidationSummary1 li {
}
.amTable {
    overflow:auto;
}
.divcustsForm .fourqtForm.popupFormAm .fourqtCol {
    width:100%;
}
.divcustsForm .fourqtForm .fourqtCol {
}
.panelPopUps {
   
    height:100% !important;
    width: 100% !important;
    overflow: auto;
    position: fixed !important;
    z-index: 100001;
    left: 0px !important;
    top:0px !important;
    background:#000;
    background:rgba(0, 0, 0, 0.32);
    z-index:9999999 !important;
}
.modalBackground {
     background-color:rgba(0, 0, 0, 0.32);
}

.panelPopUps .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;
}

.panelPopUps .fourqtPopupHead {
    background: #F5F4F9;
    border-bottom: solid 1px #eaeaea;
    color: #31708f;
    padding: 4px 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    min-height: 31px;
}

.panelPopUps .fourqtPopupBody {
    padding: 4px 8px;
}

.panelPopUps .fourqtPopClose {
    position: absolute;
    right: 6px;
    top: 7px;
    background: none;
    border: none;
    font-size: 14px;
    padding: 0px;
    color: #157fda;
}

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

.panelPopUps .fourqtPopupLg {
    width: 80%;
}

.panelPopUps .fourqtPopupMd {
    width: 60%;
}

.panelPopUps .fourqtPopupSm {
    width: 450px;
}

.panelPopUps .popLeftHeading {
    font-size: 13px;
    color: #0f79b3;
    padding: 5px 0px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
}
.contP p {
    font-size: 12px;
    padding-bottom: 7px;
}
.table-fourqt td .table-icon {
    font-size: 15px;
    color: #e03f10;
}
    .table-fourqt td .table-icon:hover {
        opacity:0.7;
    }

.basedRdSec {
    display:table;
}
.basedRdSec .table-cell{
     display:table-cell;
     vertical-align:middle;
     padding-left:10px;
}
.configEmailLeft {
    float:left;
    width:70%;
    padding-right:10px;
}
.configEmailRight {
     float:left;
    width:30%;
        border-left: dotted 2px #dedede;
    padding: 0px 10px;
    
}

.fourqtForm.configEmailForm .fourqtCol {
    width: 32.6%;
   
}
.email-settings table tr > td {
 border-bottom: dotted 2px #dedede;
    /* background: white; */
    padding: 10px 0px;
}
.totalUnitInfo {
    padding: 5px 13px;
}

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

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

.flwTbHeight {
    max-height:300px;
    overflow:auto;
}
.adress-filter-box {
    float:left;
    width:50%;
        padding: 0px 15px;
}
.ad-book-add {
        border: solid 1px #d7dfe3;
    border-radius: 5px;
    box-shadow:0px 0px 6px rgba(0, 0, 0, 0.14);
}
.fourqtForm.fourqtFormAddressBook .fourqtCol {
    width: 50%;
}
.radsaddressbtn {
    padding:4px 4px;
    text-align:center;
}
.radsaddressbtn > label,
.radsaddressbtn .radioCustomBtnbroker {
    vertical-align:middle;
}
.fourqtaddWrap {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    bottom: 0px !important;
    z-index: 9999999 !important;
    background: #000 !important;
    background: rgba(0, 0, 0, 0.5411764705882353) !important;
   
}
.box-emp {
    float:left;
    width:50%;
}
.table-auto-width {
    text-align:center
}
    .table-auto-width > div.table-auto-box {
        display:inline-block;
        width:auto;
        box-shadow:0px 0px 5px rgba(0, 0, 0, 0.42);
        -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.42);
        -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.42);
        -o-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.42);
        -ms-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.42);
    }
.authorized-wrap {
    width: 425px;
    margin: 0px auto;
    background: #fff;
    padding: 4px 5px;
    box-shadow: 0px 12px 10px -9px #000;
    -webkit-box-shadow: 0px 12px 10px -9px #000;
    -moz-box-shadow: 0px 12px 10px -9px #000;
    -o-box-shadow: 0px 12px 10px -9px #000;
    -ms-box-shadow: 0px 12px 10px -9px #000;
    margin-top: 12px;
    border: solid 1px #dedede;
    border-radius: 4px;
}
.authorized-wrap h2{
       font-size: 14px;
    color: #bb0023;
    padding: 5px 3px;
    margin: 0px;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    text-align:center;
}
.ath-lock {
        padding: 5px 10px;
}
.ath-lock i{
         color: #bb0023;
    font-size: 55px;
}
.lblMap {
       position: absolute;
    left: 100%;
    top: 5px;
    margin-left: 4px;
    color: #1785b8;
    white-space: nowrap;
    font-family: Arial;
}
.pr-form-unit.form-short .form-input {
    width: 50%;
}
.fourqtForm .fourqtCol .form-control.PhotoFiles {
    height:30px;
}
    .fourqtForm .fourqtCol .form-control.PhotoFiles + .btn-fourqt {
        margin-top:3px;
    }
.btn-fourqt.btnAttach6 {
        position: absolute;
    left: 100%;
    top: 0px;
    margin-left: 8px;
}
.uploadInfos span {
        font-size: 11px;
    display: block;
    padding: 3px 2px;
    color: #635b5b;
    white-space: nowrap;
}
.uploadInfos .lblPhotoMsg1 {
}
.PhotoFilez {
        height: 26px;
    font-weight: normal;
    font-size: 10px;
}
.website-config {
        color: Blue;
    font-size: 11px;
    position: absolute;
    top: 100%;
}
.panelpnlPopup1Edt {
    width:400px;
}



.propBox {
      width: 24.2%;
    margin: 0px 0px 13px 1%;
    border: solid 1px #d4d7d8;
    border-radius: 3px;
    float: left;
}
.propBox:nth-child(4n+1) {
    margin-left: 0px;
}
.propBox .enqBoxMasHead {
    border-radius: 4px;
    padding: 0px;
    border-bottom: solid 1px #eaeaea;
    background-color: #F5F4F9;
}
.propBox .enqBoxMasHead h4 {
       font-size: 12px;
    color: #0077B5;
    padding: 4px 3px;
    margin: 0px;
    text-transform: uppercase;
    font-family: Lato-Medium;
    /* font-family: 'Allerta', sans-serif; */
    line-height: 16px;
    text-align: center;
}
.propBox .enqBoxMasBody {
    height: 180px;
    overflow: auto;
}
.propBox .enqBoxMasFoot {
    padding: 8px 5px;
    text-align: center;
}
.btnabClear {
    right:-102px;
}
.subheaderPost {
    background: #f5f4f9;
  
}
.fourqtFormPostProp {
    margin-top:7px;
}
.kycInfo {
}
    .kycInfo td {
           padding: 5px 12px;
    }

.vst {
    padding:4px 4px;
}
.form-table  .block-cell {
    vertical-align:middle;
}
.infosLeft {
    float:left;
    width:50%;
}
.srch-loc-post{
        width: 440px;
    margin: 0px auto;
}
.srch-loc-post.srch-colz .srch-title {
        line-height: 34px;
            width: 142px;
    float: left;
    font-size: 13px;
    color: #0384b3;
}
    .srch-loc-post.srch-colz .srch-title label {
        font-weight:bold
    }
.mail-subject-left,
.mail-subject-right {
    width:50%;
    float:left;
}
.mail-subject-right {

    padding-left:10px;
}
.input-var-head h3{
       font-size: 13px;
    padding: 8px 0px;
}
    .input-var-head h3 span {
        font-weight:bold;
    }
.mandatorysign {
    color:red;
}
#xToolbarSpace {
    overflow:auto !important;
}
.dragF span{
      background: #ffff43;
    color: #585801;
    margin-left:10px;
}

.sort-orders {
        width:60%;
    margin: 0px auto;
    border: solid 1px #ddd;
    box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
    -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
    -o-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
    -ms-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
    max-height:330px;
    overflow:auto;
}
.sort-orders  .ui-state-default {
        border: 1px solid #e6e6e6;
            padding:0px 5px;
}
.header-ui {
    border: 1px solid #c7c7c7;
    background-color: #1794ba;
    color: #fff;
    padding:5px 5px;
}
.header-ui-left {
    float:left;
    width:20%;
    text-align:center
}
.header-ui-right {
    float:left;
    width:40%;
    text-align:center
}
.ui-state-left {
        float:left;
    width:20%;
    text-align:center;
         /*border-right: solid 1px #e8e6e6;*/
}
.ui-state-right {
       float:left;
    width:40%;
    text-align:center;
           
}
.ui-state-right,
.ui-state-left {
    padding:4px 0px;
}
.sort-orders .ui-state-default:hover {
    background:#fc4b6c;
}
.ui-state-th,
.ui-state-td {
      float:left;
    width:16%;
    text-align:center
}
.ui-state-th-1,
.ui-state-td-1 {
      float:left;
    width:25%;
    text-align:center
}
.sort-orders-wrap {
       max-height:330px;
    overflow:auto;
}
.sort-orders-wrap-1{
        width:70%;
    margin: 0px auto;
    border: solid 1px #ddd;
    box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
    -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
    -o-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
    -ms-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
    max-height:330px;
    overflow:auto;
}
.sort-orders-wrap .ui-state-default {
    background:#fff;
}
.sort-orders-wrap  .ui-state-default {
        border: 1px solid #e6e6e6;
            padding:4px 5px;
                color: #717171;
}
.sort-orders-wrap .ui-state-default:hover,
.sort-orders-wrap .ui-state-default:hover  a  {
    background:#fc4b6c;
    color:#fff;
}

.sort-orders-wrap-1  .ui-state-default {
        border: 1px solid #e6e6e6;
            padding:4px 5px;
                color: #717171;
}
.sort-orders-wrap-1 .ui-state-default:hover,
.sort-orders-wrap-1 .ui-state-default:hover  a  {
    background:#fc4b6c;
    color:#fff;
}
.ImportEnqForm img{
    width:22px;
}
.dfls img{
    width:20px;
}
.ulNote {
    padding:0px;
    margin:0px 0px 0px 20px;
}
    .ulNote li {
    }
.dlvDs p{
}
.dropdown-broker .dropdown-menu{
    max-height:270px;
    overflow:auto;
}
.dropdown-broker .caret {
    position: absolute;
    right: 9px;
    top: 0px;
    margin-top: 10px;
}
.dropdown-broker .form-control {
    text-align: left;
    position:relative;
}
.dropdown-broker .dropdown-menu li {
        padding: 1px 7px;
    font-size: 12px;
    vertical-align: middle;
    margin: 0px;
    white-space:nowrap;
}
    .dropdown-broker .dropdown-menu li input,
    .dropdown-broker .dropdown-menu li label {
        vertical-align:middle;
    }
.divpager-broker .pagination{
    margin:0px;
}
.st-table  .table > tbody > tr > td, .st-table  .table > tbody > tr > th {
    padding: 4px 4px;
}
.fst-web td .form-control {
    display:inline-block;
}
.cust-infos-table td{
        padding: 4px 4px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
}

.btnIpSec input[type="submit"]:disabled {
    opacity:0.8;
    cursor: not-allowed;
}
.btn-ip{
       border: none;
    font-family: inherit;
    font-size: 13px;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 16px 14px;
    display: inline-block;
    margin: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-2 {
   
    background: #17aa56;
    color: #fff;
    box-shadow: 0 6px #119e4d;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.btn-3 {
    background: #cb4e4e;
    color: #fff;
    box-shadow: 0 6px #ab3c3c;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    margin-left:10px;
}
.btn-ip:hover {
     opacity:0.5 !important;
}
.edit-table-height {
    max-height:550px;
    overflow:auto;
}
.disableClick{
    pointer-events: none;
}
.fourqIconBtnSec li a[disabled=disabled] {
/*pointer-events: none;*/
}
.fourqIconBtnSec li a[disabled] {
    /*content: '';
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;*/
      cursor: not-allowed;
}
.fourqIconBtnSec li a[disabled]:hover {
    cursor:not-allowed
 }
.fourqt-title .cn-new {
        background: #177fb7;
    display: inline-block;
    padding: 2px 7px;
    color: #fff;
    border-radius: 12px;
    font-size: 12px;
    text-transform: capitalize;
}
.chart-wrap table.table-fourqt td, .chart-wrap table.table-fourqt th {
    font-size: 10px;
    padding: 4px 2px;
}
.sbd {
    display:table;
}
.sbCol {
    display:table-cell;
    vertical-align:middle;
    padding-right:10px
}