*, *:before, *:after {
    box-sizing: border-box;
    }
    html {
    overflow-y: scroll;
    }
    @font-face {
    src: url(../fonts/tt1182m_.ttf);
    font-family: "Comic Sans MS", cursive, "Century751 SeBd BT";
    }
    @font-face {
    src: url(../fonts/OpenSans-Regular.ttf);
    font-family: "OpenSans-Regular";
    }
    body {
    font-family: "Titillium Web", sans-serif;
    }
    .button-blocknew {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #00989e, #048389) repeat scroll 0 0;
    border: 1px solid #ffffff;
    display: table;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 8px 0 0;
    overflow: hidden;
    width: 100%;
    }
    .button-blocknew:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #00989e, #048389) repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    opacity: 0.9;
    }
    .button-blocknew.focus, .button-blocknew:focus {
    background-color: #048389;
    border-color: #ffffff;
    color: #ffffff;
    }
    .button-blocknew.active, .button-blocknew:active {
    background-color: #048389;
    border-color: #048389;
    color: #ffffff;
    }
    #circle {
    border: 6px solid rgba(0, 184, 255, 0);
    border-radius: 115px;
    border-spacing: 38px;
    box-shadow: 0 0 14px 1px #000000;
    height: 130px;
    padding: 0;
    width: 130px;
    }
    .button-blocknew-x {
    background: #f39c12;
    border: medium none;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 25px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    transition: all 1s ease 0s;
    border-radius: 3px;
    font-weight: normal;
    }
    .button-blocknew-x:hover {
        opacity:0.8;
    }
    .button-blocknew-x.focus, .button-blocknew-x:focus {
        opacity:0.8;
    }
    .button-blocknew-x.active, .button-blocknew-x:active {
    background: #fff;
    border: 1px solid #d71a21;
    color: #333;
    }
    .button-blocknew-x-1 {}
    .button-blocknew-x-1 a {
    border: 1px solid #cbcbcb;
    color: #000000;
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    }
    .button-blocknew-x-1 a:hover {
    color: #666;
    }
    .button-blocknew1 {
    display: table;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 8px 0 0;
    overflow: hidden;
    float: right;
    background: #ec6f2a;
    border-radius: 3px;
    border: 1px solid;
    border-color:transparent;
    padding: 8px 10px !important;
    transition: all 0.5s ease 0s;
    max-width:130px;
    }
    .button-blocknew1:hover {
    opacity:0.8;
    background: #ec6f2a;
    }
    .button-blocknew1.focus, .button-blocknew:focus {
    opacity:0.8;
    background: #ec6f2a;
    }
    .button-blocknew1.active, .button-blocknew:active {
    opacity:0.8;
    background: #ec6f2a;
    }
    a {
        cursor: pointer;
    text-decoration: none;
    color: #c83636;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    }
    a:hover {
    color: #b43131;
    }
    .form-select {
    background:url(../img/bg-pattern.png);
    border-radius: 4px;
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
    max-width: 100%;
    overflow: hidden;
    }
    .form-select .header {
    background: #f39c12;
    border-bottom: 0 0 0 8px #f15a2399;
    text-align: center;
    padding: 7px 15px;
    padding: 7px 0px;
    font-size: 18px;
    color: #fff;
    text-align: right;
    }
    .form-select .form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ababab;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #000000;
    font-size: 14px;
    height: 42px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 60%;
    }
    
    .form-select .form-control:focus {
    border: 1px solid #f39c12;
    }

    .form-1b {
    box-shadow: 0 0 0 8px #b0e2e9;
    left: 0;
    margin: 0 auto!important;
    max-width: 50%;
    position: absolute;
    right: 0;
    top: 20%;
    }
    @media (max-width: 980px){
    .form-1b {
    margin: 1em 2%;
    top: 5%;
    }
    }

 

    @media (min-width: 769px) and (max-width: 1281px) { 
        .form-1b {

            max-width: 74%;
            right: 0;
            top: 15%;
            }
        }

    @media (max-width: 768px) and (max-width: 980px) {
        .form-1b {
            max-width: 74%;
            right: 0;
            top: 15%;
            }
        }
    

    .form-1b .header {
    background: #21929F;
    border-bottom: 0.5px solid #fff;
    text-align: center;
    padding: 7px 15px;
    padding: 7px 0px;
    font-size: 18px;
    color: #fff;
    text-align: right;
    }
    .left-right-inner {
    overflow: hidden;
    padding: 0px;
    }
    .left-sides {
    float: left;
    max-height: 100%;
    min-height: 400px;
    position: relative;
    top: 0;
    vertical-align: middle;
    width: 50%;
    }
    .right-sides {
    /* background: #fff; */
    float: left;
    max-height: 100%;
    min-height: 400px;
    padding-top: 3em;
    width: 50%;
    }
    @font-face {
    src: url(../fonts/TitilliumWeb-Regular.ttf);
    font-family: Titillium Web;
    }
    .field-wrap-2z h3 {
    color: #ffffff;
    font-family: Titillium Web;
    font-size: 18px;
    letter-spacing: 1px;
    }
    .ribban {}
    .ribban img {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    vertical-align: middle;
    width: 77%;
    }
    .clon-lineb {
    color: #ffffff;
    text-align: center;
    }
    .clon-lineb .logob img {
    border-radius: 5px;
    margin: -20% auto 0;
    max-width: 200px;
    }
    /* visiter pass logo customize */
    .main-contaner>.clon-lineb {
        margin: 0!important;
        }
    .main-contaner>.clon-lineb .logob img {
        border-radius: 5px;
     /*   max-width: 90px;*/
        margin-top: 10px;
        }
       .main-contaner .user-img img{
        width: 100px;
        margin: 5px;
       }
        .main-contaner>.clon-lineb h4 {
            font-size: 14px;
            margin-bottom: 0;
            margin-top: 5px;
        }
          /* End visiter pass logo customize*/
    .clon-lineb h4 {
        margin-top: 0px;
    color: #131212;
    font-family: "OpenSans-Regular";
    letter-spacing: 0px;
    text-transform: uppercase;
    word-spacing: 1px;
    font-size: 16px;
    line-height: 23px;
    font-weight:600;
    }
    .form {
    background: #eee;
    border-radius: 4px;
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
    margin: 3.5% auto;
    max-width: 90%;
    overflow: hidden;
    padding: 0 0em 2em 0;
    }
    .form .header {
    background: #5ab0bd;
    text-align: center;
    padding: 7px 15px;
    padding: 7px 0px;
    font-size: 18px;
    color: #fff;
    text-align: right;
    }

