@import url('animate.css');

body
{
    margin: 0;
    padding: 0;
    /* font-family: Calibri; */
    /* background-image: url("../img/splashbg-pattern.png"); */
    background-attachment: fixed;
}
fieldset
{
    clear: both;
}
caption
{
    color: #000 !important;
}
h1, .h1, h2, .h2, h3, .h3
{
    margin: 0 0 5px !important;
}
.no-gutter > [class*='col-'] {
    padding-top: 20px;
    padding-right:0;
    padding-left:0;
}
.no-gutter2 > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.no-gutter3 > [class*='col-'] {
    padding-right:20px;
    padding-left:0;
}
.no-gutter3 .input-sm
{
    padding: 5px;
}
.no-gutter_btn div > [class*='col-'] {
    padding-top: 20px;
    padding-right:0;
    padding-left:0;
}
.nopadding
{
    padding:0 !important;
}
.nomargintop
{
    margin-top: 0 !important;
}
input#rdoOW
{
    -moz-box-shadow: inset 0 0 10px -2px #000;
    -webkit-box-shadow: inset 0 0 10px -2px #000;
    box-shadow: inset 0 0 10px -2px #000;
}
.radio-inline input
{
    background-color: #999;
}
#userInfo
{
    padding: 6px 20px 0 20px;
    color: #fff;
    float: left;
}
.navbar-header
{
    background-color: #ffd100 !important;
    width: 290px;
}
.navbar-fixed-top, .navbar-fixed-bottom
{
    z-index: 998 !important;
}
.sidebar
{
    z-index: 998 !important;
    overflow: auto !important;
    top: 50px !important;
}
.dropdown-menu
{
    position: relative !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}
.main
{
    padding: 5px !important;
    /*    padding-left: 20px !important;
        padding-right: 20px !important;*/
}
.table-responsive
{
    margin: 10px 0 0 0;
}
.table-responsive div
{
    margin: 10px 0 0 0;
    width: 97% !important;
}
#dg_length
{
    width: 20%;
    float: left;
    min-width: 200px;
}
#dg_filter
{
    width: 40%;
    float: left;
    min-width: 200px;
}
#dg_info
{
    width: 20%;
    float: left;
}
#dg_paginate
{
    width: 50%;
    float: right;
    text-align: right;
}
#dg_paginate a
{
    padding: 0 0 0 10px;
}
select:disabled, input:disabled
{
    background-color: #ddd;
}
.panel
{
    margin-bottom: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
}
.panel-default
{
    border-bottom : 1px solid #ddd !important;
    border-top: 1px solid rgba(0, 0, 0, .03) !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
}

.nav-sidebar .panel-default {
    border: 0 !important;
}

.fa-chevron-custom {
    position: relative;
    top: 3px;
    transition: 0.2s;
}

.fa-chevron-custom.active {
    transform: rotate(180deg);
}

.col-lg-12
{
    /*padding: 15px;*/
}
.col-lg-4
{
    padding: 15px;
    clear: both;
}
#divInput div.col-md-4
{
    margin: 20px 0 0 0;
}
#saveBtn, 
#updateBtn, 
#cmdCancel, 
#cancelBtn,
#saveBtnLoc,
#UpdateBtnLoc,
#cancelBtnLoc
{
    margin: 0 10px 0 0;
}
#saveBtn button, 
#updateBtn button, 
#cancelBtn button,
#saveBtnLoc button,
#UpdateBtnLoc button,
#cancelBtnLoc button
{
    width: 97%;
}
.hideObj
{
    display: none;
}
.rightObj
{
    text-align :right;
}
.centerObj
{
    text-align :center;
}
.rightObjSM
{
    text-align :right;
    width: 80px;
}

