/*----------------------------------- STYLES -----------------------------------*/

h1, h2, h3, h4, h5, h6, p, li {
    font-family: "Arial";
}
a {
    text-decoration: none;
    color: #004593;
}

h1 {
    color: #004593;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
}

h1.var2, h2.var2, p.var3 a {
    color: #FFFFFF;
}


h1.var2 a {
    color: #F19614;
    text-decoration: none;
}

h2 {
    color: #000000;
    font-size: 15px;
    line-height: 14px;
    /*margin-bottom: 15px;
    width: 430px;*/
}

h2 a {
    color: #004593;
    font-weight: bold;
}

h2.small {
    display: inline;
    font-size: 13px;
}

p {
    color: #000000;
    font-size: 13px;
    line-height: 16px;
}

p.var2, p.var3 {
    color: #404040;
}

p a, p.var2 a {
    color: #004593;
    text-decoration: none;
}

p.var3 a:hover {
    text-decoration: none;
}
.mgnTop5.lt-graybg {
    background-color: #f2f2f2;
    padding: 10px;
}
.lt-width-150 {
    width: 150px;
    margin-bottom: 10px;
}

/* == Start Edited By Subhodip ==*/

/*added on 30 aug 2018 */
.containerNew{ 
    width:870px; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    padding:50px 0 30px 300px; 
    /*background:url(https://portal.lothamer.com/themes/default/images/img01.jpg) left center no-repeat;*/
    }