.form-c {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
    margin: 0.5% auto 6.5%;
    overflow: hidden;
    padding: 0 0 0.5em;
    width: 60%;
    height: auto;
    }


    .form-c .header {
    background:#5ab0bd;
    text-align: center;
    padding: 7px 15px;
    padding: 7px 0px;
    font-size: 18px;
    color: #fff;
    text-align: right;
    
    }
    .free-space{ 
    clear:both; 
    padding:2em;
    }
    @media (max-width: 1024px){
    .field-wraper {
    max-width: 100%;
    }
    }
    @media (max-width: 1024px){
    .form-c {
    width: 100%;
    height: auto;
    }
    .form {
        max-width: 100%;
    }
    .form-c .header {
    padding: 0;
    }
    .form .header {
    padding: 0;
    }
    .button-block-b{ 
    margin:0 !important;
    }
    }
    @media (max-width: 480px){
    .button-block-b{ 
    width: 100% !important;
    }
    .button-blockcx{ 
    width: 100% !important;
    }
    }
    @media (max-width: 767px){
    .free-space{ 
    clear:both; 
    padding:6em;
    }
    }
    @media (max-width: 480px){
    .search input{
    display: block;
    float: none;
    margin-right: -13px;
    margin-top: 35px;
    width: 100% !important;
    }
    }
    .border-inner {}
    .form2x {
    /*background: rgba(0, 0, 0, 0) url("../img/wood-1.png") repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
    margin: 3.5% auto;
    max-width: 90%;
    overflow: hidden;
    padding: 0 0em 2em 0;*/
    border-radius: 4px;
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
    margin: 3.5% auto;
    max-width: 90%;
    overflow: hidden;
    padding: 0 0em 2em 0;
    background: #efefef;
    }
    .form2x .header2x {
    background: #5ab0bd;
    border-bottom: 0.5px solid #5ab0bd;
    text-align: center;
    padding: 7px 15px;
    padding: 7px 0px;
    font-size: 18px;
    color: #fff;
    text-align: right;
    }
    .clon-line-j {
    color: #ffffff;
    margin-bottom: 25px;
    text-align: center;
    }
    .clon-line-j .logo-j {
    width: 200px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 6%;
    }
    .clon-line-j .logo-j {
    width: 200px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 2%;
    }
    .center-cover {
    margin: 1% auto;
    padding: 0px 1em;
    }
    .clon-line {
    color: #fff;
    text-align: center;
    }
    .clon-line .logo {
    width: 200px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 2%;
    }
    .clon-line h4 {
    border-bottom: 1px solid #333333;
    color: #333333;
    font-family: "OpenSans-Regular";
    font-size: 20px;
    letter-spacing: 1px;
    padding-bottom: 27px;
    text-transform: uppercase;
    word-spacing: 0;
    }
    .clon-line-x {
    color: #fff;
    text-align: center;
    }
    .clon-line-x .logo-x {
    width: 200px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 2%;
    }
    .clon-line-x h4 {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 25px;
    }
    .clon-line-y {
    color: #ffffff;
    float: right;
    margin-right: 6em;
    text-align: center;
    }
    .clon-line-y .logo-y {
    width: 134px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 2%;
    }
    .clon-line-y h4 {
    color: #ffffff;
    font-family: "OpenSans-Regular";
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    word-spacing: 4px;
    }
    .persion-name {
     display: block;
     margin: 0em 0 -20px 0; 
     padding: 0; 
    }
    .persion-name .welcome img {
    margin: 0 auto;
    max-width: 368px;
    vertical-align: middle;
    }
    .clon-line-x {
    color: #ffffff;
    margin: 6em auto;
    overflow: hidden;
    text-align: center;
    }
    .clon-line-x .logo-x {
    width: 134px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 2%;
    }
    .field-wrap h3 {
    color: #5c5c5c;
    font-family: "OpenSans-Regular";
    letter-spacing: 1px;
    font-size: 18px;
    }
    .field-wrap-x h3 {
    color: #ffffff;
    font-family: "OpenSans-Regular";
    letter-spacing: 1px;
    font-size: 18px;
    }
    .form .footer {
    height: auto;
    border-bottom: none;
    }
    .form-select .footer {
    height: auto;
    border-bottom: none;
    }
    .form-1 {
    border-radius: 4px;
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
    margin: 5.5% auto;
    max-width: 72%;
    overflow: hidden;
    padding: 40px;
    }
    .tab-group {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
    }
    .tab-group:after {
    content: "";
    display: table;
    clear: both;
    }
    .tab-group li a {
    display: block;
    text-decoration: none;
    padding: 15px;
    background: rgba(160, 179, 176, 0.25);
    color: #a0b3b0;
    font-size: 20px;
    float: left;
    width: 50%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    }
    .tab-group li a:hover {
    background: #b43131;
    color: white;
    }
    .tab-group .active a {
    background: #c83636;
    color: white;
    }
    .tab-content > div:last-child {
    display: none;
    }
    .font-style {
    src: url(../fonts/GOTHIC.TTF);
    src: url(../fonts/GOTHICB.TTF);
    src: url(../fonts/GOTHICBI.TTF);
    src: url(../fonts/GOTHICI.TTF);
    font-family: "Century Gothic";
    font-size: 40px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 1px;
    }
    label {
    color: #fff;
    font-weight: normal;
    }
    .select {
    -moz-appearance: none;
    }
    .clon-line label .req {
    margin: 2px;
    color: #c83636;
    }
    .clon-line-x label .req {
    margin: 2px;
    color: #c83636;
    }
    label.active {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    left: 2px;
    font-size: 14px;
    }
    label.active .req {
    opacity: 0;
    }
    label.highlight {
    color: white;
    }
    input, textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #ffffff;
    border-radius: 2px;
    color: #505050;
    display: block;
    float: right;
    font-size: 18px;
    height: 100%;
    margin-top: 9px;
    padding: 2px 10px;
    transition: border-color 0.25s ease 0s, box-shadow 0.25s ease 0s;
    width: 50%;
    }
    input:focus, textarea:focus {
    outline: 0;
    border-color: #09F;
    }
    textarea {
    resize: vertical;
    }
    .field-wrap {
    margin: 2% 10% 0 10%;
    overflow: hidden;
    }
    .field-wrap-2z {
    margin: 20% 10% 10% 10%;
    overflow: hidden;
    }
    .field-wrap-x {
    margin: 5% 10% 0 10%;
    overflow: hidden;
    }
    .user_link {
    border-left: 1px solid #fff;
    font-size: 14px;
    margin: 0 10px;
    padding: 0 0 0 20px;
    color: #fff;
    text-transform: capitalize;
    }
    .user_link:first-child {
    border-left: none;
    }
    .top-row:after {
    content: "";
    display: table;
    clear: both;
    }
    .top-row > div {
    float: left;
    width: 48%;
    margin-right: 4%;
    }
    .top-row > div:last-child {
    margin: 0;
    }
    .button-block-b {
    background: #f39608;
    border: 1px solid #0b2b4d;
    border-radius: 3px;
    color: #ffffff;
    display: table;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 10px 0 15px 0;
    overflow: hidden;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: all 1s ease 0s;
    }
    .button-block-b:hover {
    opacity: 0.8;
    }
    @font-face {
    src: url(../fonts/GRATIS.ttf);
    font-family: GRATIS;
    }
    .button-block-c {
    background: #e6aa4f;
    border: medium none;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 8px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    transition: all 1s ease 0s;
    border-radius: 3px;
    font-weight: normal;
    }
    .button-block-c:hover {
    opacity: 0.8;
    }
    .button-block {
    background: #00989e none repeat scroll 0 0;
    border: 1px solid #ffffff;
    display: table;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 20px 0 0;
    overflow: hidden;
    padding: 10px;
    text-transform: uppercase;
    width: 100%;
    }
    .button-block:hover {
    background: #048389;
    border: 1px solid #ffffff;
    color: #ffffff;
    opacity: 0.9;
    }
    .button-blockcx {
    background: #13283A;
    border: 1px solid #13283A;
    color: #ffffff;
    display: table;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 20px 0 0;
    overflow: hidden;
    padding: 7px;
    text-transform: uppercase;
    width: 130px;
    float:right;
    transition: all 1s ease 0s;
    border-radius:3px;
    }
    .button-blockcx:hover {
    background: #048389;
    border: 1px solid #ffffff;
    color: #ffffff;
    opacity: 0.9;
    }
    .button-block-noA {
    background: #096167;
    border: 1px solid #ffffff;
    color: #ffffff;
    display: table;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 9px 0px 0;
    overflow: hidden;
    padding: 7px 10px;
    text-transform: uppercase;
    transition: all 1s ease 0s;
    width: 166px;
    }
    .button-block-noA:hover {
    background: #048389 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    opacity: 0.9;
    }
    .button-block.focus, .button-block:focus {
    background-color: #048389;
    border-color: #ffffff;
    color: #ffffff;
    }
    .button-block.active, .button-block:active {
    background-color: #048389;
    border-color: #048389;
    color: #ffffff;
    }
    .button-block-no {
    background: #096167;
    border: 1px solid #ffffff;
    color: #ffffff;
    display: table;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 9px 0px 0;
    overflow: hidden;
    padding: 7px 10px;
    text-transform: uppercase;
    transition: all 1s ease 0s;
    width: 130px;
    }
    .button-block-no:hover {
    background: #048389 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    opacity: 0.9;
    }
    .button-block-no.focus, .button-block-no:focus {
    background-color: #048389;
    border-color: #ffffff;
    color: #ffffff;
    }
    .button-block-no.active, .button-block-no:active {
    background-color: #048389;
    border-color: #048389;
    color: #ffffff;
    }
    .new-file-m, input[type="file"] {
    border: 1px solid #c4c4c4;
    font-size: 14px;
    padding: 6px;
    }
    .button-block-x {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #00989e, #048389) repeat scroll 0 0;
    border: 1px solid #ffffff;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 8px 0 0;
    overflow: hidden;
    text-transform: uppercase;
    width: 167px;
    }
    .button-block-x:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #00989e, #048389) repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    opacity: 0.9;
    }
    .button-block-x.focus, .button-block-x:focus {
    background-color: #048389;
    border-color: #ffffff;
    color: #ffffff;
    }
    .button-block-x.active, .button-block-x:active {
    background-color: #048389;
    border-color: #048389;
    color: #ffffff;
    }
    .button-block-1 {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #00989e, #048389) repeat scroll 0 0;
    border: 1px solid #ffffff;
    display: table;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 8px 0 0 0;
    overflow: hidden;
    width: 100% !important;
    text-transform: uppercase;
    }
    .button-block-1:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #00989e, #048389) repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    opacity: 0.9;
    }
    .button-block-1.focus, .button-block-1:focus {
    background-color: #048389;
    border-color: #ffffff;
    color: #ffffff;
    }
    .button-block-1.active, .button-block-1:active {
    background-color: #048389;
    border-color: #048389;
    color: #ffffff;
    }
    .flat_owner_otp {
    width: 40%;
    }
    .field-wrap-2 {
    float: right;
    width: 40%;
    }
    .out_time {
    color: #fff;
    float: right;
    margin-bottom: 15px;
    }
    .time_out {
    border-radius: 2px;
    display: inline-block;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    width: 100px;
    }
    .forgot {
    margin-top: -20px;
    text-align: right;
    }
    footer {
    background-color: #222222;
    color: lightgrey;
    position: absolute;
    text-align: center;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 10px;
    font-family: "Titillium Web", sans-serif;
    }
    #otherPages {
    margin: 5% 2%;
    }
    .manga-panel {
    background-color: Gray;
    opacity: 0.9;
    margin: 5%;
    }
    .thumbnail {
    width: 150px;
    }
    .tg {
    border-collapse: collapse;
    border-spacing: 0;
    border-color: #ccc;
    border: none;
    }
    .tg td {
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 10px 5px;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
    word-break: normal;
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    }
    .tg th {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 5px;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
    word-break: normal;
    border-color: #ccc;
    color: #333;
    background-color: #f0f0f0;
    }
    .tg .tg-yw4l {
    vertical-align: top;
    }
    @media screen and (max-width: 1024px) {
    .clon-line-x {
    margin: 0 auto;
    }
    .color-clas-1 {
    padding: 20px !important;
    
    }
    }
    @media screen and (max-width: 767px) {
    .clon-line-x {
    margin: 0 auto;
    }
    .clon-line-y {
    margin: 0 auto;
    }
    .color-clas-1 {
    padding: 20px !important;
    }
    .form {
    max-width: 100%;
    }
    .form-select {
    max-width: 100%;
    }
    .line {
    top: 29%;
    }
    .tg {
    width: auto !important;
    }
    .tg col {
    width: auto !important;
    }
    .tg-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    }
    }
    @media screen and (min-width: 767px) {
    .main-contaner {
    max-width: 90%
    }
    .main-contaner .model-1 {
    margin: 0 !important;
    }
    .main-contaner .model-2 {}
    .main-contaner-a {
    max-width: 90%
    }
    .main-contaner-a .model-1-a {
    margin: 0 !important;
    }
    .main-contaner-a .model-2-a {}
    .main-contaner-b {
    max-width: 90%
    }
    .main-contaner-b .model-1-b {
    margin: 0 !important;
    }
    .main-contaner-b .model-2-b {}
    }
     @media screen and (min-width: 768px) {
    .button-block {
    width: 130px !important;
    float: right !important;
    }
    .button-block-1 {
    width: 130px !important;
    }
    }
    @media screen and (min-width: 1024px) {}
    @media screen and (max-width: 642px) {
    .main-contaner .model-1 {
    background: #21929F;
    width: 100% !important;
    margin: 0 !important;
    }
    .main-contaner-a .model-1-a {
    background: #21929F;
    width: 100% !important;
    margin: 0 !important;
    }
    .main-contaner-b .model-1-b {
    background: #21929F;
    width: 100% !important;
    margin: 0 !important;
    }
    .button-block {
    width: 130px !important;
    float: right;
    }
    .button-block-1 {
    width: 130px !important;
    float: right;
    }
    .main-contaner .model-2 {
    width: 100% !important;
    margin: 0 !important;
    border: none !important;
    }
    .main-contaner-a .model-2-a {
    width: 100% !important;
    margin: 0 !important;
    border: none !important;
    }
    }
    .heading {
    color: #5d5d5d;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0 14px;
    }
    .heading-4 {
    color: #999999;
    font-size: 22px;
    letter-spacing: 1px;
    padding: 9px 16px;
    }
    .heading-1 {
    border-bottom: 1px solid;
    color: #ffffff;
    font-size: 22px;
    letter-spacing: 1px;
    padding: 9px 16px;
    text-transform: capitalize;
    }
    .box-modal-right{
    display: inline-block;
    margin: 20px 0;
    width: 100%;
    }
    .heading-1A {
    color: #333;
    float: left;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 5px 15px;
    padding: 9px 16px;
    text-transform: capitalize;
    }
    .heading-1AB{
    float: left;
    }
    #pre_inform_register_button a:focus, #pre_inform_register_button a:hover {
    color: #fff;
    text-decoration: none;
    }
    .reportbtnA {
    background: #0b2a4d ;
    border: 1px solid ;
    border-color: transparent;
    color: #ffffff;
    display: table;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 9px 0 0;
    overflow: hidden;
    padding: 7px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 1s ease 0s;
    width: 250px;
    border-radius: 3px;
    border-color: transparent;
    }
    .reportbtnA:hover {
    color:#fff !important;
    background-color: transparent;
    text-decoration:none;
    border:1px solid #0b2a4d;
     background: #0b2a4d ;
    }
    #pre_inform_register_button{
        margin-left:33%;
    }
    @media (max-width:640px){
    .heading-1A {
    margin: 5px 8px;
    padding: 9px 0;
    }
    }
    @media (max-width:360px){
        #pre_inform_register_button {
    margin-left: 0%;
}
    .heading-1A {
    display: block;
    margin: 0 auto 10px auto;
    padding: 9px 0;
    text-align: center;
    width: 100%;
    }
    .heading-1AB {
    clear: both;
    display: block;
    float: none;
    margin: 15px 0;
    width: 100%;
    }
    .reportbtnA {
    margin: 0 auto;
    }
    }
    .heading-3 {
    border-bottom: 1px solid;
    color: #999999;
    font-size: 22px;
    letter-spacing: 1px;
    padding: 9px 16px;
    text-transform: capitalize;
    }
    .bullet-text {
    border: 1px solid #cccccc;
    color: #787878;
    font-size: 30px;
    height: 50px;
    letter-spacing: 3px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    width: 119px;
    }
    .footer-sction {
    background-color: #102f4e;
    background-image: linear-gradient( -50deg, #141516 0%, #2194a7 50%, #5ab0bd 50%, #5ab0bd 50%);
    bottom: 0;
    color: #fff;
    left: 0;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 10px;
    position: fixed;
    right: 0;
    z-index: 9999;
    }
    .footer-sction a{
    color: #fff; 
    text-align: right; 
    text-decoration: none;
    }
    /****************************************************/
    .row-section-new {
    overflow: hidden;
    padding: 3% 10px;
    }
    .count-main {
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    background: #800000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    margin: 5px;
    overflow: hidden;
    padding: 10px;
    width: 100%;
    }
    .text-center {
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    border-right: 2px solid #b72d22;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    }
    .text-center-1 {
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    }
    #wrap {
    margin: 0 auto;
    }
    @media (max-width: 680px) {
    .clon-line .logo {
    width: 250px;
    margin: 10px auto;
    }
    .clon-line-x .logo-x {
    width: 126px;
    margin: 10px auto;
    }
    .clon-line-x h4 {
    font-size: 16px !important;
    margin: 0 10px;
    }
    .clon-line-y .logo-y {
    width: 250px;
    margin: 10px auto;
    }
    .footer-sction {
    bottom: -14px;
    margin: 0;
    position: relative;
    }
    }
    @media (max-width: 1024px) {
    .footer-sction {
    bottom: 0;
    left: 0;
    margin: 0;
    position: fixed;
    }
    }
    /**************logout-logo******************/
    .img_logout {
    text-align: left;
    width: 80%;
    margin: 0 auto;
    }
    .img_logout figure img {
    margin: 0 auto;
    border-radius: 5px;
    }
    .img_logout .profile-header {
    background: #fff;
    overflow: hidden;
    padding: 4px 0;
    margin-top: 5%;
    border-top: 5px solid #224363;
    border-left: 5px solid #224363;
    border-right: 5px solid #224363;
    }
    .img_logout .profile-header .btn-profile {
    font-size: 26px;
    }
    .img_logout .profile-header .btn-primary {
    width: auto;
    margin-bottom: 0;
    }
    .img_logout .profile-header .btn-primary a {
    color: #fff;
    }
    .img_logout .profile-header .btn-primary a:hover {
    text-decoration: none;
    }
    /****************************profile************************************/
    #profile {
    max-width: 1920px;
    margin: 5% auto;
    }
    .profile {
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    padding: 15px 0;
    width: 80%;
    margin: 0 auto;
    border: 5px solid #224363;
    margin-bottom: 10px;
    }
    .profile .pic {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    height: 50%;
    }
    .profile .details {
    text-align: left;
    }
    .profile .details .title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 3em;
    }
    .profile .details h3 {
    margin: 0;
    color: #337ab7;
    }
    .profile .details .title a:hover {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    }
    .profile .details .edit {
    float: right;
    }
    .profile .details .form-group {
    border-bottom: 1px solid #bfbfbf;
    }
    .profile .details label {
    width: 36%;
    color: #13283a;
    margin-right: 1em;
    font-weight: 600;
    letter-spacing: 0.5px;
    }
    .profile .details .flat_p {
    color: #053c5d;
    font-weight: bold;
    }
    .profile .details .view {
    float: right;
    }
    .profile .details .check label {
    width: 5%;
    float: left;
    }
    .profile .details .check span {
    width: 5%;
    float: left;
    margin-right: 10%;
    }
    /***********popup*****************/
    .img-replace {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    }
    /*--------------------------------*/
    .cd-nugget-info {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    bottom: 0;
    left: 0;
    }
    .cd-nugget-info a {
    position: relative;
    font-size: 14px;
    color: #5e6e8d;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    }
    .no-touch .cd-nugget-info a:hover {
    opacity: .8;
    }
    .cd-nugget-info span {
    vertical-align: middle;
    display: inline-block;
    }
    .cd-nugget-info span svg {
    display: block;
    }
    .cd-nugget-info .cd-nugget-info-arrow {
    fill: #5e6e8d;
    }
    /*---------Main components----------------------- */
    .cd-popup-trigger {
    display: block;
    height: 36px;
    line-height: 28px;
    margin: 3em auto;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 50em;
    background: #13283a;
    border: 4px solid #ccc;
    }
    .cd-popup-trigger-1 {
    overflow: hidden;
    display: block;
    }
    .new-button {}
    .new-button {
    background: #21929f none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    display: block;
    float: right;
    line-height: 36px;
    overflow: hidden;
    text-align: center;
    width: 123px;
    }
    .new-button:hover {
    background: #21929f;
    color: #fff;
    text-decoration: none;
    }
    .popup-owner-record-1 {
    overflow: hidden;
    display: block;
    }
    .popup-owner-record-1 .new-button-1 {}
    .popup-owner-record-1 .new-button-1 {
    background: #21929f none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    display: block;
    float: right;
    line-height: 36px;
    overflow: hidden;
    text-align: center;
    width: 123px;
    }
    .popup-owner-record-1 .new-button-1:hover {
    background: #21929f;
    color: #fff;
    text-decoration: none;
    }
    @media only screen and (min-width: 1170px) {
    .cd-popup-trigger {
    margin: 0 auto;
    }
    }
    /*------------------xpopup--------------------- */
    .cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(4, 131, 137, 0.65);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    }
    .cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    }
    .cd-popup-container {
    position: relative;
    width: 100%;
    max-width: 30%;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    .cd-popup-container .title {
    background:#0572b7;
    }
    .cd-popup-container .title h3 {
    color: #ffffff;
    font-family: opensans-regular;
    font-size: 18px;
    padding: 15px 10px;
    }
    .cd-popup-container .form-fields {
    width: 80%;
    margin: 0 auto;
    }
    .cd-popup-container .form-control {
    height: 36px;
    }
    .cd-popup-container textarea.form-control {
    height: 100%;
    }
    .cd-popup-container p {
    padding: 3em 1em;
    }
    .cd-popup-container .cd-buttons:after {
    content: "";
    display: table;
    clear: both;
    }
    .cd-popup-container ul {
    padding: 0;
    }
    .cd-popup-container .cd-buttons li {
    text-align: center;
    display: inline;
    list-style: none;
    margin: 0 10px;
    }
    .cd-popup-container .btn {
    padding: 6px;
    }
    .cd-popup-container .cd-buttons a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-transform: uppercase;
    color: #FFF;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
    }
    .cd-popup-container .cd-buttons li:first-child a {
    background: #fc7169;
    border-radius: 0 0 0 .25em;
    }
    .no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
    background-color: #fc8982;
    }
    .cd-popup-container .cd-buttons li:last-child a {
    background: #b6bece;
    border-radius: 0 0 .25em 0;
    }
    .no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
    background-color: #c5ccd8;
    }
    .cd-popup-container .cd-popup-close {
    background: rgba(0, 0, 0, 0) url("../img/cancel.png") no-repeat scroll 0 0;
    height: 30px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 30px;
    }
    .is-visible .cd-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    }
    @media only screen and (min-width: 1170px) {
    .cd-popup-container {
    margin: 8em auto;
    }
    }
    /***************2nd***********/
    .popup-trigger {
    display: block;
    height: 36px;
    line-height: 28px;
    margin: 3em auto;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 50em;
    background: #13283a;
    border: 4px solid #ccc;
    }
    .headers img {
    width: 100px;
    }
    @media only screen and (min-width: 1170px) {
    .popup-trigger {
    margin: 0 auto;
    }
    .icon-img img {
    margin-right: 2px;
    width: 20px;
    }
    }
    @media only screen and (max-width: 1024px) {
    .icon-img img {
    margin-right: 12px;
    width: 26px;
    }
    }
    /*-------------------xpopup-------------------- */
    .cd-popups {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(4, 131, 137, 0.65);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    }
    .cd-popups.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    }
    /**************3rd***********/
    .popup-triggers {
    display: block;
    height: 36px;
    line-height: 28px;
    margin: 3em auto;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 50em;
    background: #13283a;
    border: 4px solid #ccc;
    }
    @media only screen and (min-width: 1170px) {
    .popup-triggers {
    margin: 0 auto;
    }
    }
    .cd-popup-no {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(4, 131, 137, 0.65);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    }
    .cd-popup-no.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    }
    /**************owner record***********/
    .popup-owner-record {
    display: block;
    height: 34px;
    line-height: 28px;
    margin: 3em auto;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 2px;
    padding: 0 15px;
    }
    @media only screen and (min-width: 1170px) {
    .popup-owner-record {
    margin: 0 auto;
    }
    }
    .opt {
    width: 22%;
    }
    .opt .btn {
    width: 36%;
    }
    .owner-record {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    }
    .owner-record.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    }
    /***************pre-inform***********/
    .pre-inform {}
    @media only screen and (min-width: 1170px) {
    .pre-inform {
    margin: 0 auto;
    }
    }
    /*---------xpopup--------------- */
    .inform {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(4, 131, 137, 0.65);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    }
    .inform.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    }
    /********visitor-record table******/
    #visitor-record {
    margin: 0 auto 10%;
    max-width: 1920px;
    }
    #visitor-record .logo img {
    border-radius: 5px;
    margin: 14px auto 24px auto;
    width: 200px;
    }
    .vscroller {
    position: relative;
    overflow: auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    }
    .vscroller-content {
    position: relative;
    padding: 0;
    margin-right: 0;
    }
    .vscroller-scroll-body {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #39668f;
    width: 10px;
    border-radius: 8px;
    opacity: 0.3;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    }
    .vscroller-drag .vscroller-scroll-body, .vscroller-scroll-body:hover {
    opacity: 1;
    }
    .vscroller.advanced .vscroller-scroll:focus {
    background: yellow;
    -webkit-box-shadow: 0 2px 8px 0 yellow;
    box-shadow: 0 2px 8px 0 yellow;
    }
    .vscroller-scroll {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #ccc;
    width: 10px;
    height: 45px;
    border-radius: 8px;
    transition: background-color 0.25s;
    -webkit-transition: background-color 0.25s;
    z-index: 99;
    cursor: pointer;
    }
    .vscroller-scroll:focus {
    background: #ccc;
    }
    .vscroller input {
    width: auto;
    }
    .conform-sms {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    }
    .conform-sms.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    }
    .sms {
    width: 20%;
    }
    #visitor-record .form-fields {
    width: 80%;
    }
    #visitor-record .form-control {
    background-color: transparent;
    }
    #visitor-record .btn {
    width: 100%;
    margin-bottom: 0;
    }
    .conform-sms .cd-buttons li {
    display: inline-block;
    }
    .conform-sms .button-otp {
    background: #fc7169;
    border-radius: 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-transform: uppercase;
    color: #FFF;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
    box-shadow: 0 0 0 5px #eee;
    }
    .button-conform {
    background: #31bd7d;
    border: medium none;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    padding: 4px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease 0s;
    }
    .button-conform:hover {
    opacity: 0.8;
    text-decoration: none;
    color: #ffffff;
    }
    .button-conform:focus {
    opacity: 0.8;
    text-decoration: none;
    color: #ffffff;
    }
    .div-padding {
    display: inline-block;
    margin-bottom: 0px;
    padding: 0px 10px;
    width: 100%;
    }
    .control-label-1 {
    padding: 7px;
    text-align: right;
    }
    .file {
    visibility: hidden;
    position: absolute;
    }
    .siz {
    height: 36px;
    }
    .frame-box img {
    border: 1px solid #ffffff;
    border-radius: 2px;
    width: 120px;
    }
    .button-block-2 {
    margin: 0;
    }
    /**************************NAVIGATION***************/
    #nav-trigger {
    display: none;
    text-align: center;
    }
    #nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
    width: 100%;
    }
    #nav-trigger span:after {
    display: inline-block;
    margin-left: 10px;
    width: 20px;
    height: 10px;
    content: "";
    border-left: solid 10px transparent;
    border-top: solid 10px #fff;
    border-right: solid 10px transparent;
    }
    #nav-trigger span:hover {}
    #nav-trigger span.open:after {
    border-left: solid 10px transparent;
    border-top: none;
    border-bottom: solid 10px #fff;
    border-right: solid 10px transparent;
    }
    nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    }
    nav#nav-main li {
    display: inline-block;
    border-right: solid 1px #fff;
    padding: 0;
    }
    nav#nav-main li:last-child {
    border-right: none;
    }
    nav#nav-main a {
    display: block;
    color: white;
    padding: 3px 0px;
    }
    nav#nav-main a .icon-img img {
    margin-right: 2px;
    width: 26px;
    }
    nav#nav-main a:hover {
    color: #ffffff;
    text-decoration: none;
    }
    nav#nav-mobile {
    position: relative;
    display: none;
    }
    nav#nav-mobile ul {
    background-color: #006e74;
    display: none;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 999;
    }
    nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: 1px solid #242424;
    }
    nav#nav-mobile li:last-child {
    border-bottom: none;
    }
    nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px;
    }
    nav#nav-mobile a:hover {
    color: #fff;
    text-decoration: none;
    }
    /*---------Media Queries------------------ */
    @media (max-width: 640px){
    .btnOtp {
    margin-left: 15px;
    }
    }
    @media all and (max-width: 1024px) {
    nav#nav-mobile a {
    padding: 4px 0;
    text-align: left;
    }
    #nav-trigger {
    display: block;
    }
    nav#nav-main {
    display: none;
    }
    nav#nav-mobile {
    display: block;
    }
    .clon-line h4 {
    border-bottom: 1px solid #ffffff;
    font-size: 16px;
    margin: 4px 10px 22px;
    padding-bottom: 7px;
    }
    .clon-line-x h4 {
    font-size: 17px;
    margin: 0 10px;
    }
    .clon-line-y h4 {
    font-size: 17px;
    margin: 0 10px;
    }
    .field-wraper {
    margin-top: 4%;
    }
    .field-wrap {
    margin-top: 4%;
    }
    .field-wrap-x {
    margin: 4% 0 0 !important;
    }
    .margin-call {
    padding: 0 15px !important;
    margin-top: 10px !important;
    }
    }
    @media all and (max-width: 767px;) {}
    .margin-call {
    margin: 0;
    padding: 0;
    }
    @media (max-width: 767px) {
    .form .header {
    padding:0;
    }
    .heading h3 {
    font-size: 18px;
    }
    .center-cover h3 {
    font-size: 17px !important;
    width: 100%;
    }
    .center-cover {
    padding: 10px !important;
    }
    }
    .main-panel-body {
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
    }
    .main-panel-body span {
    color: #ffffff;
    display: block;
    font-size: 18px;
    padding: 10px 0;
    }
    @media only screen and (min-width: 767px) {
    body {
    font-family: "OpenSans-Regular";
    }
    .posion {
    margin: 3.5%;
    max-width: 50%;
    padding: 0 15px;
    }
    }
    .posion {
    margin: 3.5%;
    max-width: 100%;
    padding: 0 15px;
    }
    /**************************************/
    .main-file {
    background: url(../img/wood-1.png);
    border: 1.5px solid #31373a;
    border-radius: 4px;
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
    margin: 3.5% auto;
    max-width: 100%;
    overflow: hidden;
    padding: 15px;
    }
    .side-panel {
    background: #fff;
    border: 1.5px solid #31373A;
    border-radius: 4px;
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
    margin: 7.5% auto;
    max-width: 100%;
    overflow: hidden;
    padding: 15px;
    }
    @media only screen and (max-width: 767px) {
    body {
    font-family: "Titillium Web", sans-serif;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    }
    .main-file {
    display: block;
    float: left;
    margin: 3.5% 15px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 54%;
    }
    .side-panel {
    margin: 3.5% 0px;
    max-width: 100%;
    padding: 15px;
    }
    }
    @media only screen and (max-width: 1024px) {
        #pre_inform_register_button {
    /* margin-left: 30%; */
}
    .side-panel {
    margin: 5.5% 0px;
    }
    body {
    font-family: "Titillium Web", sans-serif;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    }
    }
    btn-danger-1 {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    font-weight: bold;
    width: 30%;
    margin-bottom: 10px;
    }
    .icon-image {
    width: 50%;
    overflow: hidden;
    float: left;
    }
    .icon-image a img {
    float: left;
    width: 90%;
    border: 1px solid #fff;
    margin: 0 9px;
    border-radius: 10px;
    }
    .form-2 {
    margin: 7.3% auto;
    overflow: hidden;
    }
    /****************************************************************************/
    #profile-1 {
    margin: 3.5% auto;
    max-width: 1920px;
    overflow:hidden;
    }
    .profile-1 {
    background: #ffffff none repeat scroll 0 0;
    margin: 0 auto 10px;
    overflow: hidden;
    padding: 15px 0;
    width: 100%;
    }
    .profile-1 .pic {
    border-radius: 5px;
    height: 50%;
    overflow: hidden;
    width: 100%;
    }
    .profile-1 .details .title {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 1em;
    overflow: hidden;
    }
    .profile-1 .details .title p {
    background: #0e7f8c;
    color: #ffffff;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 34px;
    padding: 10px;
    line-height: 16px;
    }
    .profile-1 .details .title h3 {
    background: #31b9ad none repeat scroll 0 0;
    color: #ffffff;
    line-height: 16px;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 34px;
    margin-top: 0;
    padding: 10px;
    text-transform: uppercase;
    }
    #profile-1 h4 {
    font-family: opensans-regular;
    font-size: 24px;
    }
    .profile-1 .details label {
    color: #13283a;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-right: 3px;
    width: 36%;
    }
    .profile-1 .details .form-group {
    border-bottom: 1px solid #bfbfbf;
    }
    .profile-1 .details .flat_p {
    color: #053c5d;
    font-weight: bold;
    }
    .profile-1 .details .check label {
    float: left;
    width: 29px;
    }
    .profile-1 .details .check span {
    float: left;
    margin-right: 10%;
    width: 5%;
    }
    .profile-1 .details {}
    .pannel-main-1 {
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    display: block;
    overflow: hidden;
    width: 100%;
    }
    .box-main-11 {
    overflow: hidden;
    padding: 10px;
    width: 100%;
    border-right: 1px solid #cccccc;
    }
    @media (max-width: 1024px){
    .box-main-11 {
    border-right: none;
    }
    .headerss img {
    padding-top: 17px;
    }
    }
    .headers img {
    padding-top: 17px;
    }
    @media (max-width: 1280px){
    .headers img {
    padding-top: 17px;
    }
    }
    .box-main-21 {
    overflow: hidden;
    padding: 10px;
    width: 100%;
    }
    .user_links:first-child {
    border-left: medium none;
    }
    .user_links {
    border-left: 1px solid #ffffff;
    color: #ffffff;
    font-size: 14px;
    margin: 0 10px;
    padding: 0 0 0 20px;
    text-transform: capitalize;
    
    }
    .user_links_btn:first-child {
    border-left: medium none;
    }
    .user_links_btn {
    background-color:transparent;
    border-left: 1px solid #ffffff;
    border-radius: 49px;
    color: #ffffff;
    font-size: 14px;
    margin: 0;
    padding: 5px 20px !important;
    text-transform: uppercase;
    }
    .profile-12 {
    max-width: 1254px;
    padding: 10px 2em;
    }
    .profile-1 .pic img {
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    height: 252px;
    overflow: hidden;
    padding: 3px;
    width: 100%;
    }
    @media (min-width: 640px){
    .profile-1 .pic img {
    height: 250px;
    width: 250px;
    }
    .box-main-11 {
    font-weight: bold;
    }
    .div-padding1 {
        display: block;
        padding: 4px 0;
    }
    
    .div-padding-1s {
        display: block;
        padding: 4px 0;
    }
    
    }
    @media (max-width:480px){
        .main-contaner-b .model-2-b {
        border-top: 1px solid #dfdfdf;
        float: none;
        width: 100% !important;
        border-left: none!important;
    }
    }
    @media (max-width: 1024px){
    .profile-1 .pic img {
    height: auto;
    width: auto;
    }
    .box-main-11 {
    font-weight: bold;
    }
    }
    @media (max-width: 1280px){
    .profile-1 .pic img {
    height: auto;
    width: auto;
    }
    }
    .div-padding1 {
    display: inline-block;
    margin: 2em auto 0 auto;
    padding: 4px 10px;
    width: 100%;
    }
    .div-padding-1s {
    margin: 0 auto 2em auto;
    padding: 3em;
    }
    .main-contaner {
    border: 1px solid #dfdfdf;
    margin: 0px auto;
    max-width: 80%;
    overflow: hidden;
    background: #fff;
    }
    .main-contaner2 {
    margin: 0 auto;
    max-width: 80%;
    overflow: hidden;
    }
    .main-contaner .model-1 {
    border-right: 1px solid #dfdfdf;
    color: #5c5b5b;
    background: #fff;
    float: left;
    margin: 0 10px;
    padding: 10px;
    width: 45%;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
    }
    .main-contaner .model-2 {
    background: #fff;
   /* border-left: 1px solid #dfdfdf;*/
    color: #343434;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 10px;
    width: 45%;
    }
    .main-contaner-a {
    background: #28B6B7;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    margin: 0 auto;
    max-width: 80%;
    overflow: hidden;
    }
    .main-contaner-a .model-1-a {
    color: #ffffff;
    float: left;
    text-transform: uppercase;
    margin: 0 10px;
    padding: 10px;
    width: 45%;
    }
    .main-contaner-a .model-2-a {
    border-left: 1px solid #ffffff;
    color: #ffffff;
    float: left;
    text-transform: uppercase;
    margin: 0;
    overflow: hidden;
    padding: 10px;
    width: 45%;
    }
    .main-contaner-b {
    background: #fff;
    border: 1px solid #dfdfdf;
    margin: -1px auto;
    max-width: 80%;
    overflow: hidden;
    }
    .main-contaner-b .model-1-b {
    color: #5c5b5b;
    background: #fff;
    float: left;
    margin: 0 10px;
    padding: 10px;
    width: 45%;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
    }
    .main-contaner-b .model-2-b {
    border-left: 1px solid #dfdfdf;
    color: #343434;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 10px;
    width: 45%;
    }
    .form-add-new {
    margin: 0 auto;
    width: 100%;
    }
    .control-label-a {
    padding: 7px;
    text-align: right;
    color: #fff;
    }
    @media (max-width: 767px) {
    }
    .link-line {}
    .link-line a {
    background: #21b4be none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    padding: 4px 15px;
    text-decoration: none;
    }
    .vscroller1 {
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10 20px;
    margin: 2px;
    }
    .left-1 {
    display: block;
    float: left;
    margin: 6px 5px 0px 0px;
    overflow: hidden;
    width: 100px;
    }
    .left-1 input {
    display: inline-block;
    float: left;
    width: 30px;
    }
    .left-1 span {
    float: left;
    color: #fff;
    }
    .new-file, input[type="file"] {
    border: 1px solid #c4c4c4;
    font-size: 14px;
    padding: 6px;
    float: left;
    }
    .col-div-col {
    display: table;
    width: 100%;
    }
    .center-cover h3 {
    color: #ffffff;
    font-family: "OpenSans-Regular";
    font-size: 18px;
    letter-spacing: 1px;
    }
    .form-1x {
    background: #fff;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    padding: 0 0 32px;
    }
    .form-1x label {
    color: #000;
    }
    .form-1x .header {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ececec;
    color: #ffffff;
    display: table;
    font-size: 18px;
    padding: 10px;
    text-align: right;
    width: 100%;
    }
    .col-div-col-btn {
    display: table;
    width: 100%;
    margin-top: 0;
    margin-right: 15px;
    }
    .col-div-col-btn-x {
    display: table;
    width: 100%;
    margin-top: 0;
    margin-right: 15px;
    }
    .form-group {
    overflow: inherit;
    }
    .modal-dialog .modal-header {
        background: #5ab0bd;
        color: #fff;
    }
    .modal-header .title h3 {
    color: #048389;
    font-family: opensans-regular;
    font-size: 16px;
    padding: 10px !important;
    }
    .cd-popup-container .cd-popup-close {
    background: rgba(0, 0, 0, 0) url("../img/cancel.png") no-repeat scroll 0 0;
    height: 30px;
    position: absolute;
    right: 0;
    top: 18px;
    width: 30px;
    }
    .close {
    opacity: 1;
    color: #ffffff;
    float: right;
    font-size: 29px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #ffffff;
    }
    .close:focus, .close:hover {
    color: #fff;
    cursor: pointer;
    opacity: 1;
    text-decoration: none;
    }
    .modal-content .form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #000000;
    font-size: 14px;
    height: 36px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    }
    .modal-dialog {
    margin: 66px auto;
    width: 600px;
    }
    .modal-footer .button-block-3a {
    background: #0b294d;
    border: none;
    display: table;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 8px auto;
    overflow: hidden;
    text-transform: uppercase;
    width: auto;
    border-radius: 3px;
    padding: 9px 20px;
    border:1px solid;
    border-color:transparent;
    transition:all 0.5s ease 0s;
    }
    .modal-footer .button-block-3a:hover {
    background:#fff;
    color:#333;
    border:1px solid #e05007;
    }
    .dtn-call {
    background: #001122;
    border: 1px solid #99ffff;
    border-radius: 3px!important;
    font-size: 14px;
    padding: 5px 20px;
    }
    .dtn-call-2 {
    background: #001122;
    border: 1px solid #99ffff;
    border-radius: 3px!important;
    font-size: 14px;
    padding: 5px 20px;
    }
    .colone {
    float: right;
    }
    .dropdown-menu1 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 350px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
    }
    .dropdown-menu1.pull-right {
    right: 0;
    left: auto
    }
    .dropdown-menu1 .divider {
    background-color: #e5e5e5;
    display: table;
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
    width: 100%;
    }
    .dropdown-menu1>li>a {
    clear: both;
    color: #333333;
    display: table;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
    }
    .dropdown-menu1>li>a:focus, .dropdown-menu1>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
    }
    .dropdown-menu1>.active>a, .dropdown-menu1>.active>a:focus, .dropdown-menu1>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
    }
    .dropdown-menu1>.disabled>a, .dropdown-menu1>.disabled>a:focus, .dropdown-menu1>.disabled>a:hover {
    color: #777
    }
    .dropdown-menu1>.disabled>a:focus, .dropdown-menu1>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
    }
    .open>.dropdown-menu1 {
    display: block;
    height: 300px;
    overflow: auto;
    }
    .open>a {
    outline: 0
    }
    .dropdown-menu-right {
    right: 0;
    left: auto
    }
    .dropdown-menu-left {
    right: auto;
    left: 0
    }
    .pull-right>.dropdown-menu1 {
    right: 0;
    left: auto
    }
    .dropup .dropdown-menu1, .navbar-fixed-bottom .dropdown .dropdown-menu1 {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
    }
    @media (min-width:768px) {
    .navbar-right .dropdown-menu1 {
    right: 0;
    left: auto
    }
    }
    .left-imag img {
    border-radius: 100%;
    display: table;
    float: left;
    margin-right: 10px;
    width: 57px;
    }
    .center-inner {}
    .center-inner h2 {
    display: block;
    float: left;
    font-size: 14px;
    margin-top: 0;
    }
    .center-inner span {
    display: block;
    float: left;
    font-size: 12px;
    }
    .btn-new-logout {}
    .btn-new-logout a {
    background: #006471;
    border: 1px solid;
    border-radius: 2px;
    color: #ffffff;
    display: table;
    float: right;
    font-size: 14px;
    padding: 5px 20px;
    text-decoration: none;
    }
    .sub-color th, .sub-color td::before {
    background: #fff;
    border-width: 1px;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    padding: 0 10px;
    width: 25%;
    }
    .btn-new-logout-1 {
    text-align: left;
    color: #6b6b6b;
    font-size: 22px;
    padding: 0px 0;
    }
    /*.navbar-header {}
    .navbar-brand {
    display: table;
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    margin: 0 auto;
    padding: 2em 15px;
    width: 200px;
    }*/
    /************************************************************ 7 ROW *********************************************************************************/
    .rwd-table {
    margin: 0;
    width: 100%;
    }
    .rwd-table tr {
    border-bottom: 1px solid #ddd;
    }
    .rwd-table tr a {
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    }
    .rwd-table tr:last-child {
    border-bottom: none;
    }
    .rwd-table th {
    display: none;
    }
    .rwd-table td {
    display: block;
    }
    .rwd-table td:first-child {
    padding-top: .5em;
    }
    .rwd-table td:last-child {
    padding-bottom: .5em;
    }
    .rwd-table td:before {
    content: attr(data-th) ": ";
    display: inline-block;
    font-weight: bold;
    width: 50%;
    }
    @media (min-width: 1040px) {
    .rwd-table td:before {
    display: none;
    }
    .rwd-table td:before {
    content: attr(data-th) ": " !important;
    font-weight: bold !important;
    }
    }
    @media (min-width: 1024px) {
    .rwd-table td::before {
    font-weight: bold;
    text-align: right;
    width: 6.5em;
    }
    }
    @media (max-width: 1024px) {
    .fixed_headers thead {
    display: none !important;
    }
    .rwd-table td::before {
    font-weight: bold !important;
    text-align: right !important;
    width: 25%;
    }
    }
    .rwd-table th, .rwd-table td {
    text-align: left;
    }
    @media (min-width: 1170px) {
    .rwd-table th, .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
    }
    .rwd-table th:first-child, .rwd-table td:first-child {
    border-left: 0 none;
    padding-left: 0;
    width: 5%;
    }
    .rwd-table th:last-child, .rwd-table td:last-child {
    padding-right: 0;
    }
    }
    .rwd-table {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    color: #262626;
    overflow: hidden;
    text-transform: capitalize;
    background: #fff;
    }
    .rwd-table tr {
    border-color: #d5d5d5;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    }
    .rwd-table th, .rwd-table td {
    margin: .5em 1em;
    }
    @media (min-width: 1024px) {
    .rwd-table th {
    padding: 1em !important;
    }
    .rwd-table td {
    padding: 8px !important;
    }
    }
    @media (max-width: 1170px) {
    .rwd-table tr:first-child {
    border-bottom: none;
    }
    .rwd-table tr [data-th] {
    width: 170%;
    }
    .rwd-table th, .rwd-table td::before {
    background: none !important;
    }
    }
    .rwd-table td {
    width: 10%;
    padding-left: 16px !important;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    -webkit-border-after: 1px solid #d5d5d5;
    }
    .rwd-table th, .rwd-table td:before {
    background: #ebeded none repeat scroll 0 0;
    border-right: 1px solid #d5d5d5;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    padding: 0 10px;
    }
    .td-color {
    background: #eeeeee;
    }
    .fixed_headers {
    border-collapse: collapse;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    table-layout: fixed;
    width: 100%;
    }
    .fixed_headers thead {
    background-color: #28b6b7;
    color: #fdfdfd;
    }
    .fixed_headers thead tr {
    display: block;
    position: relative;
    }
    .fixed_headers th:nth-child(1) {
    border-right: 1px solid #ffffff;
    min-width: 79px;
    padding: 10px 5px;
    }
    .fixed_headers th:nth-child(2) {
    border-right: 1px solid #ffffff;
    min-width: 157px;
    padding: 0 5px;
    }
    .fixed_headers th:nth-child(3) {
    border-right: 1px solid #ffffff;
    padding: 10px 5px;
    width: 158px;
    }
    .fixed_headers th:nth-child(4) {
    border-right: 1px solid #ffffff;
    padding: 10px 5px;
    width: 157px;
    }
    .fixed_headers th:nth-child(5) {
    border-right: 1px solid #ffffff;
    padding: 10px 5px;
    width: 158px;
    }
    .fixed_headers th:nth-child(6) {
    border-right: 1px solid #ffffff;
    padding: 10px 5px;
    width: 157px;
    }
    .fixed_headers th:nth-child(7) {
    padding: 10px 5px;
    width: 161px;
    }
    .fixed_headers tbody {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    height: 300px;
    overflow: auto;
    width: 100%;
    }
    .fixed_headers th {
    padding: 10px 0;
    }
    /************************************************************ 7 ROW  CLOSED*********************************************************************************/
    /************************************************************ 6 ROW *********************************************************************************/
    .rwd-table6 {
    margin: 0;
    width: 100%;
    }
    .rwd-table6 tr {
    border-bottom: 1px solid #ddd;
    }
    .rwd-table6 tr a {
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    }
    .rwd-table6 tr:last-child {
    border-bottom: none;
    }
    .rwd-table6 th {
    display: none;
    }
    .rwd-table6 td {
    display: block;
    }
    .rwd-table6 td:first-child {
    padding-top: .5em;
    }
    .rwd-table6 td:last-child {
    padding-bottom: .5em;
    }
    .rwd-table6 td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    width: 50%;
    display: inline-block;
    }
    @media (min-width: 1040px) {
    .rwd-table6 td:before {
    display: none;
    }
    .rwd-table6 td:before {
    content: attr(data-th) ": " !important;
    font-weight: bold !important;
    }
    }
    @media (min-width: 1024px) {
    .rwd-table6 td::before {
    font-weight: bold;
    text-align: right;
    width: 6.5em;
    }
    }
    @media (max-width: 1024px) {
    .fixed_headers6 thead {
    display: none !important;
    }
    .rwd-table6 td::before {
    font-weight: bold !important;
    text-align: right !important;
    width: 25%;
    }
    }
    .rwd-table6 th, .rwd-table6 td {
    text-align: left;
    }
    @media (min-width: 1170px) {
    .rwd-table6 th, .rwd-table6 td {
    display: table-cell;
    padding: .25em .5em;
    }
    .rwd-table6 th:first-child, .rwd-table6 td:first-child {
    border-left: 0 none;
    padding-left: 0;
    width: 5%;
    }
    .rwd-table6 th:last-child, .rwd-table6 td:last-child {
    padding-right: 0;
    }
    }
    .rwd-table6 {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    color: #262626;
    overflow: hidden;
    text-transform: capitalize;
    background: #fff;
    }
    .rwd-table6 tr {
    border-color: #d5d5d5;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    }
    .rwd-table6 th, .rwd-table6 td {
    margin: .5em 1em;
    }
    @media (min-width: 1024px) {
    .rwd-table6 th {
    padding: 1em !important;
    }
    .rwd-table6 td {
    padding: 8px !important;
    }
    }
    @media (max-width: 1170px) {
    .rwd-table6 tr:first-child {
    border-bottom: none;
    }
    .rwd-table6 tr [data-th] {
    width: 170%;
    }
    .rwd-table6 th, .rwd-table6 td::before {
    background: none !important;
    }
    }
    .rwd-table6 td {
    width: 10%;
    padding-left: 16px !important;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    -webkit-border-after: 1px solid #d5d5d5;
    }
    .rwd-table6 th, .rwd-table6 td:before {
    background: #ebeded none repeat scroll 0 0;
    border-right: 1px solid #d5d5d5;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    padding: 0 10px;
    }
    .td-color {
    background: #eeeeee;
    }
    .fixed_headers6 {
    border-collapse: collapse;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    table-layout: fixed;
    width: 100%;
    }
    .fixed_headers6 thead {
    background-color: #28b6b7;
    color: #fdfdfd;
    }
    .fixed_headers6 thead tr {
    display: block;
    position: relative;
    }
    .fixed_headers6 th:nth-child(1) {
    border-right: 1px solid #ffffff;
    min-width: 95px;
    padding: 10px 5px;
    }
    .fixed_headers6 th:nth-child(2) {
    border-right: 1px solid #ffffff;
    min-width: 189px;
    padding: 0 5px;
    }
    .fixed_headers6 th:nth-child(3) {
    border-right: 1px solid #ffffff;
    padding: 10px 5px;
    width: 190px;
    }
    .fixed_headers6 th:nth-child(4) {
    border-right: 1px solid #ffffff;
    padding: 10px 5px;
    width: 189px;
    }
    .fixed_headers6 th:nth-child(5) {
    border-right: 1px solid #ffffff;
    padding: 10px 5px;
    width: 189px;
    }
    .fixed_headers6 th:nth-child(6) {
    border-right: 1px solid #ffffff;
    padding: 10px 5px;
    width: 232px;
    }
    .fixed_headers6 tbody {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    height: 300px;
    overflow: auto;
    width: 100%;
    }
    .fixed_headers6 th {
    padding: 10px 0;
    }
    .rwd-table6 th {
    border-right: 1px solid #d5d5d5;
    padding-left: 16px;
    width: 10%;
    }
    /************************************************************ 6 ROW  CLOSED*********************************************************************************/
    /************************************************************ 5 ROW *********************************************************************************/
    .rwd-table5 {
    margin: 0;
    width: 100%;
    }
    .rwd-table5 tr a {
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    }
    .rwd-table5 tr:last-child {
    border-bottom: none;
    }
    .rwd-table5 th {
    display: none;
    }
    .rwd-table5 td {
    display: block;
    }
    .rwd-table5 td:first-child {
    padding-top: .5em;
    }
    .rwd-table5 td:last-child {
    padding-bottom: .5em;
    }
    .rwd-table5 td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    width: 50%;
    display: inline-block;
    }
    @media (min-width: 1040px) {
    .rwd-table5 td:before {
    display: none;
    }
    .rwd-table5 td:before {
    content: attr(data-th) ": " !important;
    font-weight: bold !important;
    }
    }
    @media (min-width: 1024px) {
    .rwd-table5 td::before {
    font-weight: bold;
    text-align: right;
    width: 6.5em;
    }
    }
    @media (max-width: 1024px) {
    .fixed_headers5 thead {
    display: none !important;
    }
    .rwd-table5 td::before {
    font-weight: bold !important;
    text-align: right !important;
    width: 25%;
    }
    }
    .rwd-table5 th, .rwd-table5 td {
    text-align: left;
    }
    @media (min-width: 1170px) {
    .rwd-table5 th, .rwd-table5 td {
    display: table-cell;
    padding: .25em .5em;
    }
    .rwd-table5 th:first-child, .rwd-table5 td:first-child {
    border-left: 0 none;
    padding-left: 0;
    width: 5%;
    }
    .rwd-table5 th:last-child, .rwd-table5 td:last-child {
    padding-right: 0;
    }
    }
    .rwd-table5 {
    border-bottom: 1px solid #ffffff;
    color: #262626;
    overflow: hidden;
    text-transform: capitalize;
    background: #fff;
    }
    .rwd-table5 tr {
    background: #ffffff none repeat scroll 0 0;
    border-color: #d5d5d5 #d5d5d5 #d5d5d5 #d4d4d4;
    border-left: 1px solid #d4d4d4;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    }
    .rwd-table5 th, .rwd-table5 td {
    margin: .5em 1em;
    }
    @media (min-width: 1024px) {
    .rwd-table5 th {
    padding: 1em !important;
    }
    .rwd-table5 td {
    padding: 8px !important;
    }
    }
    @media (max-width: 1170px) {
    .rwd-table5 tr:first-child {
    border-bottom: none;
    }
    .rwd-table5 tr [data-th] {
    width: 170%;
    }
    .rwd-table5 th, .rwd-table5 td::before {
    background: none !important;
    }
    }
    .rwd-table5 td {
    width: 10%;
    padding-left: 16px !important;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    }
    .rwd-table5 th, .rwd-table5 td:before {
    background: #ebeded none repeat scroll 0 0;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    padding: 0 10px;
    }
    .td-color {
    background: #eeeeee;
    }
    .fixed_headers5 {
    border-collapse: collapse;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    table-layout: fixed;
    width: 100%;
    }
    .fixed_headers5 thead {
    background-color: #28b6b7;
    color: #fdfdfd;
    }
    .fixed_headers5 thead tr {
    display: block;
    position: relative;
    }
    .fixed_headers5 th:nth-child(1) {
    border-right: 1px solid #ffffff;
    min-width: 130px;
    padding: 10px 5px;
    }
    .fixed_headers5 th:nth-child(2) {
    border-right: 1px solid #ffffff;
    min-width: 258px;
    padding: 0 5px;
    }
    .fixed_headers5 th:nth-child(3) {
    border-right: 1px solid #ffffff;
    padding: 10px 5px;
    width: 164px;
    }
    .fixed_headers5 th:nth-child(4) {
    border-right: 1px solid #ffffff;
    padding: 10px 5px;
    width: 163px;
    }
    .fixed_headers5 th:nth-child(5) {
    border-right: 1px solid #ffffff;
    padding: 10px 5px;
    width: 181px;
    }
    .fixed_headers5 tbody {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    height: 300px;
    overflow: auto;
    width: 100%;
    }
    .fixed_headers5 th {
    padding: 10px 0;
    }
    .fixed_headers5 th {
    border-right: 1px solid #d5d5d5;
    padding-left: 16px;
    width: 10%;
    }
    /************************************************************ 5 ROW  CLOSED*********************************************************************************/
    /************************************************************ 4 ROW *********************************************************************************/
    .rwd-table4 {
    margin: 0;
    width: 100%;
    }
    .rwd-table4 tr {
    border-bottom: 1px solid #ddd;
    }
    .rwd-table4 tr a {
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    }
    .rwd-table4 tr:last-child {
    border-bottom: none;
    }
    .rwd-table4 th {
    display: none;
    }
    .rwd-table4 td {
    display: block;
    }
    .rwd-table4 td:first-child {
    padding-top: .5em;
    }
    .rwd-table4 td:last-child {
    padding-bottom: .5em;
    }
    .rwd-table4 td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    width: 50%;
    display: inline-block;
    }
    @media (min-width: 1040px) {
    .rwd-table4 td:before {
    display: none;
    }
    .rwd-table4 td:before {
    content: attr(data-th) ": " !important;
    font-weight: bold !important;
    }
    }
    @media (min-width: 1024px) {
    .rwd-table4 td::before {
    font-weight: bold;
    text-align: right;
    width: 6.5em;
    }
    }
    @media (max-width: 1024px) {
    .fixed_headers4 thead {
    display: none !important;
    }
    .rwd-table4 td::before {
    font-weight: bold !important;
    text-align: right !important;
    width: 25%;
    }
    }
    .rwd-table4 th, .rwd-table4 td {
    text-align: left;
    }
    @media (min-width: 1170px) {
    .rwd-table4 th, .rwd-table4 td {
    display: table-cell;
    padding: .25em .5em;
    }
    .rwd-table4 th:first-child, .rwd-table4 td:first-child {
    border-left: 0 none;
    padding-left: 0;
    width: 5%;
    }
    .rwd-table4 th:last-child, .rwd-table4 td:last-child {
    padding-right: 0;
    }
    }
    .rwd-table4 {
    border-bottom: 1px solid #ffffff;
    color: #262626;
    overflow: hidden;
    text-transform: capitalize;
    background: #fff;
    }
    .rwd-table4 tr {
    border-color: #d5d5d5;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    }
    .rwd-table4 th, .rwd-table4 td {
    margin: .5em 1em;
    }
    @media (min-width: 1024px) {
    .rwd-table4 th {
    padding: 1em !important;
    }
    .rwd-table4 td {
    padding: 8px !important;
    }
    }
    @media (max-width: 1170px) {
    .rwd-table4 tr:first-child {
    border-bottom: none;
    }
    .rwd-table4 tr [data-th] {
    width: 170%;
    }
    .rwd-table4 th, .rwd-table4 td::before {
    background: none !important;
    }
    }
    .rwd-table4 td {
    width: 10%;
    padding-left: 16px !important;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    -webkit-border-after: 1px solid #d5d5d5;
    }
    .rwd-table4 th, .rwd-table4 td:before {
    background: #ebeded none repeat scroll 0 0;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    padding: 0 10px;
    }
    .td-color {
    background: #eeeeee;
    }
    .fixed_headers4 {
    border-collapse: collapse;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    table-layout: fixed;
    width: 100%;
    border-left: 2px solid #EEEEEE;
    }
    .fixed_headers4 thead {
    background-color: #28b6b7;
    color: #fdfdfd;
    }
    .fixed_headers4 thead tr {
    display: block;
    position: relative;
    }
    .fixed_headers4 th:nth-child(1) {
    border-right: 1px solid #ffffff;
    min-width: 167px;
    padding: 10px 5px;
    }
    .fixed_headers4 th:nth-child(2) {
    border-right: 1px solid #ffffff;
    min-width: 333px;
    padding: 0 5px;
    }
    .fixed_headers4 th:nth-child(3) {
    border-right: 1px solid #ffffff;
    padding: 10px 5px;
    width: 155px;
    }
    .fixed_headers4 th:nth-child(4) {
    border-right: 1px solid #ffffff;
    padding: 10px 5px;
    width: 168px;
    }
    .fixed_headers4 tbody {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    height: 300px;
    overflow: auto;
    width: 100%;
    }
    .fixed_headers4 th {
    padding: 10px 0;
    }
    .fixed_headers4 th {
    border-right: 1px solid #d5d5d5;
    padding-left: 16px;
    width: 10%;
    }
    /************************************************************ 4 ROW *********************************************************************************/
    /************************************************************ Table responsive Design *********************************************************************************/
    @media (max-width: 1280px) {
    .fixed_headers th:nth-child(1) {
    min-width: 81px !important;
    }
    .fixed_headers th:nth-child(2) {
    min-width: 160px !important;
    }
    .fixed_headers th:nth-child(3) {
    min-width: 160px !important;
    }
    .fixed_headers th:nth-child(4) {
    min-width: 160px !important;
    }
    .fixed_headers th:nth-child(5) {
    min-width: 160px !important;
    }
    .fixed_headers th:nth-child(6) {
    min-width: 160px !important;
    }
    .fixed_headers th:nth-child(7) {
    min-width: 160px !important;
    }
    .fixed_headers4 th:nth-child(1) {
    min-width: 118px;
    }
    .fixed_headers4 th:nth-child(2) {
    min-width: 236px;
    }
    .fixed_headers4 th:nth-child(3) {
    min-width: 160px;
    }
    .fixed_headers4 th:nth-child(4) {
    min-width: 194px;
    }
    .fixed_headers5 th:nth-child(1) {
    min-width: 93px;
    }
    .fixed_headers5 th:nth-child(2) {
    min-width:  184px;
    }
    .fixed_headers5 th:nth-child(3) {
    min-width: 133px;
    }
    .fixed_headers5 th:nth-child(4) {
    min-width: 164px;
    }
    .fixed_headers5 th:nth-child(5) {
    min-width: 216px;
    }
    }
    /************************************************************ Table responsive Design *********************************************************************************/
    .heading h3 {
    margin-bottom: 0 !important;
    }
    .btn-new-red {
    background: #c50000 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
    cursor: default;
    display: inline-block;
    padding: 7px 28px;
    }
    .btn-new-green {
    background: #008000;
    border: 1px solid #ffffff;
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    padding: 7px 28px;
    }
    .color-clas {
    padding: 20px 0;
    
    }
    .color-clas-1 {
    background: #FFF;
    box-shadow: 1px 4px 7px 0 #9a9a9a;
    padding: 52px 0;
    }
    .col-color {}
    /*************23-06-2017*****************/
    .table-bordered {
    border: none;
    }
    @media only screen and (max-width: 800px) {
    #no-more-tables2 table, #no-more-tables2 thead, #no-more-tables2 tbody, #no-more-tables2 th, #no-more-tables2 td, #no-more-tables2 tr {
    display: block;
    }
    #no-more-tables2 thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    }
    #no-more-tables2 tr {
    border: 1px solid #ccc;
    }
    #no-more-tables2 td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
    }
    #no-more-tables2 td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    }
    #no-more-tables2 td:before {
    content: attr(data-title);
    }
    }
    #no-more-tables2 th {
    background: #26b4b5 none repeat scroll 0 0;
    border-bottom: medium none #f7f7f7;
    border-top: medium none #f7f7f7;
    color: #ffffff;
    font-family: arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 10px 9px;
    }
    .top-side-inner {
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 15px;
    overflow: hidden;
    padding: 10px;
    }
    .inner-modal-1 {}
    .inner-modal-2 {
    text-align: right;
    }
    .inner-modal-2 .name-visitor {
    border-bottom: 1px dotted #000000;
    font-size: 15px;
    font-weight: normal;
    margin-left: 10px;
    }
    .welcome {
    color: #333;
    font-size: 17px;
    padding-bottom: 5px;
    text-align: center;
    }
    .persion-name .society-name {
    color: #0b2b4d;
    font-family: "OpenSans-Regular";
    font-weight: bold;
    letter-spacing: 2px;
    /* padding-top: 0.75em; */
    text-align: center;
    text-transform: uppercase;
   
    }
    .line-box {
    background: #0572b7;
    border-radius: 12px;
    height: 3px;
    margin: 0 auto;
    width: 100px;
    }
    /************************************/
    .table-striped > tbody > tr:nth-of-type(2n+2) {
    background-color: #EEEEEE;
    }
    .line-bar {
    background: #ffffff;
    clear: both;
    display: table;
    height: 1px;
    margin: 0 auto 55px;
    width: 200px;
    }
    .clon-line .logo img {
    width: 150px;
    }
     @media only screen and (max-width: 800px) {
    #no-more-tablesza table, #no-more-tablesza thead, #no-more-tablesza tbody, #no-more-tablesza th, #no-more-tablesza td, #no-more-tablesza tr {
    display: block;
    }
    #no-more-tablesza thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    }
    #no-more-tablesza tr {
    border: 1px solid #ccc;
    }
    #no-more-tablesza td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
    }
    #no-more-tablesza td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    }
    #no-more-tablesza td:before {
    content: attr(data-title);
    }
    }
    #no-more-tablesza {
    background: #ffffff;
    height:430px;
    overflow-y: scroll;
    }
    .cf thead tr {
        background: #e6aa4f;
        color: #fff;
    }
    .cf thead tr th {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight:normal;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: normal;
    }
    .col-style {
    width: 100%;
    }
    .logo-style{  
    background:#5ab0bd;
    display: inline-block;
    padding: 10px;
    width: 100%;
    }
    .logo-style .logo-img img{ 
    width: 50px; 
    float:left;
    }
    .logo-style .logo-right-text h4{
    color: #ffffff;
    font-family: "OpenSans-Regular";
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    word-spacing: 0;
    }
    .main-file-v {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
    margin: 3.5% auto;
    max-width: 100%;
    overflow: hidden;
    }
    .form-ca {
    background: rgba(0, 0, 0, 0) url("../img/wood-1.png") repeat scroll 0 0;
    box-shadow: 0 0px 16px 10px rgba(255, 255, 255, 0.2);
    margin: 3.5% auto 6.5%;
    max-width: 100%;
    overflow: hidden;
    padding: 0 0 2em 0;
    border-radius: 4px;
    }
    .form-ca .header {
    background: #21929F;
    border-bottom: 0.5px solid #fff;
    text-align: center;
    padding: 7px 15px;
    padding: 7px 0px;
    font-size: 18px;
    color: #fff;
    text-align: right;
    }
    .field-wraper h3 {
    color: #5c5c5c;
    font-family: "OpenSans-Regular";
    font-size: 18px;
    letter-spacing: 1px;
    padding: 0;
    }
    .field-wraper {
    margin: 2% auto;
    max-width: 500px;
    overflow: hidden;
    }
    .clon-line-y1 {
    color: #ffffff;
    float: right;
    margin-right: 1em;
    text-align: center;
    }
    .clon-line-y1 .logo-y1 {
    width: 150px;
    border-radius: 5px;
    margin: 0 auto;
    display: none;
    }
    .clon-line-y1 h4 {
    color: #333;
    font-family: "OpenSans-Regular";
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    word-spacing: 4px;
    }
    .button-block-b-1 {
    background: #0572b7;
    border: 1px solid #0572b7;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 9px 0 0;
    overflow: hidden;
    padding: 7px;
    text-transform: uppercase;
    width: 100%;
    display:block;
    transition: all 1s ease 0s;
    }
    .button-block-b-1:hover {
    opacity: 0.8;
    }
    .search input{
    border: 1px solid #c0c0c0;
    border-radius: 2px;
    font-size: 15px;
    margin-right: -13px;
    margin-top: 35px;
    padding: 3px 10px;
    width: 244px;
    }
    @media (max-width:480px){
    .btnOtp {
    margin-left: 15px;
    }
    }
    @media (max-width:360px){
    .logo-style .logo-right-text h4 {
    float: right;
    font-size:13px;
    line-height: 20px;
    }
    .logo-style .logo-img img {
    float: left;
    width: 108px;
    }
    .btnOtp {
    margin-left: 15px;
    }
    }
    @media (min-width:320px) and (max-width:640px){
    .logo-style .logo-right-text h4 {
    text-align:right;
    }
    .form-1b {
        background: #fff;
        box-shadow: 0 0 0 8px #0572b78a;
        max-width: 100%;
    }
    }
    @media (min-width: 320px) and (max-width: 640px){
        .form-1b {
            margin: 0.3em 2%;
            max-width: 74%;
            top: 20%;
            }  
    }
    @media (min-width:640px) and (max-width:768px){
      
    }
    @media (min-device-width: 800px) and (max-device-width: 1280px) {}
    @media screen and (min-width:60em) and (max-width:89.9999em) {
    .form-c{ 
    width:95% !important;
    }
    }
    @media (max-width: 480px){
    .clon-lineb {
    margin: 2em 0 !important;
    }
    .form-1b {
    margin: 0.3em 2%;
    top: 20%;
    }
    .clon-lineb .logob img {
        border-radius: 5px;
        margin: 0% auto 0;
        max-width: 240px;
    }
    .footer-sction {
    padding: 0;
    }
    .clon-lineb .logob img {
    width: 95px;
    }
    .clon-lineb h4 {
    font-size: 14px;
    }
    .button-block-c {
    font-size: 13px;
    margin: 1em auto 5px;
    padding: 6px;
    }
    .footer-sction{ 
    display:none;
    }
    }
    @media (max-width: 640px) {
    .left-sides {
    width: 100%;
    min-height:auto !important;
    }
    .right-sides {
    width: 100%;
    padding:0;
    min-height:auto !important;
    }
    .clon-lineb {
    margin: 5.5em 0 4em 0;
    }
    .field-wrap-2z {
    margin: 1em 0;
    padding: 0 20px;
    }
    }
    @media (min-width:768px){
    .field-wrap-2z h3 {
    font-size: 16px;
    }
    .right-sides {
    min-height: auto;
    padding: 0.5em 0 2.5em 0;
    width: 50%;
    }
    .left-right-inner {
    background: url();
    background-repeat:no-repeat;
    background-size:cover;
    
    }
    .left-sides {
    min-height: auto;
    padding: 5em 0;
    width: 50%;
    border-right: 1px solid #0572b78a;
    /* background: #fff; */
    }
    .left-right-inner {
        background: #fff;
        height: 370px;

    }
    .clon-lineb {
    margin: 5em 0 5em 0;
    }
    }
    .margin-space{ 
    padding:0 20px;
    }
    .button-block-1c{
    background: #00989e;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 20px 0 0;
    overflow: hidden;
    padding: 7px;
    text-transform: uppercase;
    width: 130px;
    border-radius:2px;
    transition:all 1s ease 0s;
    }
    .button-block-1c:hover {
    background: #048389 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    opacity: 0.9;
    }
    .button-blocknew2 {
    background: #048389;
    border: medium none;
    border-radius: 2px;
    color: #ffffff;
    display: table;
    float: right;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 8px 0 0;
    overflow: hidden;
    padding: 7px;
    width: 115px;
    transition:all 1s ease 0s;
    }
    .button-blocknew2:hover {
    opacity:0.9
    }
    .reportbtn {
    background: #00989e none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    display: table;
    text-decoration:none;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 9px 0 0;
    overflow: hidden;
    padding: 7px;
    text-transform: uppercase;
    width: 223px;
    transition: all 1s ease 0s;
    }
    .reportbtn:hover {
    color:#fff;
    text-decoration:none;
    }
    .modal-body-2{    
    padding: 20px 3em 0px 3em;
    display: table;
    width: 100%;
    }
    @media (max-width:1024px){
    .modal-body-2{    
    padding: 20px 1em;
    }
    }
    .top-down{ 
    margin-top: 10px;
    display: block;
    text-align: right;
    }
    .main-contaner-a1 {
    background: #0B2A4D;
    border-top: 1px solid #0B2A4D;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    margin: 0 auto;
    max-width: 80%;
    overflow: hidden;
    }
    .main-contaner-a1 .model-2-a1 {
    border-left: 1px solid #ffffff;
    color: #ffffff;
    float: left;
    text-transform: uppercase;
    margin: 0;
    overflow: hidden;
    padding: 10px;
    width: 100%;
    }
    .main-contaner-a1 p{ 
    text-align:center; 
    margin:0; 
    padding:0;
    }
    .button-block-3aa{
    background: #28b6b7;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    float: right;
    margin: 10px 7px;
    padding: 6px 13px;
    }
    .button-block-3aa:hover{
    opacity:0.9;
    }
    .modal-body-2e {
    display: table;
    overflow: hidden;
    padding: 20px 0;
    width: 100%;
    }
    .img-slide{}
    .img-slide img{
    border: 1px solid #c9c9c9;
    border-radius: 100%;
    display: block;
    height: 80px;
    margin: 20px auto;
    overflow: hidden;
    padding: 0;
    width: 80px;
    }
    .div-padding12 {
    display: inline-block;
    margin: 0 auto 0;
    padding: 4px 10px;
    width: 100%;
    }
    
    
    
    
    .profile-1 .detailsw{}
    .profile-1 .detailsw .titlew {
    border-bottom: 1px solid #e05007;
    margin-bottom: 1em;
    overflow: hidden;
    background: #e8e8e8;
    border-color: #D71A21;
    padding: 8px 0;
    border-radius: 3px;
    }
    .profile-1 .detailsw .titlew h3 {
        color: #333;
        line-height: 14px;
        display: inline-block;
        float: left;
        font-size: 16px;
        margin: 0;
        padding: 10px 20px;
        text-transform: uppercase;
        border-radius: 3px;
    }
    .new-buttonw {
    background: #0572b7;
    border: medium none;
    border-radius: 3px;
    display: inline-block;
    float: right;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    padding: 10px 15px;
    margin: 0;
    line-height:14px;
    }
    .new-buttonw:hover {
        background: #0572b7;
        color: #fff;
        text-decoration: none;
        outline:none;
    }
    .new-buttonw:active {
        background: #0572b7;
        color: #fff;
        text-decoration: none;
        outline:none;
    }
    .new-buttonw:focus {
        background: #D71A21;
        color: #fff;
        text-decoration: none;
        outline:none;
    }
    .pannel-main-1w {
        border-left: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
        border-top: 1px solid #d2d2d2;
        display: block;
        overflow: hidden;
        width: 100%;
    }
    @media (min-width: 640px){
    .box-main-11w {
        font-weight: bold;
    }
    }
    .box-main-21w {
        overflow: hidden;
        padding: 10px;
        width: 100%;
    }
    .box-main-11w {
        overflow: hidden;
        padding: 10px;
        width: 100%;
        border-right: 1px solid #cccccc;
    }
    .detailsw .div{
    width: auto;
    margin: 4em auto 0 auto;
    max-width: 600px;
    }
    
    
    .form-control4 {
        display: block;
        width: 100%;
        height: 45px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
    
    
    input:-webkit-autofill{
        -webkit-box-shadow:0 0 0px 1000px #fff inset;
    }
    input:-webkit-autofill:focus, input:-webkit-autofill:activ, input:-webkit-autofill:hover{
        -webkit-box-shadow:0 0 0px 1000px #fff inset;
    }
    
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
        position: absolute;
        margin-top: 4px\13;
        margin-left: -100px;
    }
    .x-w1 {
        display: inline-block;
        width: 100%;
        background: #f9f9f9;
        padding: 20px 0;
         font-size: 15px;
        font-weight: 600;
        color: #6b6b6b;
        text-transform: uppercase;
    }.p-w1 {
            margin-bottom: 5px;
    }
    
    
    
    
    
    #form-select-id .form-select-id-inner {
    background: #ffffff none repeat scroll 0 0;
    left: 0;
    margin: 0 auto;
    max-width: 50%;
    position: absolute;
    right: 0;
    top: 25%;
    border-radius: 1px;
    box-shadow: 0 0 0 8px #e0500799;
    }
    .manager-list{
    overflow:hidden;
    padding: 10px 2em;
    }
    .group-p{
    display:inline-block;
    width:100%;
    margin-bottom:15px;
    }
    .group-p input{
    width: 100%;
    padding: 10px;
    border: 1px solid #bbbbbb;
    font-size: 15px;
    letter-spacing: 0.5px;
    margin-top: 0;
    }
    .group-p select{
    width: 100%;
    padding: 10px;
    border: 1px solid #bbbbbb;
    font-size: 15px;
    letter-spacing: 0.5px;
    margin-top: 0;
    }
    .group-p input, .group-p select:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }
    
    .manager-button1 input{
    width: 100%;
    padding: 10px;
    border: 1px solid #0572b7;
    font-size: 15px;
    letter-spacing: 0.5px;
    background:#0572b7;
    color:#fff;
    margin-top:0;
    }
    .btn-red{}
    .btn-red button{
    color: #fff;
    background: #da7102;
    border: none;
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 3px 10px;
    }
    .btn-red  button:hover{}
    
    .btn-green{}
    .btn-green button{
    color: #fff;
    background: #038003;
    border: none;
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 3px 10px;
    }
    .btn-green  button:hover{}
    .flex-body-right{}
    #canvas{ 
    width:100%;
    }
    .border-line{ 
    background:#cacaca; 
    height:1px; 
    width:100%; 
    margin:20px 0;
    }
    .padding-page{
    padding:4em 0;
    }
    .tab-page-bttn{
    display: inline-block;
    }
    .tab-page-bttn span{
    padding: 3px 7px;
    margin: 3px;
    color: #fff;
    background: orange;
    font-size: 14px;
    font-style: italic;
    border-radius: 3px;
    display: inline-block;
    }
    .btn-p{
    background: #dd4b39 !important;
    }
    .btn-p-1{
    background:#f39c12 !important;
    }
    .btn-p-2{
    background:#00a65a !important;
    }
    .btn-p-3 {
        background: #0572b7 !important;
    }
    .main-contaner-as{
    margin: 0 auto 2em auto;
    overflow: hidden;
    }
    .main-contaner-as p{
    text-align: center;
    margin: 0;
    padding: 8px;
    color: #f39c12;
    font-size: 18px;
    letter-spacing: 0.5px;
    border-bottom: 1px solid;
    }
    
    
    .qustion-page{}
    
    .qustion-box{
    margin-bottom: 15px;
    width: 100%;
    }
    .qustion-box .qustion{
    font-size: 16px;
    /* font-weight: 600; */
    letter-spacing: 0.5px;
    padding: 5px 0;
    }
    .qustion-box .ans{
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.5px;
    padding: 5px 0;
    }
    .qustion-box .answwp{
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.5px;
    padding: 5px 0;
    }
    
    
    
    .qustion-box .qustion span{
    color: #f39c12;
    margin-right: 10px;
    width: 35px;
    display: inline-block;
    }
    .qustion-box .ans span{
    color: #867e78;
    /* font-weight: bold; */
    margin-right: 10px;
    width: 35px;
    display: inline-block;
    }
    
    
    .qustion-box .ans{
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.5px;
    padding: 5px 0;
    }
    
    .answwp{
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.5px;
    padding: 5px 0;
    }
    .qustion-boxww{
    margin-bottom: 15px !important;
    width: 100% !important;
    }
    .qustion-boxww .qustionww {
    color: #333 !important;
    /* font-weight:bold; */
    display: inline-block !important;
    }
    .qustion-boxww .qustionww span{
    color: #333 !important;
    margin-right: 10px !important;
    width: 35px !important;
    /* font-weight:bold; */
    display: inline-block !important;
    }
    .qustion-boxww .answw span{
    color: #867e78!important;
    /* font-weight: bold !important; */
    margin-right: 10px !important;
    width: 35px !important;
    display: inline-block !important;
    }
    
    
    
    
    
    .first-large-headding-ns{
    font-size: 18px;
    font-weight: 600;
    color: #0572b7;
    margin: 15px 0;
    letter-spacing: 0.5px;
    display: table;
    border-bottom: 2px solid #f39c12;
    }
    
    
    .icn-img{
    text-align: center;
     margin: 10px 0px; 
    }
    .icn-img img{
        margin-top: 40px;
       max-width:160px; 
    }
    
    .margin-call-large{
    margin: 15px auto;
    max-width: 640px;
    }
    .margin-call-large-button{
    display: block;
    width: 205px;
    float: right;
    }
    .margin-call-large-button input{
    display: inline-block;
    background: #0b2a4d;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: none;
    padding: 8px 15px;
    width: 100px;
    border-radius: 3px;
    float:none;
    margin:0;
    }
    .margin-call-large-button button{
    display: inline-block;
    float:none;
    margin:0;
    background: #a7cbfd;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: none;
    padding: 8px 15px;
    width: 100px;
    border-radius: 3px;
    }
