@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,600i,700');
@font-face {	font-family: "icofont";	src: url("../font/icofont.ttf");}
@font-face {	font-family: "arial";	src: url("../font/arial.ttf");}
html, body {
    min-height: 100%!important;
}
body {
    font-family: "arial";
    background: url(../images/bg1.png);
    width: 100%;
    MIN-HEIGHT: 100%;
    background-repeat: no-repeat;  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed; 
    position: relative;  
    overflow-x: hidden;		
}
ul {
    padding: 0px;
    MARGIN: 0PX;
}
li {
    list-style-type: none;
    display: inline-block;
}
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a:hover,
a:focus,
input:focus,
textarea:focus,
button:focus,
select:focus {
    outline: none;
    text-decoration: none;
}
h1 {
    letter-spacing: 3px;
    word-spacing: 4px;
    color: #252525;
    font-size: 30px;
    font-weight:600;
}
h4 {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 2px;
    text-align: center;
    color: #252525;    text-transform: capitalize;
    width: 100%;
    display: block;
    margin: 0 auto;
}
.align-center-row {
    HEIGHT: 573PX;
    position: relative;
}
.rq-found{         position: absolute;
                   transform: translate(-50%,-50%);
                   -webkit-transform: translate(-50%,-50%);
                   -moz-transform: translate(-50%,-50%);
                   top: 50%;
                   LEFT: 50%;}
select{    color: #777777;}
/*header*/
header {
    height: 80px;
    background: #0084c7;
}
.header-title span {
    font-size: 31px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 80px;
    float: right;
    /* margin-right: 54px; */
    width:100%;
}
.header-toggle {
    float: left;
    width: 20%;
    height: 30px;
}
.header-title {
    text-align: center;
    color: #fff;
    float: left;
    width: 100%;
}
.header-logo {
    float: right;
}
.header-toggle i {
    font-size: 17px;
    color: #fff;
    margin-left: 11px;
    line-height: 80px;    cursor: pointer;
    margin-top: -2px;
}
.lo{    LEFT: 0PX;
        RIGHT: 0PX;
        width: 195PX;     display: block;
        height: 45px;    margin: 41px auto 0px;
        border-radius: 29px;
        letter-spacing: 2px;    color: #fff;
        box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
        -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
        -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px;
        background: #26a69a;
        font-size: 14px;
        font-weight: 500;}
/*header*/
/*pages*/
.welcome-broker {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.welcome_broker {
    width: 1228px;
    margin: 0 auto;
    height: 437px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    position: relative;
    position: absolute; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); 
    background: #ffff;
    background: rgb(255, 255, 255);
}
.R_U_S_P button:nth-of-type(1) {
    width: 189px;
}
.welcome_broker button {
    height: 45px;
    border-radius: 29px;
    border: 0px;
    background: red;
    letter-spacing: 1px;
    font-weight: 500;
    background: #0084c7;
    color: #fff;
}
.R_U_S_P button {
    margin-right: 16px;
}.login-ariel{    position: relative;    min-height: 89vh;}
.welcome_broker p {
    float: left;
    width: 100%;
    text-align: center;
    letter-spacing: 2px;
}
.R_U_S_P button:nth-of-type(2) {
    width: 282px;
}
.R_U_S_P button:nth-of-type(3) {
    width: 282px;
}
.R_U_S_P button:nth-of-type(4) {
    width: 189px;
}
.R_U_S_P-LOG-OFF button {
    width: 197px;
    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    letter-spacing: 1px;
    background: #26a69a;
    margin: 0 auto;word-spacing: 3px;
    display: block;
}
.R_U_S_P-LOG-OFF   button a{color:#fff;
}
.R_U_S_P-LOG-OFF {
    margin-top: 40px;
}
.welcome_broker p:nth-of-type(1) {
    margin-top: 67px;
    font-size: 18px;
    font-weight: 300;Text-transform: capitalize;
}
.welcome_broker p:nth-of-type(2) {
    font-size: 36px;
    letter-spacing: 4px;
    font-weight: 700;
    word-spacing: 0px;
    margin-top: 5px  ;  text-transform: capitalize;
}
.R_U_S_P {
    width: 1029px;
    padding-top: 40px;
    margin: 0px auto;
    clear: left;
}
.R_U_S_P li:nth-of-type(1) a {
    width: 189px;
    background: #0084c7;
    display: block;
    text-align: center;
    border-radius: 29px;
    height: 45px;
    color: #fff;
    line-height: 45px;
}
.R_U_S_P li:nth-of-type(2) a {
    width: 289px;
    background: #0084c7;
    display: block;
    text-align: center;
    border-radius: 29px;
    line-height: 45px;
    color: #fff;
}
button {
    border: 0px;
}
.R_U_S_P li:nth-of-type(3) a {
    width: 289px;
    background: #0084c7;
    display: block;
    text-align: center;
    border-radius: 29px;
    line-height: 30px;
    color: #fff;
    height: 45px;
    display: block;
    padding-bottom: 5px;
    padding-top: 8px;
}
.R_U_S_P li:nth-of-type(4) a {
    width: 189px;
    background: #0084c7;
    display: block;
    text-align: center;
    height: 45px;
    border-radius: 29px;
    line-height: 45px;
    color: #fff;
}
.R_U_S_P li a {
    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
    word-spacing: 2px;
}
.db-notfound h1 {
    text-align: center;
    margin-top: 40px;
}
.db-notfound P {
    font-size: 16px;
    TEXT-ALIGN: CENTER;
    LETTER-SPACING: 2PX;
    font-weight: 400;
    MARGIN-TOP: 42PX;
}
.rq-layer1 li:nth-of-type(1) a {
    height: 45px;
    width: 107px;
}
.rq-layer1 a {
    color: #fff;
    border-radius: 29px;
    letter-spacing: 1px;
    line-height: 45px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    word-spacing: 3px;
    background: #0084c7;
    display: block;
    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
}
.rq-layer1 li:nth-of-type(2) a {
    width: 392px;
    background: rewd;
    background: #0084c7;
    text-align: center;
    height: 45px;
}
.rq-layer1 li:nth-of-type(3) a {
    width: 189px;
    background: #26a69a;
}
.rq-layer1 ul {
    width: 792px;
    margin: 30px auto 0px;
}
.rq-layer1 li {
    margin-right: 24px;
}
.R_U_S_P li {
    margin-right: 15px;
}
.login {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.on-login {
    margin: 0 auto;
    width: 802px;
    height: 363px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    BORDER-RADIUS: 10PX;
    box-shadow: 1px 3px 24px -2px rgba(183, 179, 179, 0.788235294117647);
    -webkit-box-shadow: 1px 3px 24px -2px rgba(183, 179, 179, 0.788235294117647);
    -moz-box-shadow: 1px 3px 24px -2px rgba(183, 179, 179, 0.788235294117647);
}
.login-sec1 {
    width: 299px;
    float: left;
    position: relative;
    border-bottom-left-radius: 9px;
    background: url(../images/Login_03.png);
    height: 363px;
}
.login-sec1 span {
    position: absolute;
    top: 42%;
    left:0;
    color: #fff;
    font-size: 26px;
    letter-spacing: 4px;
    font-weight: 700;
    word-spacing: 2px;
    width: 100%;
    text-align: center;
}
input {
    border: 0px;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
}
.login-form {
    float: left;
    width: 406px;
    margin: 67px auto 0px;
    margin-left: auto;
    padding: 10px;
    display: block;
    margin-left: 49px;
}
.request-form input {
    text-align: left;
    padding-left: 26px;
    letter-spacing: 2px;
    BACKGROUND: transparent;
    border-bottom: 1px solid rgba(228, 219, 219, 0.8);
    padding-bottom: 10px;
}
.request-form label {
    margin-top: 21px;
}
.request-form button {
    float: left;
    margin: 24px auto 0px;
}
.login input {
    display: block;
    width: 100%;
    position: relative;
    top: 12px;
    text-align: center;
}
.login input {
    display: block;
    padding-bottom: 12px;
    width: 100%;
    border-bottom: 1px solid hsla(0, 14%, 88%, 0.8);
    text-align: center;
}
.login-form input:nth-of-type(1) {
    margin-bottom: 30px;
    position: relative;
    top: 7px;
}
form button {
    width: 220px;
    margin: 53px auto 0px;
    display: block;
    height: 45px;
    border-radius: 29px;
    letter-spacing: 2px;
    color: #fff;
    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px;
    background: #0084c7;
}
.login-form a {
    font-size: 12px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.71);
    text-align: center;
    margin: 35px auto 0px;
    display: block;
    word-spacing: 2px;
}
.request-owner {
    padding: 60px 0px 60px 0px;
}
.rq-layer1 {
    width: 1227px;
    padding-bottom: 72px;
    padding-top: 32px;
    margin: 0 auto;
    border: 1px solid rgba(0, 0, 0, 0.11);
    background: #fff;
}
.db-notfound .rq-layer1 {
    width: 1227px;
    height: 457px
}
.rq-layer2 {
    width: 657px;
    min-height: 416px;
    margin: 32px auto 0px;
    overflow-y: hidden;
    background: #f9f9f9;
    /* padding-top: 60px; */
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    padding-bottom: 45px;
}
.request-form {
    width: 471px;
    margin: 0 auto;
    padding-top: 18px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 300;
    letter-spacing: 3px;
    font-size: 18px;
}
.rq-layer2 button:nth-of-type(2) {
    POSITION: ABSOLUTE;
    BOTTOM: -71PX;
    background: #26a69a;
    LEFT: 0PX;
    RIGHT: 0PX;
    width: 189PX;
}
/* .rq-layer1 { */
/* position: absolute; */
/* top: 50%; */
/* left: 50%; */
/* transform: translate(-50%,-50%); */
/* -webkit-transform: translate(-50%, -50%); */
/* } */
.method {
    position: relative;
    height: 561px;
}
.er-msg {
    width: 1227px;
    height: auto;
    padding-top: 70px;
    PADDING-BOTTOM: 52PX;
    margin: 0 auto;
    border: 1px solid rgba(0, 0, 0, 0.11);
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}
.er-msg ul li {
    margin-right: 15px;
}
.er-msg ul {
    width: 958px;
    margin: 110px auto 0px;
}
.er-msg a {
    color: #fff;
    border-radius: 29px;
    letter-spacing: 1px;
    line-height: 45px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    word-spacing: 3px;
    background: #0084c7;
    display: block;
    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
}
.er-msg li:nth-of-type(1) a {
    width: 223px;
}
.er-msg li:nth-of-type(2) a {
    width: 481px;
}
.er-msg li:nth-of-type(3) a {
    width: 201px;
}
.er-msg h1 {
    text-align: center;
    margin-top: 21px;
    font-size: 36px;
}
.rq-layer1 p:nth-of-type(2) {
    /* 	display: none; */
}
.rq-layer1 br {
    display: none;
}
.alert-box {
    /* 	position: relative;
            width: 397px;
            background: #fff1c6;
            border: 1px solid #ffc107;
            border-radius: 6px;
            padding: 10px;
            height: 50px;
            line-height: 28px;
            display: none;
            margin: 50px auto 0px; */
}
.alert-box {
    position: absolute;
    width: 397px;
    background: #fff1c6;
    border: 1px solid #ffc107;
    border-radius: 6px;
    padding: 10px;
    height: 50px;
    line-height: 28px;
    display: none;
    margin: 0 auto;
    margin-top: 0px;
    left: 0;
    right: 0;
    margin-top: 31px;
}
.ti-close {
    position: absolute;
    right: 9px;
    top: 0p;
    cursor: pointer;
    top: 9px;
    color: #ffc107;
}
.ti-alert {
    float: left;
    line-height: 28px;
    color: #ffc107;
    font-size: 16px;
    margin-left: 21px;
}
.alert-box p {
    float: left;
    margin: 0px;
    text-align: center;
    font-size: 14px;
    margin-left: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #555555;
}
.rq-layer1 label {
    color: #777777;
}
.rq-found {
    width: 1227px;
    height: auto;
    padding-top: 32px;
    PADDING-BOTTOM: 73px;
    margin: 0 auto;
    border: 1px solid rgba(0, 0, 0, 0.11);
    background: #fff;
}
.rq-found ul {
    width: 722px;
    margin: 30px auto 0px;
}
.rq-found ul {
    width: 869px;
    margin: 25px auto 0px;
}
.db-found h1 {
    text-align: left;
    margin-top: 40px;
}
.rq-found li {
    margin-right: 15px;
}
.rq-found li:nth-of-type(1) a {
    height: 45px;
    width: 107px;
}
.rq-found a {
    color: #fff;
    border-radius: 29px;
    letter-spacing: 1px;
    line-height: 45px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    word-spacing: 3px;
    background: #0084c7;
    display: block;
    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
}
.rq-found li:nth-of-type(2) a {
    width: 396px;
    background: rewd;
    background: #0084c7;
    text-align: center;
    height: 45px;
}
.rq-found li:nth-of-type(3) a {
    width: 189px;
    background: #26a69a;
}
.db-found P {
    font-size: 16px;
    TEXT-ALIGN: left;
    LETTER-SPACING: 2PX;
    color: #252525;
    font-weight: 400;
    MARGIN-TOP: 42PX;
    float: left;
}
.rq-found p:nth-of-type(1) {
    display: none;
}
.owner-details {
    width: 678px;
    margin: 0 auto;
}
.owner-details li {
    display: block;
    margin-bottom: 7px;
    float: left;
    width: 100%;
}
.owner-details li span {
    font-size: 12px;
}
.owner-details li span:nth-of-type(1) {
    color: #777777;
    text-transform: uppercase;
    word-spacing: 1px;
    float: left;
    width: 163px;
}
.owner-details li span:nth-of-type(2) {
    color: #333333;
    float: right;
    font-size: 18px;
    width: 563px;
    left: 18px;
}
.owner-details ul {
    width: 780px;
    float: left;
}
.request-button {
    position: relative;
    clear: left;
    left: 18px;
    top: 19px
}
.up-text {
    position: relative;
    top: 0px!important;
    transition: .5s ease;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
}
.un-label {
    float: left;
    width: 100%;
    position: relative;
    top: -12px;
}
.un-pass {
    clear: LEFT;
    FLOAT: LEFT;
    WIDTH: 100%;
}
.upload-img-popup-bg {
    width: 100%;
    height: 100%;
    background: rgba(21, 19, 19, 0.3411764705882353);
    display: none;
    position: fixed;
    z-index: 1;
    top: 0px;
}
.upload-img-popup {
    width: 647px;
    height: auto;
    background: #fff;
    margin: 0 AUTO;
    POSITION: ABSOLUTE;
    TOP: 50%;
    LEFT: 50%;
    TRANSFORM: TRANSLATE(-50%, -50%);
    -webkit-transform: TRANSLATE(-50%, -50%);
    -moz-transform: TRANSLATE(-50%, -50%);
    border-radius: 10px;
    padding-bottom: 14px;
}
.upload-img-popup .ti-close {
    position: absolute;
    right: 18px;
    top: 0p;
    cursor: pointer;
    top: 15px;
    color: #0084c7;
}
.login-form input {
    display: block;
    border: none;
    border-bottom: 1px solid hsla(0, 14%, 88%, 0.8);
    -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    /* background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%,#0084c7); */
    /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #0084c7 4%); */
    /* background-position: -200px 0; */
    /* background-size:406px 100%; */
    background-repeat: no-repeat;    text-align:center;
    color:  #777777;
}
.login-form input::-webkit-input-placeholder {
    text-align:center!important;
}
.login-form  input:focus, input:valid {
    box-shadow: none;
    outline: none;
    background-position: 0 0;
}
.login-form  input::-webkit-input-placeholder {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.login-form input:focus::-webkit-input-placeholder, input:valid::-webkit-input-placeholder {
    color: #777777;
    font-size: 18px;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    visibility: visible !important;
}
.on-transform{
    position: relative;
    height: 574px;
}
/*toggle*/      /*toggle-menu*/		
.bg-width{  
    width: 32px; 
    height: 32px; 
    position:relative; 
    background: #0084c7;  
    position: gf;  
    position: fixed;   
    top: 16px;   
    z-index: 111;}
.button-width{  
    margin-left: 6px!important;  
    top: 20px!important;}	
/* .bg-width:before{position:absolute;content:"";border-bottom:20px solid red;border-left:20px solid transparent;} */		
.nav .open > a { background-color: transparent; 
}.nav .open > a:hover { background-color: transparent; }
.nav .open > a:focus { background-color: transparent; }
/*-------------------------------*//*           Wrappers            *//*-------------------------------*/
#wrapper {  
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    -webkit-transition: all 0.5s ease; 
    padding-left: 0; 
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;}
#wrapper.toggled { 
    margin-left: 250px; 
}
#wrapper.toggled #sidebar-wrapper { 
    width: 250px; 
}
#wrapper.toggled #page-content-wrapper {  margin-right: -220px;  position: absolute;}
#sidebar-wrapper {  
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    -webkit-transition: all 0.5s ease;
    background: #1a1a1a;  height: 100%; 
    left: 220px;  margin-left: -220px; 
    overflow-x: hidden;  overflow-y: auto; 
    -webkit-transition: all 0.5s ease; 
    transition: all 0.5s ease;  width: 0; 
    z-index: 1000;}