.orDiv{ float:left; margin-top: 48px;  font-weight: bold;}
.mnHight { min-height: 36px; width: 100%; display: block; float: left;}
.emlC{padding-left:30px !important;background:url(https://portal.lothamer.com/themes/default/images/user-icon01.png) left 7px center no-repeat !important;}
.phC{padding-left:30px !important;background:url(https://portal.lothamer.com/themes/default/images/ph-icon01.png) left 7px center no-repeat !important;}
.lkC{padding-left:30px !important;background:url(https://portal.lothamer.com/themes/default/images/lock-icon01.png) left 7px center no-repeat !important;}
.btnS{ 
    background:url(https://portal.lothamer.com/themes/default/images/lock-icon02.png) left 7px center no-repeat #004593 !important; 
    padding-left:30px!important; 
    padding-right:20px!important; 
    text-transform:uppercase;
    margin-top:5px;
    }
.btnS:hover{ background:url(https://portal.lothamer.com/themes/default/images/lock-icon02.png) left 7px center no-repeat #17569d !important;}

/*ADDED ON 03 SEP 2018*/
    .show { opacity: 1 !important;}
    .shows{ display:block; opacity: 1 !important;}
    .containerN{ }
    .fullWd{ display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:20px;}
    .profile-box{ background:#5a7da9; padding:5px; box-sizing: border-box;}
    .profile-box h3{ margin-top:0; padding-top:0; color:#fff}
    .pro-img-txt {position: relative;  padding-left: 70px; /*margin-top:25px;*/}
    .pro-img-txt h5{ margin-top:0; padding-top:0; color:#fff; font-size:18px; font-weight:700}
    .pro-img-txt h6{ margin-top:0; padding-top:0; color:#b1c2d6; font-size:14px; font-weight:400}
    .profile-txt-box{ background:#eee; padding:20px 20px 50px; box-sizing: border-box;}
    .rtPnlTtl{ background:#5a7da9; padding:8px 20px; box-sizing: border-box; color:#fff; font-size:18px; font-weight:bold; }
    .lft-pnl{ width:33%; float:left; background:#eee;}
    .rt-pnl{ width:67%; box-sizing: border-box; border-left:2px solid #ddd; float:right; padding-bottom:30px;}
    .tab-pay { margin: 20px 0 30px; display: block; width: 100%;  float: left;}
    .credit-bx { border: 1px solid #ddd; width: 100%; float: left; padding: 12px 0 30px; border-top: 0;}
    .cdImg{ padding-top:15px; margin-bottom:15px;}
    .marginB{ margin-bottom:15px}
    .orDiv2 { float: left; font-weight: bold; padding:5px}
    .cnt-BBX { width: 40%; float: left;}
    .clear{ clear:both}
    .ic_D { margin-top: 25px; font-size: 20px;}
    .pro-img { width: 50px; height: 50px; overflow: hidden; border-radius: 50%; border: 2px solid #ddd; position: absolute; left: 0; top:-2px}

    .pro-img2 { width: 70px; height: 70px; overflow: hidden; /*border-radius: 50%; border: 2px solid #ddd;*/ position: absolute; left: 0; top:-2px}
    .pro-img2 img{ width: 103%; height: 103%;  margin-left: -5px;  margin-top: -5px;}
    .leftBorder p{ border-left:3px solid #f09717; padding-left:10px; margin-bottom:15px;}
    .leftBorder p{ font-size:16px; line-height:24px;}
      
    .leftBorder ul{
    margin:0 0 15px 15px;
    padding:0;
    list-style:none;
    width:100%;
    float:left;
    }
    .leftBorder ul li{
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        margin-bottom: 8px;
        position: relative;
        padding-left: 20px;
        width: 100%; 
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .leftBorder ul li:after{
        position: absolute;
        content:"\f058";
        font: normal normal normal 14px/1 FontAwesome;
        left:0;
        top:4px;
        color:#008f35;
    }
      
      .srv-img-txt { position: relative; padding-left: 155px;  margin-top: 15px; min-height:195px; padding-top:40px;}
      .srv-img { width: 137px;  height: 188px; position: absolute;  left: 0; top: 0px;}
      .srv-img-txt h5 { margin-top: 0; padding-top: 0; color: #014694;  font-size: 18px;  font-weight: 700; margin-bottom:0}
      .srv-img-txt h4 { margin-top: 0; padding-top: 0; color: #014694;  font-size: 32px;  font-weight: 700;}
      .atBTN{ background:#014694!important; }
      .cnclBTN{ background:#949494 !important; border:1px solid #949494 !important;}
      .btalert{
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: 4px;    
    }

    .alignleftM{ float:left}
    .menu001{ float: right; background:#e9f2fd; margin-top:13px;box-sizing: border-box; margin-right:20px; border-radius: 5px; overflow: hidden;}
    .menu001 ul{ margin:0; padding:0; list-style:none; height:30px; border:1px solid #cbe3ff;}
    .menu001 ul li{ float:left; position:relative; padding-right:8px; padding-left:18px; height:30px; padding-top:7px; box-sizing: border-box; }
    .menu001 ul li span {display:block; font-size: 9px;}
    .menu001 ul li:after{
        background:url(https://portal.lothamer.com/themes/default/images/right-aro01.png) left center no-repeat;
        position:absolute;
        content:"";
        right:-12px;
        top:-1px;
        width:12px;
        height:32px;
        z-index:9;
        background-size: auto 100%;
        }
    .menu001 ul li.active{ background:#f29715; color:#fff}
    .menu001 ul li.active:after{
        background:url(https://portal.lothamer.com/themes/default/images/right-aro-active01.png) left center no-repeat;
        }
    .menu001 ul li:last-child:after{ display:none}
    
  
    .my-error-class {
        color:red;
    }
    .my-valid-class {
        color:green;
    }
    .no-radious{
        border-radius: unset !important;
    } 

    /*----19-9----*/
      .srt-DD{ margin-top:30px;}
      .srt-DD2{ margin-top:5px; margin-bottom: 5px;}
      .rtmg6{ margin-right:6px;}
      .positionDV{ position:relative}
      .positionABDv{ position:absolute; top:28%; left:15%;}
      .popDiv {
            position: absolute;
            background: #f1f1f1;
            border: 1px solid #ddd;
            top: 22%;
            width: 370px;
            left: 35%;
            box-sizing: border-box;
            padding: 28px 15px 40px;
            border-radius: 3px;
            box-shadow: 0 0 3px #999;
        }
      .popDiv h4 {color: #004593; font-weight: bold; font-size: 14px; margin-bottom: 15px;}
      .msgbxDD {
            box-sizing: border-box;
            padding-left: 65px;
            position: relative;
            margin-top: 25px;
        }
      .msgbxDD h6 { margin: 0 0 10px; font-weight: bold; font-size: 12px;}
      .emlar {
            margin-bottom: 5px;
            position: relative;
            width: 69%;
            float: left;
            margin-right: 2%;
        }
      .lfticonimg {
            position: absolute;
            left: -1px;
            width: 55px;
            top: 4px;
            border: 1px solid #fff;
        }
      .lfticonimg img{ max-width:100%}
      .emlar .form-control{ padding-left:35px;}
      .emlar:after {
        position: absolute;
        content: "\f095";
        font: normal normal normal 16px/1 FontAwesome;
        left: 8px;
        top: 9px;
        color: #000;
       }
      .crs{ position:absolute; font-size:20px; color:#000; right:10px; top:0px; cursor:pointer; font-weight:bold}
      .rt-full-pnl{ width:100%; border-left:0;}
      .table-pay{ position:relative}
      .btn-position{ position:absolute; top:15px; right:15px}
      
      .redborder {
        color: #d43f3a !important;
      }

      .blueborder {
        color: #004593 !important;
      }

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

      .cusStyle{
        border: none !important;
        background-color: #f2f2f2 !important;
      }
      /*.camera-wrapper{ position: fixed; width: 100%; height: 100%; top: 0; left: 0;}*/
      .camera-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        box-sizing: border-box;
    }
     /* .camera-wrapper-in {
        position: relative;
        width: 100%;
        margin-left: 0px;
        height: 100vh;
    }*/
    .camera-wrapper-in {
        position: absolute;
        width: 100%;
        margin-left: 0px;
        height: calc(100vh - 60px);
        top: 0;
        box-sizing: border-box;
      
    }

    .capture {

        position: absolute;
        bottom: 30px;
        /*left: 206px;*/
        left: 50%;
        margin-left: -35px;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: #222;
        overflow: hidden;
        border: 3px solid #999999;
        font-size: 18px;
        color: #999999;
        text-align: center;
        line-height: 66px;
    }

    .camera-wrapper video{ 
        width: 100%; 
        height: 99vh; 
        min-height: 90%;
        object-fit: fill;
        margin: 0; 
        padding: 0; 
        box-sizing: border-box;
    }
    .vvv {
        position: fixed;
        width: 100%;
        height: 100%;
    }

    .information{
        background:rgba(255, 255, 255, 0.8);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 7px 20px;
        box-sizing: border-box;
        color: #222;
        text-align: center;
        z-index: 999;
    }

    .close-information{
        position: absolute;
        top: 7px;
        right: 5px; 
        font-weight: bold;
        z-index: 9999;
    }

    .rtmg7 { margin-left: 6px;}
    .btn-pR{ 
        position:absolute; 
        top:-10px; 
        right:40px;
        }
    .popDivFst { 
        top: 38px; 
        right: 40px; 
        left: auto;
        position: absolute; 
        background: #f1f1f1;  
        border: 1px solid #ddd; 
        width: 370px;  
        box-sizing: border-box;
        padding: 28px 15px 40px; 
        border-radius: 3px; 
        box-shadow: 0 0 3px #999;
        }
    .popDivFst h4 {
        color: #004593;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 15px;
        }

    .proposedmain{
        width: 100%  !important;
        }
    .proposed{
        width: calc(100% - 30px) !important;
    }
    .pro {
        background: #719bcd !important;
        border-radius: 7px 7px 0 0;
    }
    .newproposed {
        background: #fff !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    .bluenewproposed {
        background: #719bcd !important;
        border-radius: 0 0 7px 7px ;
    }
    .proposed_first_part {
        width: 100%;
    }
    .proposed_line_top {
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .status_box {
        display: inline-block;
        margin-right: 10px;  
    }
    .select_style_year {
        display: inline-block;
    }
    .select_style1{
        width: 150px;
    }
    .select_style2{
        width: 100px;
    }
    .cal_img {
        position: relative;
        top: 5px;
        margin-right: 8px;
    }
    .proposed_align_right{float: right; width: auto;}
    .rtTxt {
        display: inline-block;
        position: relative;
        margin-top: 10px;
        padding-left: 20px;
    }
    .rtTxt+.rtTxt{ margin-left:20px;}
    .rtTxt span{ position: absolute; left: 0; top:0;}

    .tableTop-1{}
    .tableTop-1 table{ width: 100%}
    .tableTop-1 table thead{ font-weight: bold;}
    .tableTop-1 table thead tr td{ padding: 10px 5px;}
    .blueHdTbl{ background: #effafc; margin-bottom: 7px;}
    .blueHdTbl tr{ border: 1px solid #ddd;}
    .blueHdTbl tr td{ padding: 7px 5px; }
    .tableTop-1 td{ width: 130px;}
    .tableTop-1 td+td{ width: 500px;}
    .tableTop-1 td+td+td{ width: 130px;}
    .tableBox-1 {
        width: 410px;
        border: 1px solid #ddd;
        display: inline-block;
    }
    .tblHead {
        border-bottom: 1px solid #ddd;
        padding: 5px 5px;
    }
    .tblHead label{
        font-weight: bold;
        font-size: 11px;
    }
    .rtLk{ float: right;}
    .bx1 table tr {border-bottom: 1px solid #ddd; vertical-align: top}
    .bx1 table tr:first-child{ font-weight: bold}
    .bx1 table tr td{ padding: 5px;}
    .tableBox-2 {
        width: 200px;
        border: 1px solid #ddd;
        display: inline-block;
        margin-left: 5px;
    }
    .tableBox-3 {
        width: 216px;
        border: 1px solid #ddd;
        display: inline-block;
        margin-left: 5px;
    }
    .rpt-01 span{ width: 100px; display: inline-block; vertical-align: top}
    .rpt-01 span+span{ width: 200px; }
    .rpt-01 span+span+span{ width: 85px;}
    .rpt-01 li{ font-size: 11px;}
    .rpt-01 li+li{ border-top: 1px solid #ddd; padding-top: 4px; margin-top: 4px;}
    .rpt-01 label {
        box-sizing: border-box;
        width: 100%;
        padding-left: 190px;
        position: relative;
        display: block;
    }
    
    .indvDiv {
        position: absolute;
        left: 105px;
        top: 0;
        font-weight: bold;
    }
    .inputStyle05 {
        display: inline-block;
        margin-right: 7px;
        margin-bottom: 4px;
    }
    .inputStyle05 input[type=checkbox]{ margin-top: 0px; float: left;}
    .inputStyle05 input[type=radio]{ margin-top: 0px; float: left;}
    .wdSml { width: 65px;}
    .btn08{
        color: #008f35;
    }
    .btnStl {
        float: right;
        margin-top: 20px;
        margin-right: 20px;
    }
    
    .profile-txt-box-new {
        background: #FFFFFF;
        box-sizing: border-box;
    }

    /*-----*/
    .rtborder{border-left:0}
    a.btn-stl05{ color: #357ebd; font-weight: bold; text-decoration: none;}
    /*--redio--*/
    .redio-dv-wrap {
        display: block !important;
        position: relative;
        padding-left: 18px;
        margin-bottom: 5px;
        cursor: pointer;
        font-size: 12px;
        color: #373737;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /*float:left;*/
        margin-right:10px;
        padding-top:3px;
        }

    .redio-dv-wrap input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        }
  
    .redio-checkmark {
        position: absolute;
        top: 7px;
        left: 0;
        height: 13px;
        width: 13px;
        background:url(https://portal.lothamer.com/themes/default/images/ck-off.png) no-repeat;
        -moz-border-radius: 50%;
        -ms-border-radius:  50%;
        -webkit-border-radius:50%;
        border-radius:50%;
        background-size: 100% 100% !important;
        }
  
    .redio-dv-wrap input:checked ~ .redio-checkmark {
    background:url(https://portal.lothamer.com/themes/default/images/ck-on.png) no-repeat;
    background-size: 100% 100% !important;
        }
    /*-----*/
    .redio-dv-wrap h4 {
        margin: 0;
        font-family: arial;
        font-weight: bold;
        line-height: 18px;
        font-size: 13px;
        }
        .redio-dv-wrap h5 {
            margin: 0 0 3px 0;
            font-family: arial;
            font-size: 12px;
            font-weight: bold;
            color: green;
        }
    .redio-dv-wrap h6{
        margin: 0;
        font-family: arial;
        font-size: 12px;       
    }
    .redioArea{ 
        border: 1px solid #ddd; 
       /* border-radius: 5px; */
        box-sizing: border-box; 
        padding:5px 15px; 
        position: relative; 
        margin-top: 10px;
        width: 50%;
    }
    /*.redioArea::after {
        position: absolute;
        content: "";
        background:url(https://portal.lothamer.com/themes/default/images/tp-aro04.png) no-repeat;
        height:13px ;
        width:23px ;
        top:-13px ;
        left: 10px;
    }*/

    .custom-modal-md{
        width: 65% !important;
    }

    .custom-modal-cross {
        background: red !important;
        color: white !important;
        border-radius: 50%;
        width: 20px;
        opacity: 1 !important;
        line-height: 13px !important;
        font-size: 18px !important;
        padding: 2px 0 4px !important;
        margin-top: -8px !important;    
    }
    .change_radio{
        opacity: 1  !important;
        left: -2px;
        top: 0px;
    }

    .new_radio_area{
        width: 100%;
        /*height: 50px !important;*/
    }
    .custom_wrapper{
        margin: 0px 0px 0px -17px !important;
    }

    /* FLIP-CLOCK RELATED CSS START */

    .flipclock_custom {
        float: right;
        width: auto !important;
        margin: 30px 30px 0 0 !important;
    }
    .flipclock_custom.flip-clock-wrapper ul{
        width: 32px;
        height: 50px;
        line-height: 50px;
        margin: 5px 2px;
    }
    .flipclock_custom.flip-clock-wrapper ul li{
        line-height: 50px;
    }
    .flipclock_custom.flip-clock-wrapper ul li a div div.inn{ font-size: 26px;}
    .flipclock_custom.flip-clock-wrapper .flip{ box-shadow: 0 0 0 0;}
    .flipclock_custom .flip-clock-divider{ height: 56px; width: 15px;}
    .flipclock_custom .flip-clock-dot{ box-shadow: 0 0 0 0; width: 7px; height: 7px; left: 4px;}
    .flipclock_custom .flip-clock-dot.top{display: none;}
    .flipclock_custom .flip-clock-dot.bottom{display: none;}
    .flipclock_custom .flip-clock-divider .flip-clock-label{ top: -12px; right: -53px;}
    .flipclock_custom .flip-clock-divider.minutes .flip-clock-label{ right: -60px;}
    .flipclock_custom .flip-clock-divider.seconds .flip-clock-label{ right: -63px;}

    .topLine {
        display: inline-block;
        vertical-align: middle;
        margin-right: 34px;
    }
    .topLine +.topLine { margin-right: 10px;}
    .topLine +.topLine +.topLine { margin-right: 0}
    .topLine2 label{ width: 100%}
    .dsplyL{ display: inline-block; margin-right: 10px;}
    .mgnTop10.dsplyL{ vertical-align: middle;}
    .lftSdArea {
        width: 48%;
        display: inline-block;
        vertical-align: top;
    }
    .rtSdArea {
        width: 48%;
        display: inline-block;
        vertical-align: top;
    }
    .btnRalign{
        float: right;
        margin-top: 10px;
    }
    .wd150 {
        width: 195px;
        display: block;
    }

    .td_phone{
        width: 300px;
    }
    

    /* FLIP-CLOCK RELATED CSS END */


    /* == End Edited By Subhodip ==*/



    /* == Start Edited By Asif ==*/
    .mgnBoth15
    {
    margin-left: 15px;
    margin-right: 15px;
    }
    #cyber_process_return tr
    {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    }
    #cyber_process_return td
    {
   
    padding: 10px 5px;
    }
    .checkAction .disableClick
    {
    color: #7dc0ff;
    text-decoration: underline;
    }
    .checkAction .enableClick
    {
    color: #4184c0;
    text-decoration: underline;
    /*font-size: 14px;*/
    cursor: pointer;
    }
    
    /* == End Edited By Asif ==*/