@media(max-width:420px){
.form2x{
max-width: 100%;
}
.form2x .header2x + div{
height: 0em!important;
}
.main-contaner-a1 .model-2-a1 {
border-left:0px;

}
.div-padding1{
padding: 0;
margin: 0;
}
.main-contaner-a1{
max-width: 100%;
border: none;
}
.main-contaner {
max-width: 100%;
text-align: center;
}
.main-contaner-b{
max-width: 100%;
}
.main-contaner-b .model-1-b{
max-width: 50%;
text-align: left;
}
.main-contaner-b .model-2-b{
max-width: 50%;
text-align: left;
}
.main-contaner .model-1{
max-width: 100%;
text-align: center;
}
.main-contaner .model-2{
max-width: 100%;
text-align: center;
}
.form2x .header2x{
background: transparent;
padding: 0;
}
}

.button-logout{
   background: #0b2a4d;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #0c2b4e;
}
.btnOtpQ {
    background-color: #0b2b4d!important;
    border: 1px solid #0b2b4d!important;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    margin: 5px;
    padding: 7px 10px;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.employee-pass {
    height: auto;
    padding-bottom: 0;
}
.welcome-area {
    width: 55%;
    margin: 0 auto;
}
@media(max-width:786px){
.welcome-area {
    width: 100%;
    margin: 0 auto;
}
}
.persion-name .society-name {
    color: #313131;
    font-family: "OpenSans-Regular";
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0.5em;
    text-align: center;
    text-transform: uppercase;
    word-spacing: 4px;
}

.line-box {
    background: #1854a2;
    height: 3px;
    margin: 0 auto;
    width: 100px;
}

.welcome-data1 {
    display: flex;
    justify-content: space-around;
}

.welcome-area.employee-pass .welcome-button {
    background: #5ab0bd;
    /* box-shadow: 0 0 6px #686565; */
    margin: 5px 7px;
}

.employee-pass .welcome-button {
    text-align: center;
}

.welcome-data1 .welcome-button {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #5ab0bd;
    /* box-shadow: 0 0 10px #686565; */
    margin-top: 5%;
}
.employee-pass .welcome-button a {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 100%;
}

.employee-pass .welcome-button a i {
    color: #474444;
    font-size: 40px;
    padding: 7px;
}

.employee-pass .welcome-button a span {
    display: block;
    color: #313131;
    font-size: 13px;
}

.society-name {
    color: #313131;
    font-family: "OpenSans-Regular";
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 21px;
    text-align: center;
    text-transform: uppercase;
    word-spacing: 4px;
}

.line-box {
    background: #c11b21;
    height: 3px;
    margin: 0 auto;
    width: 100px;
}

.btn-submit {
    background: #f5a63f;
    color: #fff;
    padding: 10px 25px;
    border-radius: 3px;
    border: 1px solid #dd8614;
}

.main-file-v {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
    margin: 3.5% auto;
    max-width: 85%;
    overflow: hidden;
  }

  .logo-style {
    display: inline-block;
    padding: 7px;
    width: 100%;
  }

  .impd {
    display: inline-block;
    padding: 2em 1em;
    width: 100%;
    background: #fff;
  }

  .main-div-flex-box .last-main-div-flex-box {
    display: flex;
  }

  .main-div-flex-box .first-main-div-flex-box {
    width: 50%;
    margin: 15px 10px;
    padding: 15px;
    border: 1px solid #dedede;
    border-radius: 3px;
  }

  .main-div-flex-box .first-main-div-flex-boxnew {
    width: 33%;
    margin: 15px 10px;
    padding: 15px;
    border: 1px solid #dedede;
    border-radius: 3px;
  }

  .modal-o {
    padding: 0 15px;
  }

  .btn-block-btton {
    background: #1854a2;
    border: none;
    border-radius: 3px;
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 8px 5px;
    text-transform: uppercase;
    transition: all 1s ease 0s;
    margin-top: 7px;
  }

  .footer-next button {
    background: #1854a2;
    border: none;
    border-radius: 3px;
    color: #ffffff;
    display: table;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 10px auto 15px auto;
    overflow: hidden;
    padding: 8px 22px;
    text-transform: uppercase;
    transition: all 1s ease 0s;
  }
  .ibtnDel {
    padding: 5px 10px;
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
    border-radius: 3px;
    border: 1px solid #d9534f;
    text-align: center;
  }

  .button-checkout {
    background: #c11b21;
    border: medium none;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    padding: 4px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease 0s;
}

.button-conformdanger {
    background: #c11b21;
    border: medium none;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    padding: 4px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease 0s;
}