.TenfontObj
{
    font-size:11px;
}
.glyphicon
{
    font-size: 11px;
}
.navbar-brand
{
    background-image: url("../img/perahub_logo_horizontal_yellow.png");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: 70px 3px;
    padding: 25px 39px !important;
    color: rgba(255, 255, 255, 0) !important;
    text-shadow: none !important;
    font-size: 38px !important;
    border-bottom: 1px solid #ddd;
    width: 240px;
}
.navbar-inverse
{
    background-color: #1A2791 !important;
    background-image: none !important;
}
.sidebar
{
    padding-top: 0 !important;
    background-color: #fff !important;
}
.sidebar ul li a.dropdown-toggle
{
    color: #337ab7 !important;
}
.navbar-nav > li
{
    width: 100%;
    padding-left: 10px;
}
.navbar-nav > li a span:first-child
{
    display: none !important;
}
.nav > li > a:hover, .nav > li > a:focus
{
    color: #fff;
}
ul.dropdown-menu
{
    /*width: 100%;*/
    /*background-color: #1A2791 !important;*/
    background-color: transparent !important;
    /*color: #fff;*/
    color: #333;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
}
ul.dropdown-menu li
{
    width: 100%;
}
ul.dropdown-menu li a
{
    /*color: #fff !important;*/
    color: #333 !important;
}
ul.dropdown-menu li a:hover
{
    /*background-color: #ffd100 !important;*/
    background-image: none;
    color: #333 !important;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus
{
    background-color: #ffd100 !important;
}
div.collapse, div.collapse2
{
    width: 100%;
    overflow: hidden;
}
div.collapse2
{
    display: none;
}
div.collapsing
{
    width: 100%;
    /*background-color: #1A2791 !important;*/
    /*color: #fff;*/
    overflow: hidden;
}

ul.nav-sidebar ul.nav
{
    background-color: #eee;
    /*    -moz-box-shadow: inset 0 -8px 8px -8px #000;
        -webkit-box-shadow: inset 0 -8px 8px -8px #000;
        box-shadow: inset 0 -8px 8px -8px #000;*/
    -moz-box-shadow:    inset  0 11px 6px -11px #000, inset  0 -11px 6px -11px #000;
    -webkit-box-shadow: inset  0 11px 6px -11px #000, inset  0 -11px 6px -11px #000;
    box-shadow:         inset  0 11px 6px -11px #000, inset  0 -11px 6px -11px #000;
    width: 100%;
}
ul.nav li a
{
    color: #337ab7;/*#fff;*/
}
ul.nav li a:hover
{
    background-color: #ffd100 !important;
    background-image: none;
    color: #333 !important;
}
ul.nav li.even
{
    border-top: 1px solid rgba(255, 255, 255, .8);
    border-bottom: 1px solid rgba(0, 0, 0, .1);/* !important;*/
}
ul.nav li.odd
{
    border: none !important;
}
/*=========DATA TABLE=============*/
table
{
    border-bottom: 1px solid #ddd !important;
    background-color: #fff !important;
}
/*td.leftObj
{
    text-align: left;
}*/
table thead tr th
{
    text-align: center;
    border: none !important;
    background-color: #1A2791 !important;
    color: #fff;
    text-align: center;
    padding: 5px 15px !important;
    font-size: 11px !important;
    border-radius: 0 !important;
}
table#dg, table#dg2, table#dgrep, table#dgreptotal, table#dgrepbatch
{
    width: 100% !important;/*1097px*/
}
table button
{
    margin: 0 5px;
}
#dg thead,table#dgrep thead,table#dgreptotal thead, table#dgrepbatch thead
{
    background-color: #1A2791 !important;
    color: #fff;
    text-align: center;
    border: none;
}
#dg thead tr th,table#dgrep thead tr th,table#dgreptotal thead tr th, table#dgrepbatch thead tr th
{
    text-align: center;
    border: none;
    font-size: 11px;
}
.btn-xs, .btn-group-xs > .btn
{
    font-size: 5px !important;
}
div.datepicker
{
    /*top: -600px  !important;*/
    background-color: #fff !important;
    /*border: 1px solid #ddd !important;*/
    padding: 0 !important;
    position: absolute !important;
    margin-bottom: 20px !important;
    /*left: 0 !important;*/
}
div.datepicker div.datepicker-days
{
    width: 200px !important;
}
div.datepicker div.datepicker-days table
{
    border: 1px solid #ddd !important;
}
div.datepicker div.datepicker-days table thead tr th.prev
{
    visibility: visible !important;
}
div.datepicker div.datepicker-days table tbody
{
    border-bottom: 1px solid #ddd;
}

td.details-control {
    background: url('../img/collapse_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/collapse_close.png') no-repeat center center;
}

div.dataTables_wrapper table.table thead tr
{
    background-color: #1A2791 !important; 
}

table.dataTable tbody td.no-padding {
    padding: 0;
}
#dgLoc
{
    border: 1px solid #ddd;
}
#dgLoc thead, #dgCust thead, #dgCusts thead
{
    background-color: #1a2791;
    border-bottom: 1px solid #ddd;
}
#dgLoc thead tr th, #dgCust thead tr th, #dgCusts thead tr th
{
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 5px 19px;
}
#dgLoc tbody tr td, #dgCust tbody tr td, #dgCusts tbody tr td
{
    border-bottom: 1px solid #ddd;
}
#dgLoc tbody tr td
{
    text-align: center;
}

#dgLoc tbody tr td span.eur
{
    background-image: url("../img/ce_flags_v9.png");
    background-position: left -1223px;
    background-size: 50px;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 0px 9px;
}
#dgLoc tbody tr td span.sgd
{
    background-image: url("../img/ce_flags_v9.png");
    background-position: center -1207px;
    background-size: 50px;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 0px 9px;
}
#dgLoc tbody tr td span.usd
{
    background-image: url("../img/ce_flags_v9.png");
    background-position: center -1751px;
    background-size: 50px;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 0px 9px;
}

table.table-condensed{}
table.table-condensed tbody tr td
{
    text-align: center ;/*!important;*/
    width: 100%;
}
table.table-condensed tbody tr td.active
{
    background-color: #ffd100 !important;
    border-radius: 4px;
}
.datepicker td.active, .datepicker td.active:hover 
{
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FFD000),
        color-stop(1, #FFD000)
        ) !important;
    background-image: -o-linear-gradient(bottom, #FFD000 0%, #FFD000 100%) !important;
    background-image: -moz-linear-gradient(bottom, #FFD000 0%, #FFD000 100%) !important;
    background-image: -webkit-linear-gradient(bottom, #FFD000 0%, #FFD000 100%) !important;
    background-image: -ms-linear-gradient(bottom, #FFD000 0%, #FFD000 100%) !important;
    background-image: linear-gradient(to bottom, #FFD000 0%, #FFD000 100%) !important;
    color: #000 !important;
}

td div.slider div
{
    margin: 0 !important;
}
#OutboundPricePax table, #InboundPricePax table
{
    width: 100% !important;
    border: 1px solid #ddd;
    vertical-align: top;
    margin: 0 !important;
}
#OutboundPricePax table tr td, #InboundPricePax table tr td
{
    padding: 3px 5px !important;
}

/*===========================GEN STYLE FOR TRX MODULE==================*/
#divGenTrx
{
    margin-top: 60px;
}
#divTrx, #divOAR, #divInput, #divInputEdit
{
    bottom: 0;
    background-color: #fff;
    padding: 10px;
    margin-top: 74px;/*115px;*/
}
#divOAR
{
    overflow: hidden;
    margin-top: 6px;
}
#divInputEdit
{
    overflow: hidden;
    margin-top: 10px;
}
div.space
{
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;/*70px;*/
}
div.address
{
    width: 50% !important;
}
div.GenDivTrxContainer, #divEditDetails
{
    background-color: #fff !important;
    /*border-radius: 10px !important;*/
    padding: 20px !important;
    margin: 10px auto !important;
    overflow: hidden;
    width: 100%;
}
#dgCust, #dgCusts
{
    border: 1px solid #ddd;
    width: 100% !important;
}
#dgCust thead tr th, #dgCusts thead tr th
{
    padding: 5px 19px;
}
#dgCust tbody tr td, #dgCusts tbody tr td
{
    padding: 2px 2px 2px 10px !important;
    text-align: left;
}
#dgCust tbody tr td button, #dgCusts tbody tr td button
{
    margin: 3px 0;
}

#divCustomer
{
    padding: 8px 15px;/*padding: 10px;*//*WINNIE*//**/
    background-color: #fff;
    margin: 65px 0 10px -15px;/*margin: 75px 0 10px 0;*//*WINNIE*/
    /*overflow: hidden;*/
}
div.trxbtn
{
    margin: 10px auto 0 auto;
    width: 97%;
    clear: both;
    overflow: hidden;
}
#dg_wrapper, #dg2_wrapper
{
    width: 97%;
}
/*table#dg
{
    width: 100%;
    margin-bottom: 20px;
}*/
table#dg thead tr th
{
    padding: 5px 5px !important;
}
table#dg tbody tr td
{
    padding: 5px 15px !important;
    vertical-align: middle !important;
    font-size: 12px;
    border: 1px solid #ddd;
}
table#dgrep thead tr th,table#dgreptotal thead tr th, table#dgrepbatch thead tr th
{
    padding: 2px 2px !important;
}
table#dgrep tbody tr td,table#dgreptotal tbody tr td, table#dgrepbatch tbody tr td
{
    padding: 2px 2px !important;
    vertical-align: middle !important;
    font-size: 12px;
    border: 1px solid #ddd;
}

#divCustomer.customer_panel
{
    margin-bottom: 5px;
}
#existSearch
{
    margin: 0px auto;
    padding: 0;
    overflow: hidden;
}
#existSearch div.control-label
{
    margin: 0px auto;
}

#custTbl
{
    clear: both;
    overflow: hidden;
}
#Exist
{
    padding: 0 !important;
}
#Exist div.col-lg-12
{
    padding: 0 !important;
}
#custBtn
{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 3px;
}
#custBtn input
{
    float: left;
    margin-right: 3px; 
}
#custBtn button
{
    float: left;
    margin-right: 3px;
}
#custBtn button#btnExistingCust
{
    display: none;
}
#fulldetails
{
    clear: both;
    display: none;
    margin: 0;
}
#inner_fulldetails
{
    width: 100%;
    /*padding: 5px 0;*/
    overflow: hidden;
    font-size: 20px;/*font-size: 25px;*/
    text-align: left;
    font-weight: lighter;
}
#inner_fulldetails div.col-lg-2 button
{
    margin: 0 5px 0 0;
}
#divcustTbl
{
    overflow-y: scroll;
    height: 150px;/*height: 250px;*/
    display: none;
    margin-top: 0px/*margin-top: 10px*/
}

#divcustTbls
{
    overflow-y: scroll;
    height: 150px;/*height: 250px;*/
    display: none;
    margin-top: 0px/*margin-top: 10px*/
}

div.impt_record
{
    font-size: 20px !important;
}
.dataTables_wrapper
{
    margin: 8px 0 0 0 !important;
}
/*#gen, #appr*/
div.tab-pane
{
    background-color: #fff;
    overflow: hidden;
    padding: 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
/*#ninja-slider
{
    position: absolute;
    width: 60% !important;
    margin: 0 15% !important;
    z-index: 999;
    background-color: #fff !important;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 10px 1px #999;
    -webkit-box-shadow: 0px 0px 10px 1px #999;
    box-shadow: 0px 0px 10px 1px #999;
}
/*div.ID_lg
{
    position: absolute;
    width: 60%;
    margin: 0 15%;
    z-index: 999;
    background-color: #fff;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 10px 1px #999;
    -webkit-box-shadow: 0px 0px 10px 1px #999;
    box-shadow: 0px 0px 10px 1px #999;
    padding: 5px;
}
div.ID_lg img
{
    width: 48%;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 5px;
}*/

/*============================PERA REMIT==============================*/
#divperaremit div#divCustomer
{
    margin: 0 auto;
    width: 97%;
}
#divBuyBack
{
    clear: both;
    padding-top: 15px
}

#dgTrxMC_wrapper, #dg_wrapper
{
    margin: 10px 0 0 0;
}
/*============================PERA PALIT STYLES====================*/
#btnSlideObj div#existSearch div.col-xs-12, 
#btnSlideObj div#existSearch div.col-xs-4, 
#btnSlideObj div#existSearch div.col-sm-12
{
    padding: 3px 5px 3px 0 !important;
}

#tabs_info
{
    padding: 10px 5px;
    overflow: hidden;
    clear: both;
}
#tabs_info ul li:hover
{
    background-color: #fff !important;
    text-decoration: underline;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.nav-tabs > li > a
{
    margin-right: 0 !important;
}
#tabs_info ul
{
    margin: 0 auto !important;
}
#tabs_info ul li a
{
    color: #333 !important;
}
#tabs_info ul li a:hover
{
    background-color: #fff !important;
    text-decoration: underline;
}
div.tab-content
{
    margin: 0 auto !important;
    /*    padding: 10px 5px;
        background-color: #fff;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;*/
}

#rateDivPanel
{
    width: auto;
    position: fixed;
    overflow: hidden;
    right: 0;
    top: 116px;
    z-index: 99;
    padding: 10px 0 15px 5px;
}
#rateTblBtn
{
    float: right;
    background-color: #1a2791;
    width: 70px;
    height: 50px;
    text-align: center;
    color: #fff;
    border: 1px solid #999;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    background-image: url("../img/world_currency.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -moz-box-shadow: -8px 8px 9px -9px #000;
    -webkit-box-shadow: -8px 8px 9px -9px #000;
    box-shadow: -8px 8px 9px -9px #000;
}
#rateTblBtn:hover
{
    cursor: pointer;
    opacity: .8;
}
#buy, #sell
{
    padding: 10px 0;
}
#txtRefNo, #txtORNo, #txtCOCNumber
{
    color: red;
    font-size: 20px;
}
/*=======================PERA LOAD=====================*/
#eloading div.col-md-12, #eloading div.col-xs-12
{
    padding: 5px 0;
}
#eloading div#divInput div.col-md-4
{
    padding: 0;
    margin: 0;
}
#eloading div#divInput div.col-xs-4
{
    padding: 0;
    margin: 0;
}
#eloading div#divInput div.col-md-4 div.col-md-10
{
    padding: 5px 0;
}
#eloading form#frmOAR div#divDefault div.col-md-12 div.col-md-3
{
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 20% !important;
}
#eloading form#frmOAR div#divDefault div.col-md-12 div.col-md-9
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
div#divOAR div.col-md-12
{
    padding: 0 !important;
}
div#divOAR div.col-md-12 div.col-md-4 div.divInputcont 
{
    overflow: hidden;
}
div#divOAR div.col-md-12 div.col-md-4 div.divInputcont div.col-md-8
{
    padding-right: 0;
    width: 80%;
}

#eloaddg{}
#eloaddg thead
{
    background-color: #1a2791 !important;
}
#eloaddg thead tr th
{
    color: #fff;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    text-align: center;
}
div#divFreeLoad div.col-md-1, 
div#divFreeLoad div.col-md-2, 
div#divFreeLoad div.col-md-3, 
div#divFreeLoad div.col-md-4,
div#divFreeLoad div.col-md-5,
div#divFreeLoad div.col-md-8,
div#divFreeLoad div.col-md-9
{
    margin: 0;
    padding: 0;
}
div#divPromoCode div.col-xs-3,
div#divPromoCode div.col-xs-4,
div#divPromoCode div.col-xs-5,
div#divPromoCode div.col-xs-7
{
    margin: 0;
    padding: 0;
}

div#divIssueOAR div.col-md-1, 
div#divIssueOAR div.col-md-2, 
div#divIssueOAR div.col-md-3, 
div#divIssueOAR div.col-md-4,
div#divIssueOAR div.col-md-5,
div#divIssueOAR div.col-md-8,
div#divIssueOAR div.col-md-9
{
    margin: 0;
    padding: 0;
}
div#divGenOAR div.col-xs-3,
div#divGenOAR div.col-xs-4,
div#divGenOAR div.col-xs-5,
div#divGenOAR div.col-xs-7
{
    margin: 0;
    padding: 0;
}

div#addFee div.col-md-1, 
div#addFee div.col-md-2, 
div#addFee div.col-md-3, 
div#addFee div.col-md-4,
div#addFee div.col-md-5,
div#addFee div.col-md-8,
div#addFee div.col-md-9
{
    margin: 0;
    padding: 0;
}
div#amtCol div.col-md-1, 
div#amtCol div.col-md-2, 
div#amtCol div.col-md-3, 
div#amtCol div.col-md-4,
div#amtCol div.col-md-5,
div#amtCol div.col-md-8,
div#amtCol div.col-md-9
{
    margin: 0;
    padding: 0;
}
/*=============================PERA LOAN/PERA PENSION==============================*/
#peraloan{}

#peraloan div#divDefault, #perapension div#divDefault2
{
    padding: 20px 0;
}
#peraloan div#divDefault div.col-md-12, #perapension div#divDefault2 div.col-md-12
{
    padding: 0 !important;
}
/*======================================================================*/
ul.breadcrumb
{
    float: left;
    width: 97%;
    margin-top: 10px;
    background-color: #fff !important;
    position: absolute;
    border-radius: 0 !important;
    z-index: -9;
    /*margin-bottom: 0 !important;*/
}
div.row-fluid
{
    clear: both;
    margin: 60px 0 0 0;
    overflow: hidden;
}
div#divInput, #divLocDataEntry
{
    background-color: #fff;
    overflow: hidden;
    padding: 10px;
    margin-top: 10px;
}
div#divRep
{
    background-color: #fff;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

#peraremit_logo, 
#wu_logo, 
#perapalit_logo, 
#peraprotect_logo, 
#peraload_logo, 
#peraloan_logo, 
#perapay_logo, 
#peratravel_logo,
#peracard_logo,
div.top_icon,
div.top_icon_nav
div.top_icon_reports
{
    position: absolute;
    right: 0;
}
#peraremit_logo
{
    background-image: url('../img/PERA REMIT.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    min-width: 30px;
    height: 70px;
    float: right;
    top:0;
}
#wu_logo
{
    background-image: url('../img/WU Logo.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 18%;
    min-width: 30px;
    height: 79px;
    float: right;
    top:-3px;
    z-index: 2;
}
#perapalit_logo
{
    background-image: url('../img/PERA PALIT.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 6%;
    min-width: 30px;
    height: 79px;
    float: right;
    top:0;
}
#peraprotect_logo
{
    background-image: url('../img/PERA PROTECT.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 6%;
    min-width: 30px;
    height: 79px;
    float: right;
    top:0;
}
#peraload_logo
{
    background-image: url('../img/PERA LOAD.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 6%;
    min-width: 30px;
    height: 79px;
    float: right;
    top:0;
}
#peraloan_logo
{
    background-image: url('../img/PERA LOAN.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 6%;
    min-width: 30px;
    height: 79px;
    float: right;
    top:0;
}
#perapay_logo
{
    background-image: url('../img/PERA PAY.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 6%;
    min-width: 30px;
    height: 79px;
    float: right;
    top:0;
}
#peratravel_logo
{
    background-image: url('../img/PERA TRAVEL.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 6%;
    min-width: 30px;
    height: 79px;
    float: right;
    top:0;
}#peracard_logo
{
    background-image: url('../img/PERA CARD.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 6%;
    min-width: 30px;
    height: 79px;
    float: right;
    top:0;
}
div.top_icon
{
    background-image: url('../img/nav_icon_setup.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 6%;
    min-width: 30px;
    height: 79px;
    float: right;
    top:0;
}
div.top_icon_nav
{
    background-image: url('../img/nav_icon.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 6%;
    min-width: 30px;
    height: 79px;
    float: right;
    top:0;
}

div.top_icon_reports
{
    background-image: url('../img/nav_icon_report.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 6%;
    min-width: 30px;
    height: 79px;
    float: right;
    top:0;
}

ul.teller li:nth-child(1) span.icon, 
ul.teller li:nth-child(3) span.icon,
ul.teller li:nth-child(5) span.icon,
ul.teller li:nth-child(7) span.icon,
ul.teller li:nth-child(9) span.icon,
ul.teller li:nth-child(11) span.icon,
ul.teller li:nth-child(13) span.icon,
ul.teller li:nth-child(15) span.icon,
ul.teller li:nth-child(17) span.icon,
ul.teller li:nth-child(19) span.icon,
ul.teller li:nth-child(21) span.icon,
ul.teller li:nth-child(23) span.icon,
ul.teller li:nth-child(25) span.icon,
ul.teller li:nth-child(27) span.icon,
ul.teller li:nth-child(29) span.icon,

ul.bos li:nth-child(1) span.icon, 
ul.bos li:nth-child(3) span.icon,
ul.bos li:nth-child(5) span.icon,
ul.bos li:nth-child(7) span.icon,
ul.bos li:nth-child(9) span.icon,
ul.bos li:nth-child(11) span.icon,
ul.bos li:nth-child(13) span.icon,
ul.bos li:nth-child(15) span.icon,
ul.bos li:nth-child(17) span.icon,

ul.funding li:nth-child(1) span.icon, 
ul.funding li:nth-child(3) span.icon,
ul.funding li:nth-child(5) span.icon,
ul.funding li:nth-child(7) span.icon,
ul.funding li:nth-child(9) span.icon,
ul.funding li:nth-child(11) span.icon,
ul.funding li:nth-child(13) span.icon,
ul.funding li:nth-child(15) span.icon,

ul.admin li:nth-child(1) span.icon, 
ul.admin li:nth-child(3) span.icon,
ul.admin li:nth-child(5) span.icon,
ul.admin li:nth-child(7) span.icon,
ul.admin li:nth-child(9) span.icon,
ul.admin li:nth-child(11) span.icon,
ul.admin li:nth-child(13) span.icon,
ul.admin li:nth-child(15) span.icon,
ul.admin li:nth-child(17) span.icon,
ul.admin li:nth-child(19) span.icon,
ul.admin li:nth-child(21) span.icon,
ul.admin li:nth-child(23) span.icon,
ul.admin li:nth-child(25) span.icon,
ul.admin li:nth-child(27) span.icon,
ul.admin li:nth-child(29) span.icon,
ul.admin li:nth-child(31) span.icon,
ul.admin li:nth-child(33) span.icon,
ul.admin li:nth-child(35) span.icon,
ul.admin li:nth-child(37) span.icon,
ul.admin li:nth-child(39) span.icon,
ul.admin li:nth-child(41) span.icon
ul.admin li:nth-child(43) span.icon,
ul.admin li:nth-child(45) span.icon
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 85%;
    padding: 20px;
    position: absolute;
    z-index: 999;
}
/*ul.teller li:nth-child(1) span.icon
{
    background-image: url('../img/PERA REMIT.png');
}
ul.teller li:nth-child(3) span.icon
{
    background-image: url('../img/PERA REMIT.png');
}
ul.teller li:nth-child(5) span.icon
{
    background-image: url('../img/PERA PALIT.png');
}
ul.teller li:nth-child(7) span.icon
{
    background-image: url('../img/PERA PROTECT.png');
}
ul.teller li:nth-child(9) span.icon
{
    background-image: url('../img/PERA LOAD.png');
}
ul.teller li:nth-child(11) span.icon
{
    background-image: url('../img/PERA LOAN.png');
}
ul.teller li:nth-child(13) span.icon
{
    background-image: url('../img/PERA PAY.png');
}
ul.teller li:nth-child(15) span.icon, ul.teller li:nth-child(17) span.icon
{
    background-image: url('../img/PERA TRAVEL.png');
}
ul.teller li:nth-child(19) span.icon
{
    background-image: url('../img/PERA CARD.png');
}*/
a.submenu
{
    padding:10px 0 10px 50px !important; 
}
ul.bos li span.icon, ul.funding li:nth-child(7) span.icon, ul.funding li:nth-child(9) span.icon, ul.admin li:nth-child(19) span.icon
{
    background-image: url('../img/nav_icon.png'); 
}

ul.funding li span.icon, ul.admin li span.icon, ul.bos li:nth-child(13) span
{
    background-image: url('../img/nav_icon_setup.png'); 
}
a[aria-expanded = false]
{
    background-color: #fff !important; /*#f5f5f5*/
}

/*=============IDENTIFICATION IMAGE UPLOAD PANEL========================*/
#divImages div.space
{
    margin-bottom: 90px;
}
#divImages div.file-preview-frame
{
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px;
}
#divImages div.file-preview-frame img
{
    width: 100% !important;
}
div.brw_icon
{
    /* display: none !important; */
}

/*=============== AIRLINE STYLES ==============*/
#LoaderAirAsia
{
    display: none;
    text-align: center;
    padding: 5px 0;
    top: 51px;
    left: 0;/*230px;*/
    width: 100%;/*82.95%;*/
    margin: 0 auto;
    position: fixed;
    z-index: 999;
    opacity: 0;
    /*background-color: #ffd100;*/
}
#submit_btn
{
    /*display: none;*/
    padding: 5px 0;
}
#flihgtlist
{
    padding-top: 20px;
}
#flihgtlist > [class*='col-']
{
    padding-right: 3px;
    padding-left:  3px;
}
#OutboundTable table, #InboundTable table
{
    border: none !important;
}
#OutboundTable thead tr th, #InboundTable thead tr th
{
    font-size: 11px;
}
#OutboundTable tbody tr td, 
#InboundTable tbody tr td
{
    padding: 0 3px;
    background-color: #fff;
    font-size: 11px;
}
#OutboundTable table tbody tr:nth-child(1) td, 
#InboundTable table tbody tr:nth-child(1) td
{
    text-align: center;
}
#OutboundTable table tbody tr td:nth-child(2), 
#InboundTable table tbody tr td:nth-child(2)
{
    text-align: right;
    font-weight: bold;
}
#OutboundTable table tbody tr td button, 
#InboundTable table tbody tr td button
{
    text-align: center;
}

#OutboundTable thead tr th:nth-child(1), 
#InboundTable thead tr th:nth-child(1)
{
    width: 350px !important;
}
#OutboundTable tbody tr td:nth-child(2) div, 
#InboundTable tbody tr td:nth-child(2) div,
#TandemTable tbody tr td:nth-child(3) div
{
    text-align: center !important;
    padding: 10px 0 0 0;
}

#TandemTable thead tr:nth-child(2) th:nth-child(1),
#TandemTable thead tr:nth-child(2) th:nth-child(2)
{
    width: 350px !important;
}
#TandemTable tbody tr td:nth-child(2) table tbody tr:nth-child(1) td
{
    text-align: center !important;
}
#TandemTable tbody tr td:nth-child(2) table tbody tr td:nth-child(1)
{
    font-weight: normal !important;
    text-align: left;
}
#TandemTable tbody tr td
{
    font-size: inherit;
}

table.selected_flights
{
    width: 100% !important;
    border: 1px solid #ddd;
}
table.selected_flights tr td
{
    padding: 3px 5px !important;
}
#selected_flights tr td
{
    vertical-align: top;
}

div.tAmt
{
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
}

.hideChk
{
    display: none;
}

td.disabled
{
    color: #ddd !important;
}
div#divAirlineStep1
{
    margin: 25px 0 0 0;
}
div#divAirlineStep1 div.col-lg-12
{
    padding: 10px 0;
    background-color: #fff;
}
div#divSelectStep2
{
    margin: 25px 0 0 0;
}
div#divSelectStep2 div.col-lg-12
{
    padding: 10px 0;
    background-color: #fff;
}
#TblSearchAirline
{
    /*padding: 5px;*/
    background-color: white; 
    width: 99% !important;
    margin: 0 auto;
}
#TblSearchAirline tr td
{
    width: 33.33% !important;
}
#TandemTable
{
    width: 100% !important;
}
#TandemTable tbody tr
{
    background-color: #fff;
}
#TandemTable tbody tr td:nth-child(2)
{
    font-weight: bold;
    text-align: right;
}
#TandemTable table
{
    border: none !important;
    margin: 0 auto;
    width: 60%;
}
#TandemTable table tbody tr:nth-child(1) td
{
    text-align: center;
}
#TandemTable table tbody tr td
{
    padding: 0 !important;
}
#TotalAmount
{
    padding: 5px 10px;
}
table#flgDetails
{
    width: 99%;
    margin: 0 auto;
    border: none !important;
}
/*#selected_flights
{
    border-bottom : none !important;
}
#selected_flights tbody
{
    border-bottom: 1px solid #ddd !important;
}*/
div.datepicker-years, div.datepicker-months
{
    width: 300px !important;
    margin-bottom: 20px;
}
div.datepicker-years table tbody tr td span, div.datepicker-months table tbody tr td span
{
    padding: 10px;
    width: 60px;
    float: left;

}
div.datepicker-years table tbody tr td span:hover, div.datepicker-months table tbody tr td span:hover
{
    background-color: #1a2791 !important;
    cursor: pointer;
    color: #fff;
}
table#tblAdult, table#tblSenior,
table#tblChild, table#tblInfant
{
    width: 98%;
    margin: 10px auto;
    border: none !important;
}
table#tblAdult tbody tr td,
table#tblSenior tbody tr td,
table#tblChild tbody tr td,
table#tblInfant tbody tr td
{
    padding: 3px !important;
}
#pax_count select
{
    padding: 5px 0px ;
}
#BtnPremium, #BtnLowcost
{
    font-weight: bold;
    padding-bottom: 10px;
}
#BtnPremium:hover, #BtnLowcost:hover
{
    text-decoration: underline;
}
/*===================================================*/
div#divLocSearch table
{
    width: 100%;
    border: 2px solid #ddd;
}
div#divLocSearch table tbody tr td
{
    border: 2px solid #ddd;
    padding: 2px 3px;
}
#alertModal {
    background: #fff;
}

#alertmsg
{
    position: absolute;
    z-index: 9999;
    top: 0;
    width: 99.5%;
}

#alertmsg div.alert
{
    padding-top: 10%;
    text-align: center;
    width: 100%;
    height: 100%;
    position: fixed;
    border: none !important;
    border-radius: 0 !important;
    background-color: rgba(0, 0, 0, .8);
    background-image: none !important;
    left: 0;
    /* opacity: 0.8; */
    /*background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #636363),
        color-stop(1, #636363)
        ) !important;
    background-image: -o-linear-gradient(bottom, #636363 0%, #636363 100%) !important;
    background-image: -moz-linear-gradient(bottom, #636363 0%, #636363 100%) !important;
    background-image: -webkit-linear-gradient(bottom, #636363 0%, #636363 100%) !important;
    background-image: -ms-linear-gradient(bottom, #636363 0%, #636363 100%) !important;
    background-image: linear-gradient(to bottom, #636363 0%, #636363 100%) !important;*/
    /* opacity: 0.8; */
}
#alertmsg div.alert div
{
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    color: #000;
    width: 30%;
    margin: 0 auto;
    padding: 10px;
    filter: alpha(opacity=100);
}
#alertmsg div.alert-info div
{
    background-color: rgba(129, 190, 247, 1);
}
#alertmsg div.alert-danger div
{
    background-color: rgba(245, 169, 169, 1);
}
#alertmsg div.alert-success div
{
    background-color: rgba(188, 245, 169, 1);
}
#alertmsg div.alert-warning div
{
    background-color: #F7BE81;
}
#alertmsg a.close
{
    margin-right: 34%;
}
.close
{
    color: #ff0000 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    /* margin-right: 0; */
}
.close:hover
{
    color: #ddd !important;
}

#customerDetails
{
    background-color: #fff;
    overflow: hidden;
    padding: 10px;
}
#divCurrImages
{
    margin: 5px auto;/*margin: 10px auto;*//*WINNIE*/
    /*overflow: hidden;*/
    /*min-height: 100px;*/
}
#divImages,
#divImagesPHV
{
    margin: 10px auto;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}
button.rmv_img_id
{
    width: 225px !important;
}
#wrapper_msg
{
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 52px;
    width: 85%;
    height: 100%;
    background-color: #fff;
}
#confirm_msg
{
    width: 70%; 
    margin: 20px auto; 
    text-align: center
}
span#msg_conf
{
    font-size: 20px;
}

/*====================CUSTOMER ID SLIDER================*/
div#idclose
{
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    right: 25%;
    top: -3%;
    width: 50%;
    z-index: 999;
}
button#closeID_img
{
    padding: 0 !important;
    line-height: 1;
    border-radius: 15px;
    z-index: 99999;
    float: right;
    /*    right: 165px;
        top: 48px;*/
}
button#closeID_img span
{
    font-size: 25px;
}
#slider {
    position: relative;
    overflow: hidden;
    margin: 0 auto 0 auto;
    border-radius: 4px;
    width: 50%;
    height: 350px;
    -moz-box-shadow: 0px 0px 10px 1px #000;
    -webkit-box-shadow: 0px 0px 10px 1px #000;
    box-shadow: 0px 0px 10px 1px #000;
    display:block;
}

#slider ul {
    position: relative;
    margin: 0;
    padding: 3px;
    height: 500px;/*200px;*/
    list-style: none;
    width: 100%;
    overflow:hidden;
}

#slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%; /*500px;*/
    height: 100%; /*300px;*/
    background-color: #fff;
    text-align: center;
    line-height: 300px;
}
#slider ul li img
{
    /*width: 80%;*/
    height: 70%;
}

a.control_prev, a.control_next {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 4% 3%;
    width: auto;
    height: auto;
    background-color: rgba(69, 69, 69, .5);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    background-color: rgba(69, 69, 69, 1);
}

a.control_prev {
    border-radius: 0 50px 50px 0;
}

a.control_next {
    right: 0;
    border-radius: 50px 0 0 50px;
}

.slider_option {
    position: relative;
    margin: 10px auto;
    width: 160px;
    font-size: 18px;
}
/*=========CUSTOMER==========*/

div.btn-group
{
    /*height: 120px !important;*/
    overflow: hidden
}
label.img_select
{
    width: 100%;
    height: 300px;
    overflow: hidden;
    border: 1px solid #999;
    padding: 0px;
    margin: 5px !important;
    text-align: center;
}
label.img_select img
{
    /*    width: 90%;*/
    /*height: 80%;*/ 
    width: 100%;
    margin: 0 auto;
    /*border: 1px solid #999;*/
    /*border-radius: 5px;*/
}
div.checked_img
{
    border: 1px solid #999;
    position: absolute;
    left: 20px;
    top: 0;
    width: 25px;
    background-color: #fff;
}
#lblDateTo, #inputDateTo
{
    padding-left: 15px;
    padding-right: 15px;
}
#divLoc span.select2
{
    width: 100% !important;
}
.select2-container .select2-selection--single
{
    height: 31px !important;
    padding: 1px;
}

#fileUpload
{
    padding: 2px 10px !important;
    width: 98% !important;
}

#tblBillsDenom
{
    width: 60%;
    margin: 0 auto;
}
#tblBillsDenom tbody tr td input
{
    width: 100%;
}


#loader
{
    position: fixed;
    width: 100%;
    height: 100%;
    /*background-color: #fff;*/
    background-color: rgba(0, 0, 0, .9);
    z-index: 1100;
    top:0;
    left: 0;
    display: none;
}
#timerLoader
{
    position: fixed;
    width: 100%;
    height: 100%;
    /*background-color: #fff;*/
    background-color: rgba(0, 0, 0, .9);
    z-index: 999;
    top:0;
    left: 0;
    display: none;
}
#innerLoader
{
    width: 10%;
    margin: 15% auto;
    text-align: center;
    background-color: #ddd;
    border-radius: 10px;
    border: 1px solid #BDBDBD;
}
#innerLoader2
{
    width: 50%;
    margin: 15% auto;
    text-align: center;
    background-color: #ddd;
    border-radius: 3px;
    border: 1px solid #BDBDBD;
}
#innerLoader img
{
    width: 100px;
}
#sidemenu
{
    height: 100%;
    width: 271px;
}
.toggler
{
    z-index: 999999 !important;
    color: #fff;
}
#TblAirline
{
    width: 100% !important;
}
.foreColorRed
{
    color:red;
}
.foreColorGreen
{
    color:green;
}

#text_div_overlay{
    position: absolute;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 85px;
    background-color: #000000;
    opacity: 0.6;
    color: white;
    /*margin: 0px 5px;*/
}
#text_overlay{
    position: absolute;
    top: 50%;
    left: 0;
    color: white;
    z-index: 10px;
    line-height: 20px;
    font-size: 11px;
    /*margin: 0px 5px;*/
}
#text_div_overlay2{
    position: absolute;
    top: 77%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 85px;
    background-color: #000000;
    opacity: 0.6;
    color: white;
    /*margin: 0px 5px;*/
}
#text_overlay2{
    position: absolute;
    top: 79%;
    left: 10%;
    color: white;
    z-index: 10px;
    line-height: 20px;
    /*margin: 0px 5px;*/
}

/* global style */
.styledRow{
    padding: 3px 20px !important;
    background-color: #1A2791;
    color: #FFD100;
}
.panelborder{
    border: 1px solid #1A2791;
    padding-top: 5px;
    padding-bottom: 10px;
}
.col4Only{
    margin: 0px !important;
    padding: 0px 10px !important;
}
.bottomSpace{
    padding: 5px 10px !important;
}
.regularCol{
    padding: 0px 20px !important;
}
.regularRow{
    margin-bottom: 20px !important;
}
.regularInput{
    border-radius: 0px !important;
    height: 26px !important;
    padding: 0px 5px !important;
}
/* new add css July 21, 2017*/
.margin-sm{
    margin: 0px 2px !important;
}
table.dataTable tbody td{
    padding: 4px !important;
}
.btn-xsm{
    padding: 0px 5px !important;
}
.moneyObj{
    float: right;
}

.remindel_panel{
    border-radius: 4px;
    border: 2px dotted #000;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px !important;
    background-color: #f7ad62;
}

.stepsA{
    background-color: gray;
    color: black;
}
.stepsA_active{
    background-color: #1A2791;
    color: #FFD100;
}
.stepsA, .stepsA_active{
    width: 30px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    margin: 0px auto;
    line-height: 30px;
    font-size: 1.2em;
}

.stepsB{
    line-height: 30px;
    padding-left: 5px !important;
    font-size: 1.2em;
}

.panel_header{
    background-color: #252021;
    width: 100%;
    height: 50px;
    /*border-radius: 10px 10px 0px 0px;;*/
    padding: 10px;
}
#panel_body{
    background-color: #252021;
    padding: 10px;
    /*border-radius: 0 0 10px 10px;*/
}
h4{
    margin: 0px !important;
}
.panelResult{
    /*background-color: #ffeeea;*/
    box-shadow: 0px 2px 5px #888888;
    padding: 20px;
    border-radius: 10px;
}
.divSeparator{
    border-bottom: 1px #5e5e5e dotted;
    padding: 5px 10px;
}
.panel_header_2{
    background-color: #EDEDED;
    width: 100%;
    padding: 15px 10px;
    box-shadow: 0px 2px 5px #888888;
}

.styledRowID{
    padding: 3px 20px !important;
    background-color: #ffd100 ;
    color: #1A2791;
    /*background-color: #1A2791 ;
    color: #ffd100;*/
}

/*Sidebar Nav*/
.toggler.menu {
    position: fixed;
    cursor: pointer;
    width: 51px;
    height: 52px;
    padding-top: 15px;
    padding-bottom: 15px;
    /* transform: scale(4); */
}

.toggler.menu .line {
    position: absolute;
    transform-origin: center;
    width: 60%;
    height: 3px;
    margin-right: 20%;
    margin-left: 20%;
    transition: 0.2s;
    background: #FFFFFF;
}

.toggler.menu .line:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}

.toggler.menu .line:nth-child(3) {
    bottom: 15px;
}

.toggler.menu.open .line:nth-child(2) {
    transform: translateX(20%);
    top: 44%;
    width: 50%;
}

.toggler.menu.open .line:nth-child(1) {
    transform: translateY(13px) rotate(45deg);
    width: 40%;
}

.toggler.menu.open .line:nth-child(3) {
    transform: translateY(-16px) rotate(-45deg);
    width: 40%;
}

#divCurrImagesPHV,
#divCurrCompDocsPHV,
#divCurrDocsPHV {
    margin: 5px auto;
    padding: 0;
}

#divSoftEvidencePHV .space.form-group, 
#divImagesPHV .space.form-group, 
#divCompDocsPHV .space.form-group, 
#divDocsPHV .space.form-group {
    border-radius: 5px;
    border: 1px solid #ffd100;
    padding-top: 0px;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

#divSoftEvidencePHV .btn-file, 
#divImagesPHV .btn-file, 
#divCompDocsPHV .btn-file, 
#divDocsPHV .btn-file {
    margin-top: 10px;
}

#divSoftEvidencePHV .btn-file, 
#divImagesPHV .btn-file, 
#divCompDocsPHV .btn-file, 
#divDocsPHV .btn-file, 
#divSoftEvidencePHV button.rmv_img_id.fileinput-remove-button, 
#divImagesPHV button.rmv_img_id.fileinput-remove-button, 
#divCompDocsPHV button.rmv_img_id.fileinput-remove-button, 
#divDocsPHV button.rmv_img_id.fileinput-remove-button {
    width: 100% !important;
}

#divCompDocsPHV, 
#divDocsPHV {
    margin: 10px auto;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}

.sendout-items #selectPermanentCountry + .select2.select2-container,
.sendout-items #slcPermanentCity + .select2.select2-container {
    width: 100% !important;
}