#sidebar-wrapper::-webkit-scrollbar {
    display: none;
}
#page-content-wrapper { 
    width: 100%;
}
.sidebar-brand a {  
    background: #0084c7!important;}
/*-------------------------------*//*     Sidebar nav styles        *//*-------------------------------*/
.sidebar-nav {
    list-style: none; 
    margin: 0;  padding: 0; 
    position: absolute; 
    top: 0;  width: 250px;}
.sidebar-nav li { 
    display: inline-block;
    line-height: 20px; 
    position: relative; 
    width: 100%;  
    margin-bottom: 18px;
}
.sidebar-nav li:before { 
    -moz-transition: width 0.2s ease-in; 
    -ms-transition: width 0.2s ease-in;  
    -webkit-transition: width 0.2s ease-in; 
    background-color: #1c1c1c; 
    content: '';  height: 100%; 
    left: 0;  position: absolute;  top: 0; 
    -webkit-transition: width 0.2s ease-in; 
    transition: width 0.2s ease-in; 
    width: 3px;  z-index: -1;}
.sidebar-nav li:first-child a {  
    color: #ffffff!important; 
    font-size: 24px;  
    font-weight: 700;  
    letter-spacing: 2px; 
    padding-left: 0px;
    text-align: center;	
    padding: 18px 10px 17px 10px;
}
.sidebar-nav li:before { 	
    /* 	 background-color: #0084c7; */}
.sidebar-nav li:hover:before { 
    /* 	 -webkit-transition: width 0.2s ease-in;
             transition: width 0.2s ease-in;  width: 100%; */}
.sidebar-nav li a {  
    color: #fff;  
    display: block; 
    padding: 10px 15px 10px 15px; 
    text-decoration: none; 
    letter-spacing: 1px;}
.sidebar-nav li.open:hover before {  -webkit-transition: width 0.2s ease-in;  transition: width 0.2s ease-in;  width: 100%;}
.sidebar-nav .dropdown-menu {  background-color: #222222;  border-radius: 0;  border: none;  box-shadow: none;  margin: 0;  padding: 0;  position: relative;  width: 100%;}
.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus { color: #0084c7;
                                                                                                                                                                        background:transparent;   text-decoration: none;}
.sidebar-nav > .sidebar-brand {  font-size: 20px;  height: 65px;  line-height: 44px;}
/*-------------------------------*//*       Hamburger-Cross         *//*-------------------------------*/
.hamburger { 
    background: transparent; 
    border: none; 
    display: block;
    height: 25px;  
    margin-left: 37px;
    top: 29px;  
    /* 	 position: relative; */
    position: absolute; 
    float:left;  
    width: 17px;  
    z-index: 999;
}
.hamburger:hover { outline: none; }.hamburger:focus { outline: none; }.hamburger:active { outline: none; }
.hamburger.is-closed:before {  -webkit-transform: translate3d(0, 0, 0);  -webkit-transition: all 0.35s ease-in-out;  color: #ffffff;  content: '';  display: block;  font-size: 14px;  line-height: 32px;  opacity: 0;  text-align: center;  width: 100px;}
.hamburger.is-closed:hover before {  -webkit-transform: translate3d(-100px, 0, 0);  -webkit-transition: all 0.35s ease-in-out;  display: block;  opacity: 1;}
.hamburger.is-closed:hover .hamb-top {  -webkit-transition: all 0.35s ease-in-out;}
.hamburger.is-closed:hover .hamb-bottom {  -webkit-transition: all 0.35s ease-in-out;  }
.hamburger.is-closed .hamb-top {  -webkit-transition: all 0.35s ease-in-out;  background-color: #fff;  top: 5px;}
.hamburger.is-closed .hamb-middle {    background-color: #fff;    margin-top: -3px;    top: 13px;}
.hamburger.is-closed .hamb-bottom {    -webkit-transition: all 0.35s ease-in-out;    background-color: #fff;    bottom: 8px;}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {    height: 2px;    left: 0;    position: absolute;    width: 100%;}
.hamburger.is-open .hamb-top {  -webkit-transform: rotate(45deg);  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);  background-color: #ffffff;  margin-top: -2px;  top: 50%;}
.hamburger.is-open .hamb-middle {  background-color: #ffffff;  display: none;}.hamburger.is-open .hamb-bottom {  -webkit-transform: rotate(-45deg);  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);  background-color: #ffffff;  margin-top: -2px;  top: 50%;}
.hamburger.is-open:before {  -webkit-transform: translate3d(0, 0, 0);  -webkit-transition: all 0.35s ease-in-out;  color: #ffffff;  content: '';  display: block;  font-size: 14px;  line-height: 32px;  opacity: 0;  text-align: center;  width: 100px;}
.hamburger.is-open:hover before {  -webkit-transform: translate3d(-30px, 0, 0);  -webkit-transition: all 0.35s ease-in-out;  display: block;  opacity: 1;}
.fixed{position:fixed;
       transition: all 0.5s ease;
       margin-left: 266px;
}
/*-------------------------------*//*          Dark Overlay         *//*-------------------------------*/
.overlay {  position: fixed;  display: none;  width: 100%;  height: 100%;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: rgba(0, 0, 0, 0.4);  z-index: 11;}		        /*toggle*/                    
/*pages*/
/*-------------------------------------added---------------------------------------*/
.nav.sidebar-nav li a:hover {
    color: #0084c7;
}
.er-msg ul li:nth-child(3) a {
    background: #26a69a;
}
/* .rq-layer1 p:nth-of-type(1) { */
/* color: #ff4c4c; */
/* } */
.request-form button a {
    box-shadow: none;
}
.logoff a {
    background: transparent;
    box-shadow: none;
}
.login-form .frmbtn {
    width: 220px;
    margin: 53px auto 0px;
    display: block;
    height: 45px;
    border-radius: 29px;
    letter-spacing: 2px;
    color: #fff;
    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px;
    background: #0084c7;
    font-size: 14px;
    font-weight: 500;
    line-height: 44px;
}
.welcome_broker  .lgoffbtn
{
    width: 197px;
    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    letter-spacing: 1px;
    background: #26a69a;
    margin: 0 auto;
    word-spacing: 3px;
    display: block;
    font-size: 18px;
    height: 45px;
    border-radius: 29px;
    border: 0px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 44px;
}
.lgofbtn.lo {
    background: #26a69a;    font-size: 18px;
    font-weight: 700;
}
.rqlogoff {
    width: 220px;
    display: block;
    height: 45px;
    margin-top: 29px;
    float: right;
}
.request-owner .req_btn{    color: #fff;
                            border-radius: 29px;
                            letter-spacing: 1px;
                            line-height: 45px;
                            text-align: center;
                            font-weight: 500;
                            font-size: 14px;
                            word-spacing: 3px;
                            background: #0084c7;
                            display: block;
                            box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                            -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                            -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);} 
.manage-account li:nth-of-type(2) a{   background: #26a69a;
}
.text-danger span{
    color: rgb(245, 11, 6);
    background: none !important;
}
/*new*/
.list-table .dataTables_processing {    
    background-color: #0084c7!important;
    border: 1px solid transparent!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    color: #fff!important;
    letter-spacing: 2px!important;
    font-weight: 500!important;
    border-radius: 29px}
.login-form  .text-danger {
    text-align: center;
    letter-spacing: 1px;
    text-transform: capitalize;
    word-spacing: 0px;
}
.ti-trash{    color: rgb(255, 0, 0);}
div.dataTables_wrapper div.dataTables_length select {
    border: 0px!important;
}
.bootbox-body{text-align:center;}
.center{       text-align: center;
               margin: 0 auto 4px;
               display: block;
               padding: 10px;
               background: rgba(212, 226, 193, 0.91);
               background-color: #dff0d8;
               color: #3c763d;}
.login-form .center {position: relative;
                     top: -15px}
.upload-img-popup .center{width:340px;}
.alert-dismissable{
    position: relative;
}
.closebtn{
    position: absolute;
    right: 14px;
    top: 6px; cursor:pointer;
    font-size: 17px;
}
.alert-danger{    WIDTH: 394PX;
                  MARGIN: 0 AUTO 27PX;
                  TEXT-ALIGN: CENTER;}
/* .manage-account li:nth-of-type(2) a{    width: 191px;} */
.manage-account li:nth-of-type(2) a{    width: 355px;}
.manage-account ul{    width: 970px;
                       margin: 110px auto 0px;}
/* .manage-account ul{    width: 504px; */
/* margin: 110px auto 0px;} */
.required{    color: rgb(255, 0, 0);
              font-size: 13px;    position: relative;
              top: -5px;
}
.v1-data table th:nth-of-type(1){
    padding-left: 25px;
}
.v1-data table tr .sorting_1{
    padding-left: 25px;
}
.R_U_S_P a{font-weight:bold!important; }
.R_U_S_P-LOG-OFF a{font-weight:bold!important; }
.acct-log-off a:focus{color:#fff!important; font-weight:bold!important;   }
/*Drag and Drop*/
.file_drag_div {
    width: 100%;
    float: left;
    padding: 35px;
}
.file_drag_div #dragAndDropFiles {
    border: 2px dashed rgb(191, 191, 191);
    border-radius: 5px;
    /* margin-right: 19px; */    background: #f9f9f9;
    min-height: 146px;
    text-align: center;
    position: relative;
    width: 448px;    border-radius: 10px;
    margin: 15px auto 0px;
}
.file_drag_div #demoFiler{
    position: relative
}
.file_drag_div h3{
    font-size: 24px;
    color: #8c9196;
    padding: 40px 0px;
}
#multiUpload {
    text-align: left;
    display: initial;
    border-radius: 5px !important;
    cursor: pointer;
}
.FileUpload {
    opacity: 0;
    position: relative;
    z-index: 1;
}
.dropZoneOverlay span {
    POSITION: ABSOLUTE;
    LEFT: 0PX;
    RIGHT: 0PX;text-transform: uppercase;
    TOP: 1PX;
    color: rgb(2, 119, 189);    LETTER-SPACING: 2PX;
    text-align: center;
    font-weight: 500;
}
.dropZoneUpload
{
    width: 130px;
    /*margin: 0 auto;*/
    position: relative;
    /*top: 13px;*/
    background: #0084c7;    font-weight: 700!important;
    height: 40px;
    padding-top: 10px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    text-align: center;
}
/*add account*/
.add-user
{
    position: relative;    PADDING: 60PX 0PX;
    width: 100%;
}
.add-user-titile{
    font-size: 20px;
}
.user-step-one
{
    float: left;
    width: 70%;
    margin: 0px auto;
}
.user-step-one div
{
    /* margin-bottom: 15px; */
}
.add-user label
{
    margin-right: 9px;
    margin-top: 9px;
    font-size: 18px;
    color: #85868d;
    color: #777777; font-weight:400;
}
.user-form button {
    background: rgb(2, 119, 189);
    color: #fff;
    border-radius: 29px;
    border: 0px;
    margin-top: 24px;
    height: 39px;
    /* margin-right: 50px; */
    width: 180px;
    font-size: 14px;
    /* float: left; */
    font-weight: 600;
    float: left;
}
button{   font-weight: 700!important;      font-size:18px;}
.view_manqaer a{    font-weight: 700!important;}
.er-upload a{font-weight: 700!important;}
.adduser_page a{      
    margin-top: 29px;
    margin-left: 50px;
    /* background: rgb(2, 119, 189); */
    /* color: #fff; */
    border-radius: 29px;
    border: 0px;
    margin-top: 24px;
    height: 39px;
    /* margin-right: 50px; */
    /* float: left; */
    letter-spacing: 2px;
    font-weight: 500;
    /* box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36); */
    /* -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36); */
    /* -moz-box-shadow: 4.092px 4.388px 4.95px;*/
    text-align: center;
    line-height: 39px;
    font-weight: bold;
    font-size:18px;
}
/* .edit-user a { */
/* position: absolute; */
/* bottom: 41px; */
/* left: 6px; */
/* } */
.db-base{      /* float: left; */
    margin-top: 29px;
    margin-left: 50px;
    background: rgb(2, 119, 189);
    color: #fff;
    border-radius: 29px;
    border: 0px;
    margin-top: 24px;
    height: 39px;
    /* margin-right: 50px; */
    width: 180px;
    font-size: 14px;
    /* float: left; */
    letter-spacing: 2px;
    font-weight: 500;
    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 4.092px 4.388px 4.95px;
    text-align: center;
    line-height: 39px   ;font-weight: 700!important;
    margin: 30px auto 0px;
    display: block;
    font-size: 18px;
}
.db-base:hover{color:#fff;}
.db-base:focus{color:#fff;}
.db-base1{    margin-right: 45px;
              width: 158px!important;  box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
              -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
              -moz-box-shadow: 4.092px 4.388px 4.95px;
              background: #26a69a;}
.db-base1:hover{color:#fff;}
.db-base1:focus{color:#fff;}
.db-base1 {color:#fff;}
.file_drag_div p
{    
    font-size: 13px;
    letter-spacing: 2px;
    color: #777777;
    margin-top: 37px;
}
.dropZoneOverlay
{       
    POSITION: RELATIVE;
    top: 68px;
    width: 191px;
    cursor: pointer;
    margin:  0 AUTO;
}
#demoFiler span:nth-of-type(1){font-size:12px; letter-spacing:2px;}
.addedlink {
    color: #000000; 
    word-wrap: break-word;
    width: 100%;   height: auto;
    border: transparent;
}
.break-text{  word-wrap: break-word;}
#click-data3{
    cursor: pointer;
    height: auto;
}
.dropZoneUpload{font-size: 14px;
                letter-spacing: 2px;
                border-radius: 29px;
                font-weight: 400;
                width: 212px;
                height: 45px;
                text-transform: uppercase;
                padding-top: 0px;
                margin: 21px auto 0px;
                display: block;
                line-height: 5px;
                box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36)!important;
                -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36)!important;
                -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36)!important;
}
.acct-page input{   width: 100%;
                    /* border-radius: 29px; */
                    float: right;
                    /* border-bottom: 1px solid rgb(215, 218, 237); */
                    height: 28px;
                    padding-left: 17px;
                    padding-bottom: 0px;
}
/* .acct-align-center{    position: relative; */
/* height: 600px;} */
.adduser_page{    width: 1228px;
                  margin: 0 auto;
                  background: #fff;    border: 1px solid rgba(0, 0, 0, 0.11);
                  /* float: left; */
                  /* width: 100%; */
                  /* position: absolute; */
                  /* top: 50%; */
                  /* left: 50%;   */      
                  height: auto;
                  /* transform: translate(-50%,-50%); */
                  /* -webkit-transform: translate(-50%,-50%); */
                  padding: 15px 20px  86px 20px;}
.user-form{}
.form-data {width: 642px;
            margin: 0 auto;
            background: rgb(249, 249, 249);
            min-height: 460px;
            overflow-y: hidden;
            padding: 20px 20px 40px 63px;
            border: 1px solid rgba(0, 0, 0, 0.11);
            border-radius: 10px;}
.edit-user .form-data{    min-height: 348px;} 
.adduser_page  h1{text-align: center;
                  margin-bottom: 28px;}
.add-user  .user-name {
    float: left;
    width: 510px;
}
select{-webkit-appearance: none; -moz-appearance: none;background:transparent; cursor:pointer;  font-size:12px;}
.add-user  select{padding: 9px;
                  height: 45px;
                  width: 230px;    float: left;
                  width: 100%;    cursor: pointer; 
                  margin-top: 8px;    font-size: 18px;
                  border: 0px;
                  /* border: 1px solid red;  */letter-spacing: 2px;
                  border: 1px solid rgba(228, 219, 219, 0.8);}
.dataTables_length select:focus{  box-shadow:none;-webkit-box-shadow:none;}
select{background: url(../images/Open-an-account_03.png);
       background-repeat: no-repeat;
       background-position: right 20px center; background-position-x: 96%;
       background-position-y: 54%;}
.v1-data .ti-arrow-left{margin-right: 12px;}  
.vary-height1{    height: auto;}
.vary-height{    height: auto;}
.alert-dismissable  span{    text-align: left;} 
.alert-dismissable p{margin-left: 80px;     letter-spacing: 1px;}
.acct-page  input{background:transparent; border-bottom: 1px solid rgba(228, 219, 219, 0.8); letter-spacing: 2px;}
.list-table{    position: relative;
                HEIGHT: auto;
                border: 1px solid rgba(0, 0, 0, 0.11);
                width: 1182px;
                background: #fff;
                margin: 0 auto;
}
/* .dataTables_wrapper{    position: absolute; */
/* top: 50%; */
/* left: 50%; */
/* TRANSFORM: TRANSLATE(-50%,-50%);   -WEBKIT-TRANSFORM: TRANSLATE(-50%,-50%);-MOZ-TRANSFORM: TRANSLATE(-50%,-50%); */
/* WIDTH: 1228PX;} */
.v1-data{    padding: 60px 0px;}
/* .dataTables_wrapper{position: absolute; */
/* top: 50%; */
/* left: 50%; */
/* TRANSFORM: TRANSLATE(-50%,-50%); */
/* WIDTH: 1228PX; */
/* background: #fff; */
/* } */
.v1-data .dataTables_wrapper .row:nth-of-type(1){
    padding: 15px 21px 3px 21px;
}
.v1-data .dataTables_wrapper .row:nth-of-type(1) .col-sm-6:nth-of-type(1){float: right;}
.dataTables_length{    text-align: right;
                       float: right;}
.dataTables_length select{background:  #0084c7 url(../images/arr.png); color:#fff;
                          background-repeat: no-repeat;
                          background-position: right 12px center;}
.dataTables_length select option{background:#fff; color:#000;}
.dataTables_length label{
    font-size: 14PX;
    COLOR: #555555;
    FONT-WEIGHT: bold!important;}
.dataTables_wrapper th{font-size: 14px;     background: #f1f1f1;
                       font-weight: bold;
                       color: #333333;     height: 31px;}
.dataTables_wrapper td{
    font-size: 18px;
    font-weight: 400;
    color:#777777;}
.list-table .col-sm-12,.col-sm-6{padding:0px; }
.list-table .row{margin:0px; }
.dataTables_wrapper th{ text-align: left;}
.dataTables_wrapper td{letter-spacing: 1px;
                       height: 34px;    text-align: left;
                       vertical-align: middle!important;}
#list-account_wrapper {
    box-shadow: 0px 0px 3px 2px rgba(210, 208, 208, 0.52);
    -webkit-box-shadow: 0px 0px 3px 2px rgba(210, 208, 208, 0.52);
    -moz-box-shadow: 0px 0px 3px 2px rgba(210, 208, 208, 0.52);
}
.list-view{width: 1228px;
           margin: 0 auto;
           background: #fff;
           height: auto;
           /* float: left; */
           padding: 11px 20px 37px 20px;
           border: 1px solid rgba(0, 0, 0, 0.11);}
.v1-data .row:nth-of-type(3){margin-top: 0px;
                             /* margin-bottom: 31px; */
                             padding-bottom: 4px;
                             padding-top: 10px;
                             border-top: 1px solid #ddd;} 
.v1-data div.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
    letter-spacing: 1px;font-weight: 700;
}
.modal-title{
    font-weight: 500;}
.bootbox-body {
    letter-spacing: 2px;
    color: #EE7276;
}
.bootbox button:focus{outline:none!important;}
.bootbox .modal-footer button{    width: 108px;
                                  border-radius: 29px;}
td:focus{outline:none;}
.btn-success.focus, .btn-success:focus {
    color: #fff;
    background: #0084c7!important;
    border-color: #0084c7!important;
}
.row{margin:0px;}
.v1-data   tr:last-child td{border-top: 1px solid #ddd;}
/*new*/
.view-upload{position: relative;
             height: 580px;}
.upload-img-popup .alert{    WIDTH: 394PX;
                             MARGIN: 32px AUTO 0PX;
                             TEXT-ALIGN: CENTER;}
.ti-ink-pen{color: #26a69a;    margin-right: 11px;}
.v1-data   h1{    text-align: center;    margin-bottom: 24px;}
p.error{
    color: rgb(255, 0, 0);float:left;
} 
.mobile-dataview{display:none;}
.upload-method{position: relative;
               height: 561px;}
input{    word-wrap: break-word;
          word-break: break-word;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
}
@keyframes autofill {
    100% {
        background: transparent;
        color: #777777;
    }
}
@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: #777777;
    }
}
.owner-details .tooltip {
    position: relative;
    display: inline-block;
}
.owner-details .tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    /* opacity: 0; */
    /* transition: opacity 0.3s; */
}
.owner-details .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.owner-details .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}	
.db-found .align-center-row {
    HEIGHT: 601PX;
    position: relative;
}
.tooltiptext{color:red;}
.click-data{position:relative;
            LEFT: 0PX!important;}
.click-data1{position:relative;
             LEFT: 0PX!important;}
.click-data2{position:relative;
             LEFT: 0PX!important;}
.click-data input,.click-data1 input,.click-data2 input{        color: rgb(0, 0, 0);
                                                                cursor: pointer;
                                                                font-weight: 400;}
.manage-list:hover{color:#fff;}
.text1 {
    position: absolute;
    BOTTOM: 27px;
    /* padding: 10px; */
    padding: 10px;
    right: 0PX;opacity: 1!important;
    LEFT: 40PX;
    width: 67px !important;
    height: 25px;
    background: #000;
    line-height: 4px;
    /* OPACITY: 0.6; */
    letter-spacing: 1px;
    display: block;
    color: #fff!important;
    text-align: center;
    Z-INDEX: 1;
}
.text1:before {
    position: absolute;
    content: "";
    left: 0PX;
    border-right: 12px solid black;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    BOTTOM: -2px;
    transform: rotate(27deg);
    -moz-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    RIGHT: 33PX;
}
.text2{
    top: -28px;
    position: absolute;
    BOTTOM: 33px;
    /* padding: 10px; */
    padding: 10px;
    right: 0PX;
    /* LEFT: 0PX; */
    width: 67px !important;
    height: 25px;
    opacity: 1!important;
    background: #000;
    line-height: 4px;
    /* OPACITY: 0.6; */
    letter-spacing: 1px;
    display: block;
    color: #fff!important;
    text-align: center;
    Z-INDEX: 1;}
.text3{
    position: absolute;
    top: -26px;
    /* padding: 10px; */
    padding: 10px;
    /*right: -30PX;*/
    /* LEFT: 77PX; */
    opacity: 1!important;
    width: 67px !important;
    height: 25px;
    background: #000;
    line-height: 4px;
    /* OPACITY: 0.6; */
    letter-spacing: 1px;
    display: block;
    color: #fff!important;
    text-align: center;
    Z-INDEX: 1;}
.text2:before{      position: absolute;
                    content: "";
                    left: 0PX;
                    border-right: 12px solid black;
                    border-top: 6px solid transparent;
                    border-bottom: 6px solid transparent;
                    BOTTOM: -2px;
                    transform: rotate(27deg);
                    -moz-transform: rotate(27deg);
                    -ms-transform: rotate(27deg);
                    RIGHT: 33PX;}
.text3:before{      position: absolute;
                    content: "";
                    left: 0PX;
                    border-right: 12px solid black;
                    border-top: 6px solid transparent;
                    border-bottom: 6px solid transparent;
                    BOTTOM: -2px;
                    transform: rotate(27deg);
                    -moz-transform: rotate(27deg);
                    -ms-transform: rotate(27deg);
                    RIGHT: 33PX;}
.upload-img-popup .center{position: relative;
                          top: 25px; }
.invalid {
    border: 1px solid red !important;
}
.dfiles {
    clear: both;
    border: 1px solid #ccc;
    background-color: #E4E4E4;
    padding: 3px;
    position: relative;
    height: 25px;
    margin: 3px;
    z-index: 1;
    width: 100%;
    opacity: 0.6;
    cursor: default;
}
.role-broker {
    background: #26a69a;
    color: #fff;
    padding: 5px 27px 5px 27px;
    border-radius: 29px;
}
.role-uploader{color:#fff;    background: #0084c7;
               padding: 5px 17px 5px 17px;
               border-radius: 26px;
               color: #fff;}
.role-general{color:#fff;    background: #db825e;
              padding: 5px 17px 5px 17px;
              border-radius: 26px;
              color: #fff;}
.role-admin {
    background: #836a84;
    color: #fff;
    padding: 5px 27px 5px 27px;
    border-radius: 29px;
}
.role-sales{color:#fff;    background: #a1a05e;
            padding: 5px 17px 5px 17px;
            border-radius: 26px;
            color: #fff;}
.found-yes{
    background: #6ea27ae6;
    padding: 5px 17px 5px 17px;
    border-radius: 26px;
    color: #fff;
}
.found-no{
    background: #e77e4d;
    padding: 5px 17px 5px 17px;
    border-radius: 26px;
    color: #fff;
}
.login-form .text-danger  span{background:none;  padding:0px; color:red;}
.uploader .alert-danger{   MARGIN: 40px AUTO 0PX;
                           TEXT-ALIGN: CENTER;letter-spacing: 1px;
} 
.uploader .alert-success {background: #fff1c6;MARGIN: 40px AUTO 0PX;color: #555555;letter-spacing: 1px;    WIDTH: 394PX;
                          border: 1px solid #ffc107; }
.uploader .alert-success  .closebtn{
    position: absolute;
    right: 14px;
    top: 0px;
    cursor: pointer;
    color: #ffc107;
    font-size: 23px;
}
.excel
{
    width: 22px;
    height: 22px;}
.adduser_page h1{width: 619px;
                 margin: 35px auto 35px;
                 text-align: lk;
                 text-align: left;}
.manage-list{    position: absolute;
                 right: 26%;
                 top: 86px;
                 width: 170px;
                 box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                 -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                 -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px;
                 font-size:18px;
                 color: #fff;
                 background: rgb(2, 119, 189);}
.edit-user h1{width:100%; text-align:center;}
.edit-user .form-data{position:relative;}
.upload-img-popup  .text-danger span{    color: #a94442;
                                         background-color: #f2dede!important;
                                         border-color: #ebccd1!important;}
.bootbox .modal-footer{     text-align: center; }
.page-direct{font-family: 'Oswald', sans-serif;}
.error-page{    background: url(../images/error-bg.png);
                height: ;
                /* width: 85%; */
                background-size: cover;
                BACKGROUND-REPEAT: no-repeat;
                background-attachment: fixed;}
.page-direct{  margin-top: 16px;}
.page-direct p{text-align: center; color:#fff;}
.page-direct span:nth-of-type(1){       font-size: 299px;text-shadow: 4px 4px 2px hsla(0, 75%, 5%, 0.58);text-shadow: 4px 4px 2px hsla(0, 75%, 5%, 0.58);
                                        letter-spacing: 18px;
}
.page-direct span:nth-of-type(2){   display: block;
                                    font-size: 30px;
                                    POSITION: RELATIVE;
                                    TOP: -39PX;
                                    letter-spacing: 2px;
}
.page-direct a{
    color: #fff;
    width: 151px;
    height: 45PX;
    background: #26a69a;
    DISPLAY: BLOCK;
    TEXT-ALIGN: CENTER;box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px;
    BORDER-RADIUS: 29PX;
    MARGIN: -4px AUTO;
    TEXT-ALIGN: CENTER;
    LETTER-SPACING: 1PX;
    LINE-HEIGHT: 45px;}
.edit-user  button{    
    margin-right: 40px; float:right;}
.msg-not-found{ color:rgb(255, 0, 0);}
.list-view{position:relative;}
.db-base1{  top: 0px;
            right: 0px;
            line-height: 43px;
            text-align: center;
            background: #0084c7;position: relative; float:left; margin-left:0px!important;
            height: 45px;
            letter-spacing: 1px;
            border-radius: 29px;}
/* .remove-wrapper{    margin-left:0px;} */
.db-base2{       position: absolute;
                 top: 20px;
                 width: 242px!important;
                 box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                 -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                 -moz-box-shadow: 4.092px 4.388px 4.95px;
                 color: #fff;
                 border-radius: 29px;
                 line-height: 46px;
                 letter-spacing: 1px;
                 height: 45px;
                 text-align: center;
                 background: #0277bd;
                 font-weight: 500;
                 right: 27px;
                 font-weight: bold!important;
                 font-size: 18px;
}
.db-base2:focus{color:#fff;}
.db-base2:hover{color:#fff;}
button{  font-size:18px!important;}
.req-owner-info{      width: 657px;
                      margin: 32px auto 0px;
                      background: #f9f9f9; overflow:initial;
                      height: auto;
                      padding-bottom: 126px;
}
/*version1b*/
.show-previous .R_U_S_P li:nth-of-type(1) a {
    width: 228px;}  
.show-previous .R_U_S_P li:nth-of-type(2) a {
    width: 323px;}
.show-previous .R_U_S_P li:nth-of-type(3) a {
    width: 316px;}
.show-previous .R_U_S_P-LOG-OFF a {
    width: 291px;width: 291px;
    display: block;
    height: 45px;
    border-radius: 29px;    font-size: 18px;
    text-align: center;
    line-height: 45px;
    color: #fff;}
.show-previous  .R_U_S_P li {
    margin-right: 11px;
}
.show-previous  .R_U_S_P {
    width: 923px;
}
.search-by-date-result .rq-layer2 {width: 793px;
}
.search-by-date-result .request-form {
    width: 670px;
}
.search-by-date-result p{
    color: rgba(255, 0, 0, 0.5882352941176471);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3px;
    margin-top: 33px;margin-bottom: 0px;
}
.search-by-date-result a:nth-of-type(1){
    width: 433px;}
.search-by-date-result a:nth-of-type(1){margin-top: 35px;}
.search-by-date-result a:nth-of-type(2){
    width: 417px;background:#26a69a;
    margin-top: 19px;}
.search-by-date-result a:nth-of-type(3){background:#26a69a;
                                        width: 421px;
                                        margin-top: 19px;
}
/* .search-by-date .request-form { */
/* width: 672px; */
/* margin: 0 auto; */
/* padding-top: 18px; */
/* } */
.search-by-date .request-form {
    width: 872px;
    margin: 0 auto;
    padding-top: 18px;
}
.search-by-date  p{    letter-spacing: 4px;
                       margin-top: 30px;
                       color: #777777;}
.search-by-date .c-search{
    width: 421px;
    margin: 24px auto 0px;
    float: left;}
.search-by-date button{ width:214px;float:left;margin-right: 19px; margin-top: 24px;}
.frm-1{width: 470px;    margin-top: -12px;}
.frm-2{width: 470px;}	
.search-by-date .rq-layer2{padding-bottom: 46px}
.search-by-date .rq-layer1{ PADDING-BOTTOM: 80PX;}
.search-by-number p{  
    color:#777777;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    margin-top: 33px;
}
.number-box{
    width: 1006px;
    min-height: 414px;
    overflow-y: hidden;
    margin: 32px auto 0px;
    background: #f9f9f9;
    /* padding-top: 60px; */
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.11);
}
.number-box .request-form {
    width: 892px;
}
.number-box a:nth-of-type(1){    width: 414px;
                                 float: left;word-spacing: 0px;
                                 margin-top: 27px;letter-spacing: 2px;
                                 margin-right: 25px;} 
.number-box a:nth-of-type(2){       float: left;
                                    width: 321px;    background: #26a69a;word-spacing: 0px;
                                    margin-top: 27px;}
.search-by-number .rq-layer1{    padding-bottom: 80px;}
.frm3{position: relative;    width: 470px;
}
.upload-details .rq-layer2 {
    width: 946px;
}
.upload-details  .request-form {
    width: 568px;
    margin: 0 auto;
    padding-top: 18px;
}
.view1{width: 271px;    clear: left;
       float: left;}
.view2{width: 271px;
       float:right ;}
.upload-details a:nth-of-type(1){    width: 296px;
                                     float: right;
                                     margin-top: 25px}
.upload-details a:nth-of-type(2){width: 261px;
                                 background: #26a69a;
                                 float: right;
                                 margin-top: 25px;}
.upload-details h1{text-align:center;    margin-left: -24px; }
.upload-details  .rq-layer1{    PADDING-BOTTOM: 80px;}
.search-by-date-result  .rq-layer1{    PADDING-BOTTOM: 80px;}
.arial-center-top{        position: relative;
                          height: 620px;}
.arial-center-top   .rq-layer1{    position: absolute;
                                   top: 50%;
                                   left: 50%;
                                   transform: translate(-50%,-50%);   -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%); ms-transform:translate(-50%,-50%);}
.search-by-date-result {
    padding: 28px 0px;
}
.search-by-date {
    padding: 70px 0px;
}
.arial-center-serach-number {
    position: relative;
}
.search-by-number {
    padding: 56px 0px;
}
.upload-view-center {
    position: relative;
}
.show-previous-viewings {
    position: relative;
    height: 580px;
}
.show-previous .welcome_broker {
    height: 457px;}
.sr-label{
    float: left;
    width: 322px;
}
.sr-label:nth-of-type(1){
    margin-right: 26px;
}
.search-by-date-result  .request-form input {
    margin-top: 0px;
}
.sr-name-view .rq-layer1  p{
    color:#777777;}
.request-form input{color:#777777; font-weight:400;}
.show-previous h1{text-align: center;
                  float: left;
                  width: 100%;
                  margin-top: 8px; font-size:36px;}
.upload-details{padding:70px 0px;}
.upload-details::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #777777; border-bottom:0px;
    opacity: 1; /* Firefox */
}
.upload-details:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #777777; border-bottom:0px;
}
.upload-details::-ms-input-placeholder { /* Microsoft Edge */
    color:#777777; border-bottom:0px;
}
.srch-enquiry{padding: 28px 0px;}
.upload-details  .rq-layer2 {
    height: auto;
    margin: 32px auto 0px;
    overflow-y: hidden;
    padding-bottom: 51px;
    margin: 32px auto 0px;
}
/* ---------------- For sticky header: class="float-panel"  ------------------*/
.float-panel {
    width:100%;background: #f6f6f6;z-index:300;transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}
.float-panel .content-area {margin:10px auto;}
/* when class="float-panel fixed" */
.fixed {padding:4px 0;animation:slide-down 0.7s;opacity:0.9;    top: 0px!important;}
/* @keyframes slide-down { */
/* 0% { */
/* opacity: 0; */
/* transform: translateY(-100%); */
/* }  */
/* 100% { */
/* opacity: 0.9; */
/* transform: translateY(0); */
/* }  */
/* } */
/*version1b*/
.acct-log-off{
    position: absolute;
    bottom: 78px;
    text-align: center;
    margin: 0 auto!important;
    right: 0px;
    margin-left: 0px;
    left: 0px; color:#fff!important;
    margin: 0 auto;
    display: block;
    /* float: none; */
    left: 0px;
    right: 0px;box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    width: 180px;
    background:#26a69a;
    width: 195px;
    background: #26a69a;
    font-size: 18px!important;
}
.break-data input{  word-wrap: break-word;}
.to_display_result .db-found .align-center-row {
    min-height: 805PX;
    position: relative;
}
/* .search-by-date .rq-layer2 { */
/* width: 871px;} */
.search-by-date .rq-layer2 {
    width: 1006px;
}
.search-by-date .arial-center-top {
    height: auto;
}
.search-by-date  .dtpicker-close{width:initial!important; float:none!important;}
.search-by-date .dtpicker-compButton {width:initial!important; float:none!important;}
.search-by-date  .dtpicker-components {background:none!important;}
.arial-center-serach-number #alert p{    margin-left: 0px; margin-top: 0px;}
.search-by-date #alert p{margin-left: 0px; margin-top: 0px;}
.echo-name{ width: 1228px;border: 1px solid rgba(0, 0, 0, 0.11);
            margin: 0 auto;
            background: #fff;   padding: 37px 20px 20px 20px;}
/* .broker-data {border: 1px solid #0000002e;box-shadow: 0px 7px 20px 1px rgba(187, 181, 181, 0.18823529411764706);} */
.broker-data  .col-sm-12{padding:0px;}
.broker-data .dataTables_wrapper{padding-top: 20px;}  
.echo-name p{    text-align: center;
                 margin-top: 0px;    text-transform: capitalize;font-size: 18px;
                 margin-bottom: 27px;}
.broker-data  table th{text-align:center;}
.broker-data  table td{text-align:center;}
.broker-data table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: 18px!important;
}
.broker-data .row:nth-of-type(3){border-top: 1px solid #ddd; padding:10px;}
.broker-data .row:nth-of-type(3) .col-sm-5 {font-size:18px!important;}
.broker-link a{WIDTH: 306px;
               background: #0084c7;
               text-align: center;
               color: block;
               color: #fff;
               height: 48px;
               letter-spacing: 1px;
               font-size: 18px;
               display: block;
               font-weight: bold;    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
               -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
               -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
               line-height: 48px;
               border-radius: 29px;
}
.broker-log-off{
    background: #26a69a!important;}
.broker-link li{
    margin-right: 13px;}
.broker-link{
    padding: 19px 0px 0px 0px;}
.broker-data div.dataTables_wrapper div.dataTables_processing {
    width: 238px;
    border-radius: 29px;
    background: #0084c7;
    color: #fff;
    font-size: 18px;
    height: 48px;
    line-height: 8px;
    padding: 20px;
}
#search-by-number button{    float: left;
                             margin-right: 20px;}
.show-previous .R_U_S_P-LOG-OFF a{background: #26a69a;
                                  margin: 0 auto;    letter-spacing: 1px;
                                  box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                  -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                  -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
}
.ui-widget-header {
    border: 1px solid #0084c7!important;
    background: #0084c7!important;
    color: #fff!important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #26a69a!important;
    background: #26a69a!important;
}
.ui-datepicker-prev{position:relative;}
.ui-datepicker-prev span:before{position: absolute;
                                content: "";
                                border-right: 7px solid transparent;
                                border-bottom: 9px solid #fff;
                                border-left: 7px solid transparent;
                                transform: rotate(-90deg);
                                top: 4px;
                                left: -1px;}
.ui-datepicker-next span:before{position: absolute;
                                content: "";
                                border-right: 7px solid transparent;
                                border-bottom: 9px solid #fff;
                                border-left: 7px solid transparent;
                                transform: rotate(90deg);
                                top: 4px;
                                left: 3px;}
.ui-datepicker-prev{    border: 1px solid #26a69a!important;
                        background: #26a69a!important;
                        color: #2b2b2b!important;}
.ui-datepicker-next{    border: 1px solid #26a69a!important;
                        background: #26a69a!important;
                        color: #2b2b2b!important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 0px;
    width: 1.8em;
    height: 1.8em;
}
.ui-state-default:hover{color:#fff!important;}	
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: #26a69a!important;
    background: #26a69a!important;
    font-weight: normal;
    color: #fff;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: #000!important;
}
.exit-btn a{    margin: 28px auto 10px;
                display: block;}	
.error-viewed{    color: rgb(255, 0, 0)!important;}
#search-by-name button{float: left;
                       margin-right: 20px;}
.inq-btn button {float:left;}
.inq-btn a{ background:#26a69a;}
.date-sr a{    margin-right: 18px!important;}
.uploader-btn a{background:#26a69a;}
.main-meu{float:left;width:100%;}
.main-meu li:nth-of-type(1){float: left;
                            width: 46%;}
.main-meu li:nth-of-type(2){
    float: right;
    width: 50%;
    PADDING-TOP: 18PX;    POSITION: INHERIT;
}
.main-meu li:nth-of-type(1) a{
    float: right;
    color: #fff;
    width: 269px;
    background: #0277bd;
    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
    -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
}
.main-meu li:nth-of-type(2) a{
    POSITION: INITIAL;
    float:left;
}
.search-by-date .rq-layer1 {
    position:relative;
    top: 0px;
    left: 0px;
    transform: translate(0%,0%); 
    -webkit-transform: translate(0%,0%); 
    -moz-transform: translate(0%,0%);
    ms-transform: translate(-50%,-50%);
}
.manage-link a{margin-right: 17px!important;}
.statistics{min-height: 287px;}
.broker-data {    box-shadow: 0px 0px 3px 2px rgba(210, 208, 208, 0.52);
                  -webkit-box-shadow: 0px 0px 3px 2px rgba(210, 208, 208, 0.52);
                  -moz-box-shadow: 0px 0px 3px 2px rgba(210, 208, 208, 0.52)}
/* .view_manqaer1{    width: 490px!important;} */
/* .view_manager2{   width: 583px!important; */
/* display: block;} */
.view_manager2 {
    width: 1030px!important;
    display: block;
}
/* .view_manager2 li:nth-of-type(1) a{width: 299px!important;} */
.view_manager2 li:nth-of-type(1) a {
    width: 299px!important;
}
/* .view_manager2 li:nth-of-type(2) a{    width: 232px!important;} */
.view_manager2 li:nth-of-type(2) a {
    width: 337px!important;
}
.view_manager2 li:nth-of-type(3) a {
    width: 334px!important;
}
.view_manager2_a {
    width: 542px!important;
}
.view_manager2_a  li:nth-of-type(1) a {
    width: 260px;
}
.manage-account li:nth-of-type(2) a {
    width: 232px;
}
.view_manager2_a{    margin: 45px auto 0px!important;}
.view_manager2{  margin: 45px auto 0px!important;}
.sales_mg  li a{
    background: #0084c7!important;}
.view_manqaer1 li:nth-of-type(2) a {
    width: 229px;
}
.main-meu li:nth-of-type(1) a{    margin-top: 18px;}
.mobile-viewed1{display:none!important;}
.result-data{float: left;
             margin-top: 24px;
             padding-left: 20px;
             font-size: 18px;
}
.broker-data .dataTables_wrapper .row:nth-of-type(1) .col-sm-6{    float:right;
                                                                   padding-right: 24px;
}
.broker-data .dataTables_length label {
    font-size: 18PX; 
    COLOR: #333;
}
.echo-name .child ul li{display:block; float:left; width:100%;    text-align: left;
} 
.echo-name  h4{    margin-bottom: 27px;}
.echo-name .child{
    padding-left:8px;
}
.echo-name .child li:last-child{    padding-bottom: 0px!important;}
.echo-name .child .dtr-title{color: #333;    font-size: 14px!important;
}
.show-previous-viewings .R_U_S_P{    width: 936px;}  
.show-previous .R_U_S_P li:nth-of-type(3) a {
    width: 344px;
}
.view_manqaer1 {
    width: 527px!important;
}
.view_manage{    width: 840px!important;}
.statistics-year li { margin: 0 auto;
                      display: block;
                      /* text-align: center; */
                      /* float: none; */
                      width: 340px;  }
.sts-width{    width: 241px!important;}
.broker-review{    margin: 0 auto;
                   width: 660px;}
.broker-review  a:nth-of-type(1){
    background: #0084c7!important;
    float: left!important;    margin: 14px auto 0px!important;
    width: 284px!important;}
.broker-review a:nth-of-type(2){
    float: right!important;    margin: 14px auto 0px!important;
}
.review-broker {    padding-bottom: 92px!important;}
/*new*/

.req-owner-info.empty_req_form {
    min-height: auto;
    padding: 50px 15px;
}
.req-owner-info.empty_req_form h4 {
    margin-bottom: 15px;
    color: #ff0000f0;
}



/*responsive*/
@media only screen and (max-width:325px) {
    .bootbox .modal-dialog .btn-success {
        margin-top: 13px!important;
    }
}
@media only screen and (max-width: 479px){ 
    html, 
    body {
        min-height: 100%;
    }
    .to_display_result .db-found .align-center-row {
        HEIGHT: auto;
        position: relative;
    }
    .cr-break{   min-height: 106px;}
    #wrapper.toggled {   padding-left: 0px;}
    .onmove {
        transform: translatex(0%);}
    menu{    padding: 0px;}
    .menu-list {
        width:100%;}
    .R_U_S_P li:nth-of-type(3) a {
        width: 100%;}
    .R_U_S_P li:nth-of-type(2) a {
        width: 100%;}
    .db-notfound .rq-layer1 {
        width: 100%;
    }
    .header-title {
        width: 100%;
    }
    .header-title span {
        line-height: 60px;
    }
    .header-logo {
        display: NONE;
    }
    .header-title span {
        font-size: 26px;
    }
    header {
    }
    .welcome_broker p:nth-of-type(2) {
        font-size: 21px;
        font-weight: 700;
    }
    .header-toggle i {
        line-height: 60px;
    }
    .welcome_broker {
        width: 100%;
        margin: 0 auto;
        height: auto;
        background: none;
        border: 0px;
    }
    .R_U_S_P button {
        margin-right: 0px;
    }
    .R_U_S_P button {
        margin: 0 auto;
        margin-bottom: 20px;
        display: block;
    }
    .R_U_S_P-LOG-OFF {
        margin-top: 22px;
    }
    .R_U_S_P {
        width: 100%;
        padding-top: 23px;
    }
    .R_U_S_P button:nth-of-type(2) {
        width: 100%;
    }
    .R_U_S_P button:nth-of-type(3) {
        width: 100%;
    }
    .header-toggle i {
        margin-left: 11px;
    }
    .welcome-broker {
        background: none;
    }
    body {
        background: url("../images/Mobile bg.png");
        background-size: cover;
        /* background-attachment: fixed; */
    }
    .welcome_broker p {
        float: left;
        color: #fff;
    }
    .welcome-broker {
        padding: 40px 0px 40px 0px;
    }
    .welcome_broker p:nth-of-type(1) {
        margin-top: 18px;
        font-size: 18px;
        font-weight: 300;
    }
    .R_U_S_P li {
        display: block;
        margin-right: 0px;
        margin-bottom: 25px;
    }
    .R_U_S_P li a {
        margin: 0 auto;
        display: block;    font-size: 16px;
    }
    .login-form {
        width: 100%;
        margin: 101px auto 0px;
        /* padding: 10px;         */
        display: block;
        padding-right: 11px;
    }
    .login-sec1 {
        width: 100%;
        float: left;
        position: relative;
        background: none;
        height: auto;
    }
    .on-login {
        margin: 0 auto;
        width: 100%;
        height: auto;
        background: #fff;
        position: relative;
        top: 0px;
        left: 0px;
        transform: translate(0%, -0%);
    }
    .login {
        background: url("../images/Mobile bg.png");
        width: 100%;
        background-size: Cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    .login-sec1 span {
        position: initial;
        top: 0px;
        margin: 36px auto 0px;
        left: 0px;
        color: #fff;
        font-size: 30px;
        letter-spacing: 6px;
        display: block;
        text-align: center;
        font-weight: 700;
    }
    .login-form input {
        background: transparent;
        color: rgb(255, 255, 255);
    }
    .login-form a {
        margin: 47px auto 0px;
        color: #fff;
        font-size: 14px;
    }
    form button {
        width: 220px;
        margin: 39px auto 0px;
    }
    .login {
        width: 100%;
        height: 100%;
        padding: 65px 0px 15px 0px;
    }
    .rq-layer1 ul {
        width: 100%;
    }
    .rq-layer1 {
        width: 100%;
    }
    .rq-layer1 {
        width: 100%;
        border: 0px;
        background: none;
    }
    h4 {
        font-size: 14px;
        color: #fff;
    }
    .db-notfound h1 {
        text-align: center;
        margin-top: 17px;
        font-size: 24px;
        color: #fff;
        margin-left: 11px;
    }
    .rq-layer1 p:nth-of-type(2) {
        display: block;
        font-size: 14px;
        text-align: left;
        letter-spacing: 0px;
    }
    .rq-layer1 p:nth-of-type(1) {
        /* display: none; */
    }
    .db-notfound {
        padding: 0px;
    }
    .db-notfound P {
        font-size: 16px;
        TEXT-ALIGN: CENTER;
        LETTER-SPACING: 3PX;
        font-weight: 400;
        MARGIN-TOP: 49PX;
        margin-left: 8px;
    }
    .rq-layer1 h4 {
        font-size: 18px;
        color: #fff;
    }
    .rq-layer1 br {
        display: block;
    }
    .rq-layer1 li {
        margin-right: 0px;
        margin-bottom: 30px;
        margin-left: 7px;
        width: 100%;
    }
    .rq-layer1 li:nth-of-type(2) a {
        width: 100%;
        background: rewd;
        background: #0084c7;
        text-align: center;
        height: auto;
    }
    .rq-layer1 li:nth-of-type(2) a {
        color: #fff;
        border-radius: 43px;
    }
    .rq-layer1 {
        height: auto;
        padding-top: 32px;
        PADDING-BOTTOM: 25PX;
    }
    .er-msg {
        width: 100%;
        height: auto;
        border: 0px;
        PADDING-BOTTOM: 0PX;
        background: none;
        padding-top: 39px;
    }
    .er-msg ul {
        width: 100%;
        margin: 97px auto 0px;
    }
    .db-not-found-mobile-vr {
    }
    .er-msg li:nth-of-type(3) a {
        width: 201px;
        background: #26a69a;
    }
    .er-msg ul li {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 30px;
    }
    .er-msg li a {
        margin: 0 auto;
    }
    .db-not-found-mobile-vr li:nth-of-type(2) a {
        width: 100%;
    }
    .alert-box {
        position: relative;
        width: 100%;
        border-radius: 6px;
        padding: 10px;
        height: 64px;
        line-height: 44px;
        position: fixed;
        bottom: 0px;
        right: 0px;
        left: 0px;
        border-radius: 0px;
        /* margin: 50px auto 0px;         */
    }
    .ti-alert {
        float: left;
        line-height: 44px;
        margin-left: 7px;
    }
    .db-not-found-mobile-vr p {
        LETTER-SPACING: 1px;
        font-weight: 100;
        MARGIN-TOP: 0px;
        font-size: 14px;
        float: left;
        margin-left: 13px;
    }
    .rq-layer2 {
        width: 100%!important;
    }
    .request-form {
        width: 100%!important;
    }
    .rq-layer2 {
        background: none;
        padding-top: 0px;
        border-radius: 12px;
        border: 0px;
    }
    .request-owner {
        padding: 26px 0px 15px 0px;
    }
    h1 {
        letter-spacing: 3px;
        word-spacing: 4px;
        color: #fff;
        font-size: 24px!important;text-align: left;
    }
    .rq-layer2 {
        margin: 10px auto 0px;
    }
    .request-form button {
        float: none;
    }
    .rq-layer2 button:nth-of-type(2) {
        POSITION: relative;
        BOTTOM: 0px;
        background: #26a69a;
        LEFT: 0PX;
        RIGHT: 0PX;
        width: 210PX;
        top: 13px;
    }
    .rq-layer1 label {
        color: #fff;
        opacity: 0.6;
        font-size: 18px;text-align: left;
        float: left;
    }
    input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: rgb(255, 255, 255);
        opacity: 0.4;
        /* Firefox */
    }
    input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: rgb(255, 255, 255);
        opacity: 0.4;
    }
    input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: rgb(255, 255, 255);
        opacity: 0.4;
    }
    .request-form input {
        color: rgb(255, 255, 255);
        opacity: 0.4;
    }
    .rq-layer2 {
        padding-bottom: 0px;
    }
    .rq-found {
        width: 100%;
    }
    .owner-details {
        width: 100%;
        margin: 0 auto;
    }
    .owner-details ul {
        width: 100%;
        float: left;
    }
    .owner-details li {
        display: block;
        margin-bottom: 7px;
        float: left;
        width: 100%;
    }
    .rq-found li {
        margin-right: 0px;
    }
    .owner-details li span:nth-of-type(2) {
        width: 100%;
        left: 0px;
        margin-top: 6px;
        margin-bottom: 4px;
        color: #ffff;
    }
    .request-button {
        position: relative;
        clear: left;
        left: 0px;
        top: 19px;
    }
    .rq-found li:nth-of-type(2) a {
        width: 100%;
    }
    .rq-found ul {
        width: 100%;
        margin: 12px auto 0px;
    }
    .rq-found {
        border: 0px;
        background: none;
        margin: 8px auto 0px;
    }
    .owner-details li span:nth-of-type(1) {
        color: #fff;
        width: 100%;
        font-size: 14px;
        opacity: 0.6;
    }
    .db-found {
        padding: 13px 0px;
    }
    .db-found P {
        font-size: 14px;
        TEXT-ALIGN: left;
        LETTER-SPACING: 1PX;
        font-weight: 400;
        color: #fff;
        MARGIN-TOP: 25PX;
        float: left;
        text-transform: uppercase;
    }
    .request-button li {
        margin-bottom: 25px;
    }
    .request-button li {
        width: 100%;
    }
    .login label {
        font-size: 14px;
        opacity: 0.6;
        color: #fff;
    }
    .un-pass {
        margin-top: 26px;
    }
    .rq-layer1 li:nth-of-type(2) span:nth-of-type(2) {
        display: block;
        line-height: 17px;
        float: left;
        clear: left;
        margin-left: 25px;
        margin-top: -11px;
    }
    .rq-layer1 li:nth-of-type(2) a {
        width: 100%;
        background: rewd;
        background: #0084c7;
        float: left;
        text-align: center;
        height: auto;
        padding-bottom: 15px;
        padding-top: 5px;
        letter-spacing: 0px;
        font-size: 16px;
    }
    .rq-layer1 li:nth-of-type(2) span:nth-of-type(1) {
        float: left;
        display: bn;
        display: block;
        margin-left: 25px;
    }
    .db-not-found-mobile-vr li:nth-of-type(2) span {
        display: block;
        line-height: 0px;
    }
    .db-not-found-mobile-vr li:nth-of-type(2) a {
        width: 100%;
        height: 69px;
        padding: 1px 0px;
        border-radius: 50px;
    }
    .rq-found li:nth-of-type(2) a {
        width: 100%;
        height: 65px;
        border-radius: 50px;
    }
    .rq-found li:nth-of-type(2) a {
        float: left;
        margin-left: 0px;
    }
    .request-button span:nth-of-type(1) {
        float: left;
        margin-left: 35px
    }
    .request-button span:nth-of-type(2) {
        display: block;
        text-align: left;
        margin-left: 35px;
        clear: left;
        line-height: 0px;
    }
    .login-form input:focus::-webkit-input-placeholder, input:valid::-webkit-input-placeholder {
        color: #ffff;opacity:0.5;
        font-size: 14px;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
        visibility: visible !important;
    }
    .rq-found {
        position:relative;
        transform: translate(0%,0%);
        top: 0px;
        LEFT: 0px;
    }	
    #wrapper.toggled #sidebar-wrapper {    width: 100%;}	.sidebar-nav {    width: 100%;}.bg-width{    z-index: 1111;      right: 9px;  background: #1a1a1a;}	
    .alert-dismissable p {
        margin-left: 0px; letter-spacing:0px;
    }
    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
        right: 19px!important;
    }
    table.dataTable>tbody>tr.child ul.dtr-details {
        overflow-y: auto!important;
        width: 100%!important;
    }
    table.dataTable>tbody>tr.child span.dtr-title {
        float: left!important;
    }
    .dtr-title{
        color: rgb(0, 0, 0)!important;
        font-weight: 400!important;}
    .method .manage-account{
        padding-top: 84px;} 
    .add-user .user-form button {
        width: 150px;
        margin: 0 auto;
        display: block;
        text-align: center;
        float: none;
    }
    .db-base1{width: 159px!important;float:none;}
    .add-user .adduser_page a {
    }
    .adduser_page a {
        width: auto;
        font-size: 15px;
    }
    .upload-img-popup .alert {
        WIDTH: 100%;
        MARGIN: 43px AUTO 0PX;
    }
    .upload-img-popup-bg {
        z-index: 1111;
    }
    .dataview-bttn a:nth-of-type(1){ width:276px; color:#fff; letter-spacing:1px; text-align:center; height:45px; background:#0084c7;    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                     -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                     -moz-box-shadow: 4.092px 4.388px 4.95px;    display: block;
                                     border-radius: 29px;    margin-bottom: 18px;
                                     line-height: 47px;text-transform: uppercase;font-size: 16px;
                                     font-weight:bold;}
    .dataview-bttn a:nth-of-type(2){ width:276px; color:#fff; letter-spacing:1px; text-align:center; height:45px; background:#0084c7;    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                     -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                     -moz-box-shadow: 4.092px 4.388px 4.95px;    display: block;
                                     border-radius: 29px;text-transform: uppercase;
                                     line-height: 47px;    margin-bottom: 18px;font-size: 16px;
                                     font-weight:bold;}
    .dataview-bttn a:nth-of-type(3){ width:216px; color:#fff; letter-spacing:1px; text-align:center; height:45px; background:#26a69a;    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                     -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                     -moz-box-shadow: 4.092px 4.388px 4.95px;    display: block;
                                     border-radius: 29px;font-size: 16px;
                                     line-height: 47px;    margin-bottom: 18px;text-transform: uppercase;
                                     font-weight:bold;}
    .manage-list{margin: 22px auto 0px;
                 display: block;
                 text-align: center;
                 float: none!important;}
    .adduser_page a {
        margin-left: 0PX;    display: block;
        FLOAT: none!IMPORTANT;
        MARGIN: 30px AUTO 0PX;
    }
    .text3 {
        right: 34px;}
    .er-upload li:nth-of-type(2) a{height: 69px!important; width:100%!important;}
    .upload-img-popup .center {
        width: 100%;
    }
    .upload-img-popup .center {
        top: 33px;
    }
    .uploader .alert-success {
        WIDTH: 100%;    MARGIN: 2px AUTO 0PX;
    }
    .manage-list{width:149px!important;}
    .bootbox {    padding-right:0px!important;}
    .edit-user .form-data{margin-top: 40px;
    } 
    /* .bootbox  .modal-dialog  .btn-success{margin-top: 13px!important;} */
    .modal-dialog {
        margin: 0px;
    }
    .modal-open{padding-right:0px!important;}
    /*versionb  -----protrait*/
    .search-by-number{}
    .request-owner {
        padding: 26px 0px 26px 0px;
    }
    .search-by-date-result {
        padding: 0px 0px 0px 0px;
    }
    p{font-size:14px;}
    .show-previous .R_U_S_P {
        width: 100%;
    }
    .show-previous .R_U_S_P li:nth-of-type(2) a {
        width: 100%;
    }
    .show-previous .R_U_S_P li:nth-of-type(3) a {
        width: 100%;
    }
    .show-previous .R_U_S_P-LOG-OFF button {
        width: 100%;
    }
    .show-previous{padding: 40px 0px 0px 0px;}	
    .view2 {
        width: 100%;
        float: right;
    }
    .view1 {
        width: 100%;
        float: right;
    }
    .upload-details .request-form a:nth-of-type(1){margin: 29px auto 28px;
                                                   clear: left;
                                                   float: none;}
    .upload-details .request-form a:nth-of-type(2){margin:0px auto;
                                                   float: none;}
    .upload-details .rq-layer1 {
        PADDING-BOTTOM: 52px;
    }
    .search-by-date-result .rq-layer1 {
        PADDING-BOTTOM: 6px;
    }
    .upload-details .rq-layer2 {
        width: 100%;
    }
    .upload-details .rq-layer2 {
        overflow-y: initial;}
    .upload-details .request-form {
        width: 100%;}
    .upload-details a:nth-of-type(1) {
        width: 100%;}
    .search-by-date .c-search {
        width: 100%;line-height: 34px;
    }
    /* .search-by-number a{    line-height: 34px;}	 */
    .c-search{ line-height: 34px!important;}
    .search-by-date .rq-layer1 {
        PADDING-BOTTOM: 0px;
    }
    .search-by-date-result a:nth-of-type(3) {
        width: auto;
    }
    .search-by-date-result a:nth-of-type(2) {
        width: auto;
    }
    .search-by-date-result a:nth-of-type(1) {
        width: auto;
    }
    .R_U_S_P li a {
        letter-spacing:0px;
        word-spacing: 1px;
    }
    #search-by-number  .inq-btn  a:nth-of-type(2){   width: 100%;}
    #search-by-name  .inq-btn  a:nth-of-type(2){   width: 100%;}
    .main-meu li:nth-of-type(2) {
        float: none;
        width: 100%;
    }
    .main-meu li:nth-of-type(1) {
        float: none;
        width: 100%;
    }
    /*versionb*/
    .search-by-date {
        padding: 5px 0px 40px 0px;
    }
    .frm3 {
        width: 100%;
    }
    .show-previous .R_U_S_P-LOG-OFF a {
        letter-spacing:0px;
    }      
    .c-search{letter-spacing: 0px;} 
    .rq-layer1 a {
        word-spacing: 0px;
    }
    .arial-center-serach-number .c-search  {
        letter-spacing: 3px;
        font-size: 16px;    line-height: 24px!important;
        padding: 6px 0px 3px 0px;
    }
    .search-by-date .c-search  {
        letter-spacing: 3px;
        font-size: 16px;line-height: 24px!important;
        padding: 6px 0px 3px 0px;
    }
    /* .exit-btn a{font-size: 17.3px!important;} */
    .search-by-date .rq-layer2 {
        padding-bottom: 12px;
    }
    .search-by-number .rq-layer1 {
        padding-bottom: 18px;
    }
    .main-meu li:nth-of-type(2) {
        width: 100%;
    }
    .main-meu li:nth-of-type(2) {
        PADDING-TOP: 14PX;
    }
    .main-meu li:nth-of-type(2) {
        PADDING-TOP: 15PX;
    }
    .view_manager2 li:nth-of-type(1) a{    width:100%!important;}
    .broker-review{width: 100%;
                   float: LEFT;}
    /* .broker-review a{width:100%!important;} */
    .review-broker{float: left;
                   width: 100%;}
    .review-broker {
        padding-bottom: 35px!important;
    }
    .broker-review a:nth-of-type(1) {
        float: none!important;
    }
    .broker-review a:nth-of-type(2) {
        float: none!important;
    }
    .view_manager2_a {
        margin: 0px auto 0px!important;
    }
    .sales_mg li a{width:100%!important;}
    .view_manager a{ font-size:16px!important;}
    .view_manager2_a {
        width: 100%!important;
    }
    .view_manager2 li:nth-of-type(2) a {
        width: 100%!important;
    }
    .view_manager2 li:nth-of-type(3) a {
        width: 100%!important;
    }
    .sales_mg  li{margin-bottom: 16px;}
}
@media only screen and (max-width: 699px) and (min-width: 480px) {
    .db-notfound .rq-layer1 {
        width: 100%;
    }#wrapper.toggled {   padding-left: 0px;}
    .header-title {
        width: 100%;
    }
    .header-title span {
        line-height: 60px;
    }
    .header-logo {
        display: NONE;
    }
    .header-title span {
        font-size: 26px;
    }
    header {
        height: 60px;
        background: #0084c7;
    }
    .welcome_broker p:nth-of-type(2) {
        font-size: 21px;
        font-weight: 700;
    }
    .header-toggle i {
        line-height: 60px;
    }
    .welcome_broker {
        width: 100%;
        margin: 0 auto;
        height: auto;
        background: none;
        border: 0px;
        position: relative;
        top: 0px;
        left: 0px;
        transform: translate(0%, -0%);
    }
    .R_U_S_P button {
        margin-right: 0px;
    }
    .R_U_S_P button {
        margin: 0 auto;
        margin-bottom: 20px;
        display: block;
    }
    .R_U_S_P-LOG-OFF {
        margin-top: 22px;
    }
    .R_U_S_P {
        width: 100%!important;
        padding-top: 23px;
    }
    .R_U_S_P button:nth-of-type(2) {
        width: 100%;
    }
    .R_U_S_P button:nth-of-type(3) {
        width: 100%;
    }
    .header-toggle i {
        margin-left: 11px;
    }
    .welcome-broker {
        background: none;
    }
    body {
        background: url("../images/Mobile bg.png");
        background-size: cover;
    }
    .welcome_broker p {
        float: left;
        color: #fff;
    }
    .welcome-broker {
        padding: 37px 0px;
    }
    .welcome_broker p:nth-of-type(1) {
        margin-top: 18px;
        font-size: 18px;
        font-weight: 300;
    }
    .R_U_S_P li {
        display: block;
        margin-right: 0px;
        margin-bottom: 24px;
    }
    .R_U_S_P li a {
        margin: 0 auto;
        display: block;
    }
    .login-form {
        width: 100%;
        margin: 35px auto 0px;
        /* padding: 10px;         */
        display: block;
        padding-right: 11px;
    }
    .login-sec1 {
        width: 100%;
        float: left;
        position: relative;
        background: none;
        height: auto;
    }
    .on-login {
        margin: 0 auto;
        width: 100%;
        height: auto;
        background: #fff;
        position: relative;
        top: 0px;
        left: 0px;
        transform: translate(0%, -0%);
    }
    .login {
        background: url("../images/Mobile bg.png");
        width: 100%;
        background-size: Cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    .login-sec1 span {
        position: initial;
        top: 0px;
        margin: 0px auto 0px;
        left: 0px;
        color: #fff;
        font-size: 30px;
        letter-spacing: 6px;
        display: block;
        text-align: center;
        font-weight: 700;
    }
    .login-form input {
        background: transparent;
        color: #fff;
    }
    .login-form a {
        margin: 47px auto 0px;
        color: #fff;
        font-size: 14px;
    }
    form button {
        width: 220px;
        margin: 39px auto 0px;
    }
    .login {
        width: 100%;
        height: 100%;
        padding: 37px 0px 43px 0px;
    }
    .rq-layer1 ul {
        width: 100%;
    }
    .rq-layer1 {
        width: 100%;
    }
    .rq-layer1 {
        width: 100%;
        border: 0px;
        background: none;
    }
    h4 {
        font-size: 14px;
        color: #fff;
    }
    .db-notfound h1 {
        text-align: center;
        margin-top: 17px;
        font-size: 24px;
        color: #fff;
        margin-left: 11px;
    }
    /* .rq-layer1 p:nth-of-type(2) { */
    /* display: block; */
    /* font-size: 14px; */
    /* color: #fff; */
    /* text-align: center; */
    /* letter-spacing: 0px; */
    /* text-transform: uppercase; */
    /* } */
    .db-notfound {
        padding: 23px 0px;
    }
    .db-notfound P {
        font-size: 16px;
        TEXT-ALIGN: CENTER;
        LETTER-SPACING: 3PX;
        font-weight: 400;
        MARGIN-TOP: 49PX;
        margin-left: 8px;
    }
    .rq-layer1 h4 {
        font-size: 18px;
        color: #fff;
    }
    .rq-layer1 br {
        display: block;
    }
    .rq-layer1 li {
        margin-right: 0px;
        margin-bottom: 30px;
        margin-left: 7px;
        width: 100%;
    }
    .rq-layer1 li:nth-of-type(2) a {
        width: 290px;
        background: rewd;
        background: #0084c7;
        text-align: center;
        height: auto;
    }
    .rq-layer1 li:nth-of-type(2) a {
        color: #fff;
        border-radius: 43px;
    }
    .rq-layer1 {
        height: auto;
        padding-top: 0px;
        PADDING-BOTTOM: 25PX;
    }
    .er-msg {
        width: 100%;
        height: auto;
        border: 0px;
        background: none;
        padding-top: 39px;
        padding-bottom: 0px;
    }
    .er-msg ul {
        width: 100%;
        margin: 47px auto 0px;
    }
    .db-not-found-mobile-vr {
        background-size: cover;
        background-repeat: round;
        background-attachment: fixed;
        background-color: none;
    }
    .er-msg li:nth-of-type(3) a {
        width: 201px;
        background: #26a69a;
    }
    .er-msg ul li {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 30px;
    }
    .er-msg li a {
        margin: 0 auto;
    }
    .db-not-found-mobile-vr li:nth-of-type(2) a {}
    .alert-box {
        position: relative;
        width: 100%;
        border-radius: 6px;
        padding: 10px;
        height: 64px;
        line-height: 44px;
        position: fixed;
        bottom: 0px;
        right: 0px;
        left: 0px;
        border-radius: 0px;
        /* margin: 50px auto 0px;         */
    }
    .ti-alert {
        float: left;
        line-height: 44px;
        margin-left: 7px;
    }
    .db-not-found-mobile-vr p {
        LETTER-SPACING: 1px;
        font-weight: 100;
        MARGIN-TOP: 0px;
        font-size: 14px;
        float: left;
        margin-left: 13px;
    }
    .rq-layer2 {
        width: 100%;
    }
    .request-form {
        width: 100%!important;
    }
    .rq-layer2 {
        background: none;
        padding-top: 0px;
        border-radius: 12px;
        border: 0px;
    }
    .request-owner {
        padding: 26px 0px 22px 0px;
    }
    h1 {
        letter-spacing: 3px;
        word-spacing: 4px;text-align: left;
        color: #fff;
        font-size: 24px;
    }
    .rq-layer2 {
        margin: 10px auto 0px;
    }
    .request-form button {
        float: none;
    }
    .rq-layer2 button:nth-of-type(2) {
        POSITION: relative;
        BOTTOM: 0px;
        background: #26a69a;
        LEFT: 0PX;
        RIGHT: 0PX;
        width: 210PX;
        top: 13px;
    }
    .rq-layer1 label {
        color: #ffffff;
        opacity: 0.6;float:left;
    }
    input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #fff;
        opacity: 0.4;
        /* Firefox */
    }
    input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #fff;
        opacity: 0.4;
    }
    input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #fff;
        opacity: 0.4;
    }
    .request-form input {
        color: #fff;
        opacity: 0.4;
    }
    .rq-layer2 {
        padding-bottom: 0px;
    }
    .rq-found {
        width: 100%;
    }
    .owner-details {
        width: 100%;
        margin: 0 auto;
    }
    .owner-details ul {
        width: 100%;
        float: left;
    }
    .owner-details li {
        display: block;
        margin-bottom: 7px;
        float: left;
        width: 100%;
    }
    .rq-found li {
        margin-right: 0px;
    }
    .owner-details li span:nth-of-type(2) {
        width: 100%;
        left: 0px;
        margin-top: 6px;
        margin-bottom: 4px;
        color: #ffff;
    }
    .request-button {
        position: relative;
        clear: left;
        left: 0px;
        top: 19px;
    }
    .rq-found li:nth-of-type(2) a {}
    .rq-found ul {
        width: 100%;
        margin: 12px auto 0px;
    }
    .rq-found {
        border: 0px;
        background: none;
        margin: 8px auto 0px;
    }
    .owner-details li span:nth-of-type(1) {
        color: #fff;
        width: 100%;
        font-size: 14px;
        opacity: 0.6;
    }
    .db-found {
        padding: 13px 0px;
    }
    .db-found P {
        font-size: 14px;
        TEXT-ALIGN: left;
        LETTER-SPACING: 1PX;
        font-weight: 400;
        color: #fff;
        MARGIN-TOP: 25PX;
        float: left;
        text-transform: uppercase;
    }
    .request-button li {
        margin-bottom: 25px;
    }
    .request-button li {
        width: 100%;
    }
    .login label {
        font-size: 14px;
        opacity: 0.6;
        color: #fff;
    }
    .un-pass {
        margin-top: 26px;
    }
    .rq-found li:nth-of-type(2) a {}
    .request-button span:nth-of-type(1) {}
    .rq-layer1 ul a {
        MARGIN: 0 AUTO;
    }
    .rq-found a {
        margin: 0 auto;
    }
    .rq-layer1 a {
        font-size: 16px;}
    .login-form input:focus::-webkit-input-placeholder, input:valid::-webkit-input-placeholder {
        color: #ffff;opacity:0.5;
        font-size: 14px;
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        visibility: visible !important;
    }
    .rq-found {
        position:relative;
        transform: translate(0%,0%);
        top: 0px;
        LEFT: 0px;
    }	
    #wrapper.toggled #sidebar-wrapper {    width: 100%;}	.sidebar-nav {    width: 100%;}.bg-width{    z-index: 1111;      right: 9px;  background: #1a1a1a;}
    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
        right: 17px!important;
    }
    /* #list-account td:nth-of-type(1){padding-left: 35px!important;} */
    .child .child{padding-left: 0px!important;}
    table.dataTable>tbody>tr.child ul.dtr-details {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;    }
    .alert-dismissable p {
        margin-left: 100px;
        letter-spacing: 1px;
        text-align: left;
    }
    .db-notfound .rq-layer1{    PADDING-BOTTOM: 0PX;} 	
    .login-form input:focus::-webkit-input-placeholder, input:valid::-webkit-input-placeholder {
        color: #ffff;opacity:0.5;
        font-size: 14px;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
        visibility: visible !important;
    }
    .upload-img-popup-bg {
        z-index: 1111;
    }
    table.dataTable>tbody>tr.child span.dtr-title {
        color: #333333!important; font-weight:400!important;
    }
    div.dataTables_wrapper div.dataTables_length select {
        border: 1px solid #fff!important;
    }
    .dataview-bttn a:nth-of-type(1){ width:276px; color:#fff; letter-spacing:1px; text-align:center; height:45px; background:#0084c7;    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                     -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                     -moz-box-shadow: 4.092px 4.388px 4.95px;    display: block;
                                     border-radius: 29px;   margin: 0px auto 23px;
                                     line-height: 47px;text-transform: uppercase;font-size: 16px;
                                     font-weight: bold;}
    .dataview-bttn a:nth-of-type(2){ width:276px; color:#fff; letter-spacing:1px; text-align:center; height:45px; background:#0084c7;    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                     -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                     -moz-box-shadow: 4.092px 4.388px 4.95px;    display: block;
                                     border-radius: 29px;text-transform: uppercase;font-size: 16px;
                                     line-height: 47px;    margin: 0px auto 23px;
                                     font-weight: bold;}
    .dataview-bttn a:nth-of-type(3){ width:216px; color:#fff; letter-spacing:1px; text-align:center; height:45px; background:#26a69a;    box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                     -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                                     -moz-box-shadow: 4.092px 4.388px 4.95px;    display: block;font-size: 16px;
                                     border-radius: 29px;
                                     line-height: 47px;    margin: 0px auto 23px; text-transform: uppercase;
                                     font-weight: bold;}
    /* .dataview-bttn{margin-top: 34px;} */
    /* .text3 { */
    /* left: 182px;} */
    /* .text1 { */
    /* left: 115px;} */
    /* .text2 { */
    /* left: 115px;} */
    .er-upload li:nth-of-type(2) a {
        width: 456px!important;
    }
    .manage-list{    position: relative;
                     height: 41px;
                     /* display: table-column-group; */
                     text-align: center;
                     float: right;
                     margin: 20px auto 0px;
                     line-height: 43px;
                     width: 186px!important;}
    .edit-user .form-data{margin-top: 40px;
    } 
    .edit-user button {
        margin-right:0px;
    }
    .page-direct {
        margin-top: 132px;
    }
    .error-message-page {
        position: absolute;
        top: 50%!important;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
    }
    .to_display_result .db-found .align-center-row {
        HEIGHT: auto;
    }
    .search-by-number .number-box a:nth-of-type(2) {
        float: none;
        width: 321px;
        margin: 32px auto 0px;
        display: block;
        text-align: center;
    }
    .search-by-number .rq-layer1 {
        padding-bottom:0px;
    }
    .arial-center-top {
        /* position: relative; */
        min-height:initial;
    }
    .search-by-date-result .request-form {
        width: 100%;
    }
    .search-by-date-result .request-form {
        width: 100%;
    }
    .arial-center-top .rq-layer1 {
        position: relative;
        top:0px;
        left: 0px;
        transform: translate(0%,0%);
        -webkit-transform: translate(0%,0%);
        -moz-transform: translate(0%,0%);
        ms-transform: translate(0%,0%);
    }
    .search-by-date-result .rq-layer2 {
        width: 100%;
    }
    .num-result a:nth-of-type(1){margin: 35px auto 21px;}
    .num-result a:nth-of-type(2){margin: 0 auto 23px;
                                 display: block;
                                 float: none;}
    .num-result a:nth-of-type(3){margin: 0 auto ;
                                 display: block;
                                 float: none;}
    .search-by-date .request-form {
        width: 100%;
    }
    .frm-1 {
        width: 100%;
    }
    p{font-size:14px;}
    .search-by-date  .request-form a{float: none;}
    .search-by-date-result .request-form a:nth-of-type(1){    margin: 27px auto 22px}
    .search-by-date-result .request-form a:nth-of-type(2){
        margin: 0 auto 27px;
        float: none;
    }
    .search-by-date-result .request-form a:nth-of-type(3){
        margin: 0 auto 27px;
        float: none;
    }
    .search-by-date-result {padding: 26px 0px 0px 0px;}
    .search-by-date-result .rq-layer1 {
        PADDING-BOTTOM: 26px;
    }
    .view2 {
        width:100%;
        float: right;
    }
    .view1 {
        width:100%;
        float: right;
    }
    .upload-details .rq-layer1 {
        PADDING-BOTTOM: 0px;
    }
    .upload-details .request-form a:nth-of-type(1){    margin: 21px auto 35px;
                                                       float: none;}
    .upload-details .request-form a:nth-of-type(2){    float: none;
                                                       margin: 0 auto;}
    .sr-name-view{padding: 26px 0px 0px 0px;}
    .upload-details {
        padding: 26px 0px 22px 0px;
    }
    .search-by-date-result .rq-layer1 {
        PADDING-BOTTOM: 26px;
    }
    .error-message-page{padding-top:112px;}
    .upload-details .rq-layer2 {
        width:100%;
    }
    #search-by-number button {
        margin-right: auto;
    }
    .manage-account li:nth-of-type(2) a {
        width: 340px!important;
    }
    .search-by-date .rq-layer2 {
        width:100%!important;
    }
    .search-by-date{height:auto;}
    .search-by-date .arial-center-top {
        height:auto;
    }
    /*serachmobile*/
    .search-by-date .rq-layer1 {
        PADDING-BOTTOM: 0PX; 
    }	
    .inq-btn a {
        width: 407px!important;
        float: none!important;
        margin: 19px auto 0px;margin-right: auto!important;
    }
    .request-form button {
        float: none!important;
    }
    .mobile-viewed1{display:block;}
    .mobile-viewed{display:none;}
    .number-box {
        margin: 0px auto 0px;
    }
    .search-by-number .rq-layer1 {
        padding-bottom: 11px!important;
    }
    .search-by-number .rq-layer1 {
        padding-bottom: 0px!important;
    }
    .search-by-number .rq-layer1 {
        padding-bottom: 9px;
    }
    .main-meu li:nth-of-type(1) {
        float: left;
        width: 60%;
    }
    .main-meu li:nth-of-type(2) {
        float: right;
        width: 37%;
    }
    .main-meu li:nth-of-type(2) {
        PADDING-TOP: 7PX;
    }
    .broker-review{width: 100%;
                   float: LEFT!IMPORTANT;}
    .review-broker{float: left;
                   width: 100%;}
    .review-broker {
        padding-bottom: 35px!important;
    }
    .broker-review a:nth-of-type(1) {
        margin: 2px auto 0px!important;
    }
    .broker-review a:nth-of-type(2){
        position: relative!important;
        top: 28px!important;
    }
    .broker-review a:nth-of-type(1){float:none!important} 
    .broker-review a:nth-of-type(1){float:none!important;} 
    .broker-review a:nth-of-type(2) {
        float: none!important;
        margin: 3px auto 0px!important;
    }
    .view_manager2_a {
        margin: 0px auto 0px!important;
    }
    .view_manager a{ font-size:16px!important;}
    .view_manager2_a {
        width: 100%!important;
    }
    .view_manager2_a li:nth-of-type(2) a {
        width: 229px!important;
    }
    .sales_mg  li{margin-bottom: 16px!important;}
    .view_manager2_a li {margin-bottom: 16px!important;}
}
@media only screen and (max-width: 767px) and (min-width: 700px) {
    .rq-proceed{    color: #000}
    .header-toggle i {
        line-height: 60px;
    }
    .header-title span {
        line-height: 60px;
    }
    input {
        color: #777777;
    }
    .db-notfound .rq-layer1 {
        width: 100%;
    }
    .on-login {
        margin: 0 auto;
        width: 672px;
    }
    .login-form {
        float: left;
        width: 270px;
        margin: 61px auto 0px;
        margin-left: auto;
        padding: 10px;
        display: block;
        margin-left: 49px;
    }
    .login-form input:nth-of-type(1) {
        margin-bottom: 22px;
    }
    .on-transform {
        position: relative;
        padding: 10px;    height: 625px;
    }
    .R_U_S_P {
        width: 100%;
        padding-top: 40px;
        margin: 0px auto;
        clear: left;
    }
    .welcome_broker {
        width: 100%;
    }
    .R_U_S_P ul {
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    .R_U_S_P li {
        margin-right: 15px;
        margin-bottom: 21px;
    }
    .R_U_S_P-LOG-OFF {
        margin-top: 16px;
    }
    .rq-layer1 {
        width: 100%;
    }
    .rq-layer1 ul {
        width: 100%;
        padding: 10px;
        text-align: center;
    }
    .rq-layer1 li:nth-of-type(2) a {
        width: 316px;
    }
    .rq-layer1 li {
        margin-right: 8px;
    }
    .er-msg {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .er-msg ul {
        width: 100%;
        margin: 60px auto 0px;
        text-align: center;
    }
    .er-msg li:nth-of-type(1) a {
        width: 171px;
    }
    .er-msg li:nth-of-type(2) a {
        width: 313px;
    }
    .er-msg li:nth-of-type(3) a {
        width: 115px;
    }
    .er-msg a {
        font-size: 14px;
    }
    .er-msg ul li {
        margin-right: 6px;
    }
    .rq-found {
        width: 100%;
        padding-left: 20PX;
        PADDING-RIGHT: 20Px;
    }
    .rq-found ul {
        width: 100%;
    }
    .owner-details li span:nth-of-type(2) {
        color: #333333;
        float: right;
        width: 403px;
        left: 18px;
    }
    .request-button a {
        font-size: 12px!important;
        word-spacing: 0px;
    }
    .rq-found li:nth-of-type(2) a {
        width: 255px;
    }
    .db-found {
        padding: 56px 0px;
    }
    .adduser_page {
        width: 91%;}
    .list-view {
        width: 100%;
    }
    .list-table {
        width: 100%;
    }
    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
        right: 83px!important;
    }
    .sorting_1{width: 249px;
    }
    table.dataTable>tbody>tr.child span.dtr-title {
        font-weight: 400!important;
        color: #333333!important;
    }
    .manage-account{position: ABSOLUTE;
                    TOP:50%!important;
                    left:50%!important;
                    transform: translate(-50%,-50%)!important;
                    -webkit-transform: translate(-50%,-50%)!important;
                    transform: translate(-50%,-50%)!important;
    }
    .method {
        position: relative;
        height: 520px;
    }
    .view-upload .er-msg{top: 50%;
                         left: 50%;
                         transform: translate(-50%,-50%);
                         -webkit-transform: translate(-50%,-50%);
                         -moz-transform: translate(-50%,-50%);
    } 
    .upload-method{position: relative;
                   height: 628p}
    .upload-method .er-msg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -moz-transform: translate(0%,0%);
        -ms-transform: translate(0%,0%);
    }
    .data-upload {    position: absolute;
                      top: 50%!important;
                      left: 50%!important;
                      transform: translate(-50%,-50%)!important;
                      -moz-transform:translate(-50%,-50%)!important;
                      -ms-transform: ttranslate(-50%,-50%)!important;
    }
    .v1-data h1 {
        text-align: left;
    }
    .page-direct {
        margin-top: 0px;
    }
    .manage-account li:nth-of-type(2) a {
        width: 191px!important;
    }
    .to_display_result .db-found .align-center-row {
        HEIGHT: 580PX;
    }
    .rq-layer1 a {
        font-size: 15px;}
    /*version*/
    .number-box .request-form {
        width: 100%;
    }
    .number-box {
        width: 100%;
    }	
    .search-by-number .rq-layer1{padding: 20px;} 
    .search-by-number .request-form{padding:10px;}
    /* .search-by-number .rq-layer1 { */
    /* position: absolute;  */
    /* top: 50%; */
    /* left: 50%;   -webkit-transform: translate(-50%,-50%);  */
    /* transform: translate(-50%,-50%);  */
    /* }   */
    .search-by-date-result .rq-layer2 {
        width: 100%;    height: 484px;
    }
    .search-by-date-result .request-form {
        width: 100%;
    }
    .search-by-date-result .rq-layer1{    padding: 20px;
    }
    .search-by-date-result .rq-layer2{padding: 0PX 10PX 0PX 10PX;} 	
    .num-result a:nth-of-type(1){margin: 35px auto 21px;}
    .num-result a:nth-of-type(2){margin: 0 auto 23px;
                                 display: block;
                                 float: none;}
    .num-result a:nth-of-type(3){margin: 0 auto ;
                                 display: block;
                                 float: none;}
    .search-by-date-result   h1{    color: #252525;
                                    font-size: 26px;
                                    font-weight: 600}
    .sr-label {
        float: left;
        width: 272px;
    }
    .search-by-date-result .request-form a:nth-of-type(2){
        margin: 0 auto 27px;
        float: none;
    }
    .search-by-date-result .request-form a:nth-of-type(3){
        margin: 0 auto 27px;
        float: none;
    }
    .search-by-date-result .request-form a:nth-of-type(1){    margin: 27px auto 22px}
    .show-previous .R_U_S_P {
        width: 100%;
    }
    .upload-details .request-form {
        width: 586px;
    }
    .upload-details .rq-layer1{padding: 20px;} 
    .upload-details .rq-layer2 {
        width: 100%;
    }
    .hamburger {
        top: 20px;
    }
    .show-previous-viewings {
        position: relative;
        height: 627px;
    }
    .upload-view-center {
        position: relative;
        height: auto;
    }
    .welcome-broker  .on-transform {
        height: 628px}
    .sidebar-nav li:first-child a {
        padding: 8px 10px;
    }
    .search-by-date .rq-layer2 {
        width: 89%;
    }
    .search-by-date  .request-form {
        width:471px;
        padding-top: 18px;
    }
    .search-by-date {
        padding: 85px 0px;
    }
    .acct-page .form-data{width:100%;}  
    .view_manager2 li:nth-of-type(1) a {
        width: 248px!important;
    }
    .view_manager2  li:nth-of-type(2) a {
        width: 249px!important;
    }
    .view_manager2 li:nth-of-type(3) a {
        width: 334px!important;
    }
    .view_manager2 li:nth-of-type(3) a 
    {
        position: relative;
        top: 18px;}
    .view_manager2_a li:nth-of-type(1) a {
        width: 217px;
    }
    .view_manager2_a li:nth-of-type(2) a {
        width: 249px!important;
    }
    .R_U_S_P li a {
        font-size: 14px;}
    .show-previous .R_U_S_P-LOG-OFF a {
        font-size: 14px;
    }
    /*versionb*/
}
@media only screen and (max-width: 899px) and (min-width: 768px) {
    .manage-list{right: 76px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 700px) {
    .echo-name{width:100%;}
    .broker-log-off{margin-top: 24px;}
    .view_manager2 {
        width: 100%!important;
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .rq-proceed{    color: #000;}
    /* html,  */
    /* body { */
    /* height: 100%; */
    /* } */
    body {
        background-attachment: initial;
        background-repeat: repeat;}
    input{color: #777777;}
    .on-login {    margin: 0 auto;width: 689px;}
    .login-form {    float: left;    width: 306px;      margin-left: 20px;}
    .header-toggle i {
        line-height: 60px;
    }
    .header-title span {
        line-height: 60px;
    }
    .db-found {
        padding: 56px 0px;
    }
    .rq-layer1 a {
        font-size: 15px;}
    .login-form input:nth-of-type(1) {
        margin-bottom: 22px;
    }
    .on-transform {
        position: relative;
        padding: 10px;
        height: 641px;
    }
    .R_U_S_P {
        width: 100%;
        padding-top: 40px;
        margin: 0px auto;
        clear: left;
    }
    .welcome_broker {
        width: 100%;
    }
    .R_U_S_P ul {
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    .R_U_S_P li {
        margin-right: 15px;
        margin-bottom: 21px;
    }
    .R_U_S_P-LOG-OFF {
        margin-top: 16px;
    }
    .rq-layer1 {
        width: 100%;
    }
    .rq-layer1 ul {
        width: 100%;
        padding: 10px;
        text-align: center;
    }
    .rq-layer1 li:nth-of-type(2) a {
        width: 316px;
    }
    .rq-layer1 li {
        margin-right: 8px;
    }
    .er-msg {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .er-msg ul {
        width: 100%;
        margin: 60px auto 0px;
        text-align: center;
    }
    .er-msg li:nth-of-type(1) a {
        width: 178px;
    }
    /* .er-msg li:nth-of-type(2) a { */
    /* width: 313px; */
    /* } */
    .er-msg li:nth-of-type(3) a {
        margin-top: 20px;
    }
    .er-msg a {
        font-size: 12px;
    }
    .er-msg ul li {
        margin-right: 6px;
    }
    .rq-found {
        width: 100%;
        padding-left: 20PX;
        PADDING-RIGHT: 20Px;
    }
    .rq-found ul {
        width: 100%;
    }
    .owner-details li span:nth-of-type(2) {
        color: #333333;
        float: right;
        width: 403px;
        left: 18px;
    }
    .request-button a {
        font-size: 12px;
        word-spacing: 0px;
    }
    .rq-found li:nth-of-type(2) a {
        width: 255px;
    }
    .rq-found a {
        font-size: 13px!important;
        letter-spacing: 0px;
    }
    /* .login-form input:focus::-webkit-input-placeholder, .login-form input:valid::-webkit-input-placeholder { */
    /* color: #ffff;opacity:0.5; */
    /* font-size: 14px; */
    /* -webkit-transform: translateY(-4px); */
    /* transform: translateY(-4px); */
    /* visibility: visible !important; */
    /* } */
    .adduser_page {
        width: 100%;}
    .list-view {
        width: 100%;
    }
    .list-table {
        width: 100%;
    }
    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
        right: 87px!important;
    }
    .sorting_1{width: 249px;
    }
    table.dataTable>tbody>tr.child span.dtr-title {
        font-weight: 400!important;
        color: #333333!important;
    }
    .view-upload {
        position: relative;
        height: 526px;
    }
    /* .method .er-msg li:nth-of-type(2) a { */
    /* width:188px; */
    /* } 	 */
    .method {
        position: relative;
        min-height: 628px;
    }
    .method .er-msg{
        height: 440px;
    }
    .login-form input:focus::-webkit-input-placeholder, input:valid::-webkit-input-placeholder {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    .db-found .align-center-row {
        HEIGHT: 486PX;
        position: relative;
    }
    /* .er-upload li:nth-of-type(2) a{width: 322px!important;} */
    .page-direct {
        margin-top: 0px;
    }
    .v1-data h1 {
        text-align: left;
    }
    .manage-list{right: 17%;
    }
    .req-owner-info{width: 85%;}	
    .er-msg a {
        font-size: 15px;}
    .to_display_result .db-found .align-center-row {
        HEIGHT: 575PX;
        position: relative;
    }
    /*versionb*/
    /*version1b(768-91)*/
    .search-by-number  .rq-layer1{    padding: 20px;}
    .search-by-number  .number-box { padding: 20px;    width: 100%;}
    .number-box .request-form {
        width: 100%;
    }
    /*version1b(768-91)*/
    .search-by-date-result .rq-layer2 {
        width: 100%;      height: auto;
    }
    .search-by-date-result .request-form {
        width: 100%;
    }
    .search-by-date-result .rq-layer1{    padding: 20px;
    }
    .search-by-date-result .rq-layer2{padding: 0PX 10PX 0PX 10PX;} 	
    .num-result a:nth-of-type(1){margin: 35px auto 21px;}
    .num-result a:nth-of-type(2){margin: 0 auto 23px;
                                 display: block;
                                 float: none;}
    .num-result a:nth-of-type(3){margin: 0 auto ;
                                 display: block;
                                 float: none;}
    .search-by-date-result   h1{    font-size: 29px;}
    .sr-label {
        float: left;
        width: 272px;
    }
    .search-by-date-result .request-form a:nth-of-type(2){
        margin: 0 auto 27px;
        float: none;
    }
    .search-by-date-result .request-form a:nth-of-type(3){
        margin: 0 auto 27px;
        float: none;
    }
    .search-by-date-result .request-form a:nth-of-type(1){    margin: 27px auto 22px}
    .show-previous .R_U_S_P {
        width: 100%;
    }
    .upload-details .request-form {
        width: 586px;
    }
    .upload-details .rq-layer1{padding: 20px;} 
    .upload-details .rq-layer2 {
        width: 100%;
    }
    .hamburger {
        top: 21px;}
    .show-previous-viewings {
        position: relative;
        height: 627px;
    }
    .upload-view-center {
        position: relative;
        height: auto;
    }
    .welcome-broker  .on-transform {
        height: 628px}
    .sidebar-nav li:first-child a {
        padding: 8px 10px;
    }
    .search-by-date .rq-layer2 {
        width: 91%;
    }
    .search-by-date .request-form {
        width: 471px;
    }
    .search-by-date {
        padding: 81px 0px;
    }
    .echo-name{width:100%;}
    .broker-log-off{margin-top: 24px;}
    /*versionb*/
    button {
        font-size: 15px!important;
    }
    .manage-account li:nth-of-type(2) a {
        width: 288px;
    }
    .view_manqaer1 li:nth-of-type(1) a{    width: 242px;}	
    .sr-label{width:100%;}
    .view_manage {
        width: 100%!important;
    }
    .view_manager2 {
        width: 100%!important;
    }
    .view_manager2_a li:nth-of-type(1) a {
        width: 230px;
    }
    .view_manager2_a li:nth-of-type(2) a {
        width: 226px;
    }
    .view_manqaer1 {
        width: 578px!important;
    }
}
@media only screen and (max-width: 767px) {
    .er-msg {
        position: relative;
        top: 0px;
        left: 0px;
        transform: translate(0%,0%); 
        -moz-transform: translate(0%,0%); 
        -ms-transform: translate(0%,0%); 
    }
    .on-transform2 {
        position: relative;
        min-height: auto;
    }
    .rq-layer1 {
        position: initial;    top: 0px;    left: 0px;    transform: translate(0%,0%)
    }
}
@media(max-width:699px){
    body{
    }
    header {
        z-index: 999;
        position: relative;
    }
    #sidebar-wrapper {
        z-index: 500;min-height: 100%;
    }
    .sidebar-nav li:first-child a {
        display: none;
    }
    /* .hamburger.fixed {
        position: relative;
    }
    */
    .sidebar-nav li:nth-child(1) {
        margin: 0px;
    }
    #sidebar-wrapper {
        left: -105%;
        margin-left: 0px;
        width: 100%;
    }
    #wrapper.toggled #sidebar-wrapper {
        left:0px;
    }
    .hamburger {
        margin-left: 15px;
    }
    .alert-box.disk
    {
        display:none!important;
    }
    .on-transform1 {
        min-height: auto;
    }
    .rq-found {
        padding-bottom: 15px;
    }
    .welcome_broker {
        width: 100%;
        margin: 0 auto;
        height: auto;
        background: none;
        border: 0px;
        position: relative;
        display: block;
        margin: 0px;
        top: 0px;
        transform: unset;
        max-width: 100%;
        left: 0px;
        min-height:auto;
    }
    .rqlogoff {
        float: none;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 24px;
    }
    #dragAndDropFiles {
        width: 100%!important;
    }
    .adduser_page h1 {
        text-align: left;
        margin-bottom: 0px;}
    .add-user {
        /* position: relative; */
        PADDING: 26PX 0PX 33px 0px;
        width: 100%;
        float: left;
        height: auto;
    }
    .adduser_page {
        width: 100%;
        margin: 0 auto;
        background: none;
        border: 0px;
        float: left; 
        width: 100%; 
        position: relative;
        top: 0px;
        left: 0px;
        height: auto;
        transform: translate(0%,0%);
        padding: 0px;
    }
    .user-form {
        width: 100%;
        margin: 0 auto;
        background: none;
        height: auto;
        position: relative;
        left: 0px;
        right: 0px;
        padding: 10px;
        border:0px;
    }
    .add-user label {
        margin-right: 9px;
        margin-top: 9px;
        color: #85868d;
        font-weight: 500;
        color: #fff;
        opacity: 0.6;
    }	
    .user-step-one {
        float: left;
        width: 100%;
        margin: 0px auto;
    }
    .add-user .user-name {
        float: left;
        width: 100%;
    }
    .acct-align-center {
        position: relative;
        height: auto;
    }
    .acct-page input{    color: #fff;
                         opacity: 0.6;}
    #generate_password i{    color: #fff;
                             opacity: 0.6;}
    .add-user select {
        color: #fff;
        opacity: 0.6;
        letter-spacing: 2px;
    }
    .add-user select option {
        color: #000;
        letter-spacing: 2px;
    }
    .acct-page .alert-dismissable p {
        margin-left: 0px;
    }
    .alert-danger {
        WIDTH: 100%;
        MARGIN: 0 AUTO 27PX!important;
        TEXT-ALIGN: CENTER!important;
    }
    .list-table {
        position: relative;    width: 100%;
        HEIGHT: auto;
        border: 0px;background: none;
    }
    #list-account_wrapper {
        box-shadow:none;
        -webkit-box-shadow:none;
        -moz-box-shadow: none;
    }
    .list-view {
        width: 100%;
        margin: 0 auto;
        background: none;
        height: auto;overflow-y: auto;
        /* float: left; */
        padding:0px 0px 40px 0px;
        border: 1px solid #fff;
        /* opacity: 0.8; */
    }
    .v1-data .dataTables_wrapper .row:nth-of-type(1) {
        padding: 15px 9px 5px 9px;
    }
    .dataTables_length label {
        text-align: center;
        COLOR: #fff;
    }
    .dataTables_length {
        text-align: right;
        float: none;
    }
    .dataTables_wrapper td {
        font-size: 14px;
        font-weight: 400;
        COLOR: #fff;opacity:0.8;
    }
    .v1-data .dataTables_wrapper .row:nth-of-type(1) .col-sm-6:nth-of-type(1) {
        float: none;
    }
    .dtr-details li{ display: grid; width: 100%;
                     display: grid;}
    .v1-data div.dataTables_wrapper div.dataTables_info {
        padding-top: 8px;
        color: #fff;
        opacity: 0.9;
        padding-bottom: 14px;
    }
    .v1-data .row:nth-of-type(3) {
        margin-top: 0px;
        margin-bottom:0px;
        padding-bottom: 14px;
        padding-top: 9px;
    }
    .dtr-data a{color:#fff;}
    #wrapper.toggled {
        margin-left: 0px;
    }
    .rq-proceed{color: #fff;
                text-transform: uppercase;}
    .db-notfound .rq-layer1 {
        height: auto;
    }
    .add-user  a{color:#fff;    opacity: 0.6;}
    .add-user  a:hover{color:#fff;}
    .add-user  a:focus{color:#fff;}
    select {
        background: url(../images/arrow-2a.png);
        background-repeat: no-repeat;
        background-position: right 20px center;
    }
    .method li:nth-of-type(2) a{height: 45px;
                                padding: 1px 0px; width:initial;
                                border-radius: 50px;}
    .sorting_1{width: 114px;}
    .on-transform {
        position: relative;
        height: auto;
    }
    .method {
        position: relative;
        height: auto;
    }	
    .view-upload {
        position: relative;
        height: auto;
    }
    .align-center-row {
        HEIGHT: auto;
    }
    .modal-title{    color:#000;}
    .mobile-dataview{display:block;}
    .v1-data {
        display:none;}	
    .mobile-dataview li{display:block;color: #fff;
                        margin-bottom: 10px;}
    .mobile-dataview li span{display:block;font-size: 18px;}
    .mobile-dataview  ul{padding: 20px;    margin-bottom: 39px;
                         background: #0e5489;margin-bottom: 34px;}
    .mobile-dataview .ti-ink-pen{    float: left;
                                     margin-top: 7px;
                                     font-size: 16px;
                                     color: #fff;
                                     cursor: pointer;}
    .mobile-dataview .ti-trash{margin-top: 7px;}
    .mobile-dataview .ti-trash{
        color: #fff;
        cursor: pointer;
        line-height: 41px;
        font-size: 16px;cursor: pointer;}
    .mobile-dataview{padding: 40px 0px;}
    .mobile-dataview ul:nth-of-type(1) {
        margin-top: 39px;
    }
    .upload-method {
        height:auto;}
    .mobile-dataview ul{position:relative;}
    .mobile-dataview ul li:nth-of-type(4) span{    position: absolute;
                                                   /* bottom: 0px; */
                                                   left: 0px;
                                                   right: 0px;
                                                   text-align: center;
                                                   line-height: 43px;
                                                   margin: 0 auto;}
    .mobile-dataview ul li:nth-of-type(5) span{    position: absolute;
                                                   bottom: 0px;
                                                   left: -1px;
                                                   right: 0px;
                                                   text-align: center;}
    .mobile-dataview ul li:nth-of-type(4) {
        width: 40px;
        height: 40px;
        background: redx;
        background: #3fadad;
        position: absolute;
        border-radius: 25px;
        text-align: center;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.44); -ms-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.44); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.44);
        margin: 0 auto;
        display: block;
        /* OPACITY: 1; */
        /* left: -46px; */
        /* float: right; */
        right: 78px;
        BOTTOM: -18Px;}
    .mobile-dataview ul li:nth-of-type(5)  span{opacity:1!important;}
    .mobile-dataview ul li:nth-of-type(4)  span{opacity:1!important;}
    .mobile-dataview ul li:nth-of-type(5) {
        width: 40px;
        height: 40px;
        background: redx;
        background: #f34977;
        position: absolute;
        border-radius: 25px;
        text-align: center; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.44); -ms-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.44); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.44);
        text-align: end;
        margin: 0 auto;
        display: block;
        OPACITY: 1;
        /* left: 0px; */
        right: 30px;
        BOTTOM: -18Px;
        float: right;}
    /* .mobile-dataview ul li:nth-of-type(1) span:nth-of-type(2),.mobile-dataview ul li:nth-of-type(2) span:nth-of-type(2)   ,.mobile-dataview ul li:nth-of-type(3) span:nth-of-type(2),.mobile-dataview ul li:nth-of-type(4) span:nth-of-type(2){color:#fff;opacity:0.6;} */
    /* .dataview-bttn{margin-top: 57px;} */
    .db-base1{opacity:1!important;}
    .login-form input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-animation: autofill 0s forwards;
        animation: autofill 0s forwards;
    }
    @keyframes autofill {
        100% {
            background: transparent;
            color: #fff;
            opacity:0.6;
        }
    }
    @-webkit-keyframes autofill {
        100% {
            background: transparent;
            color: #fff;		opacity:0.6;
        }
    }
    .manage-list{    opacity: 1!important;
                     background: #0277bd;box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                     -webkit-box-shadow: 4.092px 4.388px 4.95px 0.05px rgba(0, 0, 0, 0.36);
                     -moz-box-shadow: 4.092px 4.388px 4.95px 0.05px;
                     width: 149px;}
    .form-data {
        width: 100%;
        /* margin: 0 auto; */
        background: none;
        min-height:auto;
        overflow-y: visible; 
        padding: 0px;position:relative;
        border: 0px;
        border-radius: 0px;
    }
    .adduser_page a {
        position: relative;
        top:0px;
        right:0px;
    }
    .db-found .align-center-row {
        HEIGHT: auto;
        position: relative;
    }
    .click-data input, .click-data1 input, .click-data2 input {
        color: #fff;
        cursor: pointer;
        background: transparent;
        font-weight: 500;
    }
    .rq-layer2 {
        min-height: auto; 
        overflow-y: VISIBLE;}
    .uploader .alert-danger {
        letter-spacing: 0px;
    }
    p.error {
        color: #EE7276;
        float: left;
    }
    .adduser_page h1 {
        width:100%;
        margin: 0 auto;
    }
    .header-back{
        float: left;
        position: relative;
    }	
    .header-back span{
        position: absolute;
        top: 19px;
        left: 19px;
        font-size: 20px;
        color: #fff;
        cursor: pointer;
    }	
    .edit-user a {     left: 0px;
                       float:left; margin-left: inherit!important;
    }
    .page-direct span:nth-of-type(1) {
        font-size: 150px;
        letter-spacing: 2px;
    }
    .page-direct span:nth-of-type(2) {
        TOP: 0PX;
    }
    .page-direct a {
        MARGIN: 45px AUTO;
    }
    .msg-not-found{    color: rgb(238, 114, 118);}
    .file_drag_div {
        padding: 18px;
    }
    .list-unit li{   
        text-align: left;}
    .login-form .text-danger span {
        color: #EE7276;
    }
    .db-base2{display:none;}
    .acct-bttn{    margin: 0 auto;
                   text-align: center;
                   display: block;
                   float: none!important;}
    .manage-list{    margin: 26px auto 0px;
                     display: block;
                     float: none!important;
                     margin-left: auto!important;
                     margin-right: auto!important;
    }
    .lo {
        clear:both;
        position: relative;
        bottom: -13px;}
    .mobile-dataview  li span:nth-of-type(odd){    opacity: 0.6;}
    .mobile-dataview  li span:nth-of-type(even){    opacity: 1;}
    .acct-log-off{width: 150px!important; opacity: 1!important;
                  margin-top: 1px!important;}
    .er-upload a{    font-size: 16px!important;letter-spacing: 0px;}
    .mobile-dataview span{    word-wrap: break-word;}
    .rq-found a {
        font-size: 16px; letter-spacing:0px;
    }
    .addedlink {
        color: #fff;
        word-wrap: break-word;
        width: 100%;
        height: auto;
        border: transparent; background: transparent;
    }
    input {
        caret-color: #fff!important;
    }
    .text2 {letter-spacing: 0px!important;  font-size:12px!important;}
    .text1 {letter-spacing: 0px!important;  font-size:12px!important;}
    .text3 {letter-spacing: 0px!important;  font-size:12px!important;}
    .show-previous-viewings {
        height: auto;
    }
    .frm-1 {
        width: 100%;
    }
    .frm-2 {
        width: 100%;
    }
    .sr-name-view .rq-layer1 p {
        color: #fff;    text-align: left;
    }
    .number-box {
        width: 100%;
        min-height: 414px;background:none;
        overflow-y: initial;
        border:0px;
    }
    .number-box a:nth-of-type(1) {
        width: 100%;}
    #search-by-number button {
        float: none;
    }
    /*serachmobile*/
    .enq-box li{display: block;
                margin-bottom: 14px;}
    .enq-box li span{display:block; color:#fff;     font-size: 16px;}
    .enq-box ul{
        padding: 20px;
        margin-bottom: 39px;
        background: #0e5489;
        margin-bottom: 34px;
    }
    .enq-box li span:nth-of-type(1){opacity:0.6; margin-bottom:5px;}
    .list-name {float:left;width:100%;}
    .list-name span{text-align: center;
                    float: left;
                    width: 100%;
                    font-size: 18px; float:left;width:100%;
                    color: #fff;}
    .list-name h4{
        float: left;
        width: 100%;
        font-size: 26px;
        font-weight: 500;
        margin-top: 20px;}
    .enq-box{float: left;
             width: 100%;
             margin-top: 27px;}
    .search-resultmobile{    padding: 40px 0px;}
    .viewed-num {word-break: break-word;   }
    .enq-box ul li{        text-align: left;}
    .inq-btn button{display: initial!important;}
    .date-sr a {
        margin: 36px auto 0px!important;
    }
    #search-by-name button {
        float: none;
    }
    .upload-details .rq-layer2 {
        padding-bottom: 0px;  margin: 0 auto;
    }
    .search-by-date #alert p{    color: #923636;}
    .upload-details .request-form {
        width: 100%!important; 
    }
    #alert p{color: rgba(158, 55, 55, 0.74);}
    .error-viewed{    color: rgb(241, 134, 134)!important;}
    .view_manqaer1 {
        width: 100%!important; 
    }
    .mobile-viewed1{display:block!important;}
    .mobile-viewed{display:none!important;}
    .main-meu li a{opacity:1;}
    .acct-bttn{    position: RELATIVE;
                   TOP: 15PX;
    }
    .main-meu li:nth-of-type(1) a {
        margin-top: 7px;
    }
    .main-meu li:nth-of-type(2) a {
        margin-top: 7px;
    }
    button {
        font-size: 16px!important;
    }
    .acct-log-off {
        font-size: 16px!important;
    }
    .rq-layer1 a {
        letter-spacing: 0px;
        font-size: 16px;}
    .number-box {
        margin: 0px auto 0px;}
    .welcome_broker .lgoffbtn {
        font-size: 16px;
    }
    .lgofbtn.lo {
        font-size: 16px;
        font-weight: bold;
    }
    .show-previous .R_U_S_P-LOG-OFF a {
        font-size: 16px;
    }
    .login-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #fff!important;
        opacity: 0.5; /* Firefox */
    }
    .login-form input :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #fff!important;
        opacity: 0.5; /* Firefox */
    }
    .login-form input ::-ms-input-placeholder { /* Microsoft Edge */
        color: #fff!important;
        opacity: 0.5; /* Firefox */
    }
    .arial-center-top .rq-layer1 {
        position: relative;
        top: 0px;
        left: 0px;
        transform: translate(0%,0%); 
        -webkit-transform: translate(0%,0%); 
        -moz-transform: translate(0%,0%);
        ms-transform: translate(0%,-50%);
    }
    .arial-center-top {
        position: relative;
        height: auto;
    }
    .statistics label{text-align:left;}
    .show-previous .welcome_broker {
        height: auto;
    }
    .view_manage {
        width: 100%!important;
    }
    .view_manager2 {
        width:100%!important;
        /* display: block; */
    }
    .frm3 {
        width:100%;
    }
    .sr-label {
        float: left;
        width: 100%;
    }
    .sr-label:nth-of-type(1) {
        margin-right: 0px;
    }
    .mobile-from{ margin-top: 28px; }
}
@media(min-width: 700px) {
    .alert-box.mobi
    {
        display:none!important;
    }
}
@media only screen and (max-width: 991px) {
    .upload-img-popup {
        width: 87%;
    }
    .db-notfound .rq-layer1 {
        width: 100%;
    }
    /* 	.header-title span {    margin-right: -15px;} */
    header {
        height: 60px;
        background: #0084c7;
        /* border-bottom: 2px solid #211b1b4f; */
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5019607843137255);
        -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5019607843137255);
        -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5019607843137255);
    }
    .sidebar-nav li:first-child a {
        padding: 8px 10px 8px;
    }
    .hamburger {
        top: 19px;
    }
    .bootbox .modal-dialog {
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);
        left: 50%;    width: 80%;
    }
    .to_display_result{    color: #fff;
                           text-align: center;}
    label {    float: left;}
    .list-unit li{   
        text-align: left;}
    .error-message-page{
        position: absolute;
        top: 43%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);      
    }
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .rq-proceed{    color: #000;}
    /* html { */
    /* height: 100%; */
    /* } */
    /* body { */
    /* min-height: 100%; */
    /* } */
    body {
        background-repeat: repeat;}
    .R_U_S_P {
        width: 100%;
    }
    .welcome_broker {
        padding: 15px;
        width: 100%;
    }
    .db-notfound .rq-layer1 {
        width: 100%;
    }
    .R_U_S_P li a {
        font-size: 16px;
    }
    .R_U_S_P li:nth-of-type(1) a {
        width: 185px;
    }
    .R_U_S_P li:nth-of-type(2) a {
        width: 247px;
    }
    .R_U_S_P li:nth-of-type(3) a {
        width: 247px;
    }
    .R_U_S_P li:nth-of-type(4) a {
        width: 185px;
    }
    .R_U_S_P li {
        margin-right: 8px;
    }
    .rq-layer1 {
        width: 100%;
        height: auto;   position:relative;  top: 0px;   left:0px;    transform: translate(0%,0%); 
        padding-bottom: 53px;
    }
    .er-msg {
        width: 100%;
    }
    .er-msg ul {
        /* width: 939px; */
        margin: 60px auto 0px;
    }
    .er-upload{width: 897px!important;}
    .rq-found {
        width: 100%;
    }
    .db-found {
        padding: 56px 0px;
    }
    .on-transform1 {   min-height: initial;}
    .adduser_page {
        width: 100%;}
    .list-view {
        width: 100%;
    }
    .list-table {
        width: 100%;
    }
    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
        right: 55px!important;
    }
    .view-upload {
        position: relative;
        height: 476px;
    }
    .login-form input:focus::-webkit-input-placeholder, input:valid::-webkit-input-placeholder {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    .upload-method {
        position: relative;
        height: 509px;
    }
    .db-found .align-center-row {
        HEIGHT: 493PX;
    }
    .uploader{    position: relative;
                  height: 510px;}
    .view_manqaer{    text-align: center;}
    .view_manager {
        position: relative;
        height: 498px;
    }
    .acct-page  {
        width: 100%!important;}
    .v1-data h1 {
        text-align: left;
    }
    .manage-list {
        right: 19%;}
    .req-owner-info{width: 85%;}
    .page-direct {
        margin-top: 0px;
    }
    .er-msg a {
        font-size: 15px;}
    .er-msg li:nth-of-type(2) a {
        width: 419px;
    }
    .manage-account li:nth-of-type(2) a {
        width: 191px!important;
    }
    .to_display_result .db-found .align-center-row {
        min-height: 669PX;
        position: relative;
    }
    .sidebar-nav li:first-child a {
        padding: 18px 10px 18px 10px;
    }
    /*versionb ---kindlefire--*/
    /* .search-by-number .rq-layer1 { */
    /* position: absolute; */
    /* top: 50%;    left: 50%;    transform: translate(-50%,-50%);} */
    .arial-center-serach-number {
        /* position: relative; */
        /* min-height: 95vh; */
    }
    .search-by-date-result {
        padding: 44px 0px;
    }
    .upload-details .rq-layer2 {
        width: 657px;
    }
    .upload-view-center {
        height: auto;
    }
    /*versionb ---kindlefire--*/
    .number-box {
        width: 91%;}
    .upload-details .request-form {
        width: 568px;
    }
    .echo-name {
        border: 1px solid rgba(0, 0, 0, 0.11);
        width: 100%;
    }
    .broker-link a {
        WIDTH: 296px;
    } 
    .broker-link li {
        margin-right: 0px;
    }
    .echo-name table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
        right: 10px!important;
    }
    .number-box .request-form {
        width: 752px;
    }
    .er-msg li:nth-of-type(1) a {
        width: 223px;
    }
    .manage-account li:nth-of-type(2) a {
        width: 238px!important;
    }
    .view_manqaer1 {
        width: 539px!important;
    }
    .view_manage {
        width: 715px!important;
    }
    .show-previous .R_U_S_P li {
        margin-right: 0px;
    }
    .search-by-date .rq-layer2 {
        width: 66%;
    }
    .search-by-date .request-form {
        width:471px;
    }
    .view_manager2 {
        width: 893px!important;
        display: block;
    }
    .view_manager2 li:nth-of-type(1) a {
        width: 236px!important;
    }
    .view_manager2 li:nth-of-type(2) a {
        width: 261px!important;
    }
    .view_manager2_a li:nth-of-type(2) a {    width: 210px!important;}
}
@media only screen and (max-width: 1280px) and (min-width: 1200px) {
    .R_U_S_P {
        width: 100%;
    }
    .welcome_broker {
        padding: 15px;
        width: 100%;
    }
    .method .er-msg {
        width: 100%!important;
    }
    .er-msg ul {
        width: 972px;
        margin: 60px auto 0px;
    }
    .rq-found {
        width: 100%;
    }
    .db-notfound .rq-layer1 {
        width: 100%;
    }
    .rq-layer1 {
        width: 100%;
        height: auto;
        padding-bottom: 53px;
    }
    .db-found {    padding: 60px 0px;}
    .align-center-row {     min-height: initial;    /* position: relative; */}
    .rq-found {   position: relative;    transform: translate(0%,0%); left:0px;     top: 0px;	}
    .on-transform1 {     min-height: initial;    /* position: relative; */}
    .rq-layer1 {   position: relative;    transform: translate(0%,0%); left:0px;     top: 0px;	}
    .on-transform {     min-height: initial;    /* position: relative; */}
    .welcome_broker {      position: relative;   top: 0px;     left: 0px;     transform: translate(0%, 0%); }
    .welcome-broker {padding: 60px 0px;}
    .adduser_page {
        width: 100%;}
    .list-view {
        width: 100%;
    }
    .list-table {
        width: 100%;
    }
    .on-transform {
        position: relative;
        height: 434px;
    }
    .method {
        position: relative;
        height: 492px;
    }
    .view-upload {
        position: relative;
        height: 493px;
    }
    .upload-method {
        position: relative;
        height: 490px;
    }
    .db-found .rq-found {
        position: relative;
        transform: translate(-50%,-50%); 
        -webkit-transform: translate(-50%,-50%); 
        -moz-transform: translate(-50%,-50%); 
        left: 50%;
        top: 50%;
    }
    .db-found .align-center-row {
        HEIGHT: 498PX;
    }
    .view_manqaer{text-align:center;}
    .page-direct {
        margin-top: 0px;
    }
    .adduser_page {
        width: 100%;}
    .req-owner-info{width: 85%;}
    /*versionb---1200*/
    .search-by-number {
        padding: 60px 0px;
    }
    .search-by-date-result {
        padding: 28px 0px;
    }
    .arial-center-serach-number {
        position: relative;
        height: 506px;
    }
    .welcome-broker .on-transform {
        height: 465px;
    }
    .show-previous-viewings {
        height: 466px;
    }
    .er-msg {
        width:100%!important;
    }
    /*versionb---1200*/
    .welcome_broker {
        width: 100%!important;}
}
@media only screen and (min-width: 1400px) {
    .on-transform1 {
        height: 750px;
        position: relative;
    }
    /* .align-center-row { */
    /* min-height: 87vh; */
    /* position: relative; */
    /* } */
    .db-found .align-center-row {
        HEIGHT: 756PX;
        position: relative;
    }
    .on-transform2 {
        height: 743px;
        position: relative;
    }
    .method {
        position: relative;
        height: 829px;
    }
    .rq-layer1{position: absolute;
               top: 50%;
               left: 50%;
               transform: TRANSLATE(-50%,-50%);   -webkit-transform: TRANSLATE(-50%,-50%); -moz-transform: TRANSLATE(-50%,-50%); }
    .acct-align-center {
        position: relative;
        height: 749px;
    }
    .v1-data {
        padding: 90px 0px;
    }
    .on-transform {
        position: relative;
        height: 850px;
    }
    .view-upload {
        position: relative;
        height: 857px;
    }
    .upload-method {
        position: relative;
        height: 877px;
    }
    /* .adduser_page { */
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* height: auto; */
    /* transform: translate(-50%,-50%); */
    /* -webkit-transform: translate(-50%,-50%); */
    /* } */
    .text3 {
        left: 185px;}
    .manage-list {
        position: absolute;
        right: 26%;
        top: 25px;}
    .page-direct{position: absolute;
                 top: 50%;
                 left: 50%;
                 transform: translate(-50%,-50%);    -webkit-transform: translate(-50%,-50%);      }
    .acct-log-off {
        position: absolute;
        bottom: 91px;
    }
    .to_display_result{padding: 107px 0px 107px 0px;}
    .db-notfound .rq-layer1 {
        width: 1227px;
        height: auto;
    }
    .search-by-date-result .arial-center-top {
        height: 804px;
    }
    .arial-center-serach-number {
        position: relative;
        height: 657px;
    }
    .search-by-date .arial-center-top {
        height:660px;}
    .show-previous-viewings {
        position: relative;
        height: 837px;
    }
    .welcome-broker  .on-transform {
        height: 843px;
        position: relative;
    }
    .page-direct {
        margin-top: 178px;
    }
    .search-by-date .rq-layer1 {
        position:absolute; 
        top:50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        ms-transform: translate(-50%,-50%);
    }
    .upload-view-center  .rq-layer1{position:relative;
                                    left: 0px;
                                    right:  0px;
                                    transform: TRANSLATE(0%,0%); 
                                    -webkit-transform: TRANSLATE(0%,0%); 
                                    -moz-transform: TRANSLATE(0%,0%);}
    /*versionb*/
}
/*responsive*/