.muli-font-family {
    font-family: Muli;
}
/*alex start 0103*/
.nav-item{
    cursor: context-menu;
}
/*alex end 0103*/
.nav-item.dropdown.dropdown-menu-hover.dropdown-crow>a.nav-link.active {
    border: #0B318F;
    border-bottom-style: solid;
    border-width: 2px;
    color: #0B318F !important;
    font-weight: 900;
    height: 100%;
}
.poppins-font-family {
    font-family: Poppins;
}
.navbar.navbar-expand-sm.bluenav {
    display: flex;
    background: #ffffff;
    transition: 0.3s;
    top:0;
    visibility: visible; 
    background-image: url('');
    background-position: right;
    background-repeat: no-repeat;
}

.navbar.navbar-expand-sm.navbar-light.navbar-padding.nav-border-bottom-gray {
    display: flex;
    transition: 0.3s;
    top: 0;
}

.small{
    transition: .7s all;
    -moz-transition: .7s all;
    -webkit-transition: .7s all;
    -o-transition: .7s all;
}

.navbar.navbar-expand-md.navbar-light.bg-white.no-padding {
    display: none;
}

.bluenav {	
    font-family: Muli;
    padding: 0px 7.2vw;

}  

.bluenav a {
    color: #231F20; 
    font-size: 16px;	
    font-weight: bold;	
    line-height: 27px;
    text-align: center;
    padding: 15px 0px ; 
    opacity: 0.65;
}
.bluenav a:hover{
    color: #0B318F;
    opacity: 1;
}

.bluenav a.active {
    font-weight: 900;
    color: #0B318F;
    opacity: 1;
}

.bluenav-dropdown-item{
    opacity: 1 !important;
    padding:13px 13px;
    padding-right:19px !important;
}
.bluenav> .nav-item:nth-child(2) .dropdown-toggle::after{
    display: none;
}
.dropdown-toggle::after{
    margin-left: 7px;
}
.cimb-notification {
    background-color: #0B318F;
    color: white;
    margin-bottom: 0rem;
    border-radius: 0rem;
    padding: 15px 7.2vw;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 27px;
    font-family: Muli;
    position: sticky;
    z-index: 1001;
}

.closebtn {
    margin-left: 5px;/* change*/
    color: white;
    font-weight: 100;
    float: right;
    font-size: 32px; /* change*/
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: #E60012;
}

.span-color {
    color: #E60012; 
    font-weight: 600;
}
.dropdown-menu-bg-darkblue {
    padding: 0px;
}

.dropdown-menu-bg-darkblue-lower-selected{
    background: #0B318F;
    opacity: 1 !important; 
    color: white !important;
    border-radius: 0px 0px 3px 3px;
}

.dropdown-menu-bg-darkblue-lower-selected:hover{
    background: #0B318F !important;
    opacity: 1 !important; 
    color: white !important;
}

.dropdown-menu-bg-darkblue-upper-selected{
    background: #0B318F;
    opacity: 1 !important; 
    color: white !important;
    border-radius: 3px 3px 0px 0px;
}

.dropdown-menu-bg-darkblue-upper-selected:hover{
    background: #0B318F !important;
    opacity: 1 !important; 
    color: white !important;
}

.nav-item.dropdown:nth-last-child(2) .dropdown-menu.dropdown-menu-bg-darkblue{
    min-width: 5rem;
}

.dropdown-menu-bg-darkblue a {
    color: black;
}

.product-and-serivces-dropdown-menu-style{
    width: 257px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 1px;
}   

.dropdown-item {
    color: #9B9B9B; 
    font-size: 12px;
    font-weight: bold;
    line-height: 23px;
    padding: 13px 35px !important;
    letter-spacing: 0.74px;;

}
/* start new header*/
.dropdown-submenu.destop-dropdown-submenu:last-child:not(.style0) > .dropdown-item.sub_menu_arrow_right{
    background-image: none;
}
/* end new header*/
.no-bottom-padding-dropdown-item{
    padding-bottom: 0px;
    padding-left:30px;
    padding-right: 0px;
    margin: 0px !important;
}
/* menu product and services start*/
.dropdown-menu.product-and-serivces-dropdown-menu-style >.dropdown-item:first-child{
    padding-top: 25px;
    white-space:normal !important;
}
/*.dropdown-menu.product-and-serivces-dropdown-menu-style >.dropdown-submenu.destop-dropdown-submenu >
.dropdown-menu.bg-lightgrey .dropdown-item.no-bottom-padding-dropdown-item:first-child{
    padding-top: 32px;
    white-space:inherit !important;
}*/
.dropdown-item:hover {
    background-color: transparent;
    font-weight: bold;
}

.dropdown-item-title {
    padding: 12px 22px px 22px;
}

.dropdown-item-title:hover {
    background-color: transparent;
}

.dropdown-item-desc {
    color: #231F20;
    font-family: Muli;
    font-size: 14px;
    line-height: 21px;
    opacity: 0.7;
    margin-bottom: 15px;
    padding: 0px 31px 0px 31px;
    overflow: hidden;   
    text-overflow: ellipsis;
    max-height: 41px; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

/* menu product and services end*/

/*white navbar start*/
.navbar-padding {
    padding: 0px 7.2vw;
}
.navbar-white-font{
    font-size: 14px;
}

.destop-navbar-brand{
    padding:22px 12px 22px 0px;
    margin-right: 0px;
}

.destop-navbar-brand.small{
    padding: 15px 12px 15px 0px;
    margin-right: 0px;
}

.destop-navbar-brand>img {
    width: 80%;
    max-width: 400px;
}

.destop-navbar-brand>img.small {
    width: 65%;
    max-width: 300px;
}

.menu-input-username {
    background-image: url(https://www.cgsi.com/cgsiresources/system/username.png);
    background-repeat: no-repeat;
    background-position-x: 93%; 
    background-position-y: 53%;
}

.menu-input-password {
    background-image: url(https://www.cgsi.com/cgsiresources/system/password.png);
    background-repeat: no-repeat;
    background-position-x: 93%; 
    background-position-y: 53%;
}

.navbar-padding a:hover {
    color: #0B318F !important;
    font-weight: 900;
}
.navbar-padding .dropdown-menu.product-and-serivces-dropdown-menu-style .dropdown-submenu.destop-dropdown-submenu:first-child{
    padding-top:25px;
}

.navbar-padding .dropdown-menu.product-and-serivces-dropdown-menu-style> .dropdown-submenu.destop-dropdown-submenu:hover{
    background: #F8F8F8;  
    color: #0B318F !important;
}

.navbar-padding .dropdown-menu.product-and-serivces-dropdown-menu-style .dropdown-submenu.destop-dropdown-submenu .sub-menu-border-bottom:first-child td{
    padding-top: 25px;
}

.navbar-padding .dropdown-menu.product-and-serivces-dropdown-menu-style> .dropdown-submenu.destop-dropdown-submenu:hover .sub-menu-border-bottom:hover{
    background: #F8F8F8;

}
.navbar-padding .dropdown-menu.product-and-serivces-dropdown-menu-style> .dropdown-submenu.destop-dropdown-submenu .sub-menu-border-bottom:hover td a{
    color: #0B318F !important;
}
.dropdown-menu.dropdown-crow.dropdown-menu-large td a:first-child{
    padding-top: 25px !important;
}

.dropdown-menu.dropdown-crow.dropdown-menu-large td a:last-child{
    padding-bottom: 25px !important;
}
.dropdown-menu.dropdown-crow.dropdown-menu-large td:last-child {
    padding-bottom: 0px;
}
.dropdown-menu.dropdown-crow.dropdown-menu-large td a:hover{
    background: #F8F8F8;
}

.dropdown-menu.dropdown-crow.dropdown-menu-large tr:last-child td a{
    padding-top: 13px !important;
    padding-bottom: 0px !important;
}

.nav-border-bottom-gray {
    border: lightgray;
    border-left-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-width: 1px;
    background-color: white;

}

.nav-border-gray {
    border: lightgray;
    border-right-style: solid;
    border-left-style: solid;
    border-width: 1px;

}

.nav-bottom-bar {
    border: transparent;
    border-bottom-style: solid;
    border-width: 2px;
}

.icon-w {
    color:white;
}

.dropdown-OpenNewAc-menu-Width {
    min-width: 13rem;

}
.dropdown ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 18px;
    z-index: 10;
}

.dropdown ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 16px;
    z-index: 9;
}

.dropdown-crow form.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 18px;
    z-index: 10;
}

.dropdown-crow .btn{
    font-size: 14px;
}


.dropdown-crow .dropdown-menu{
    font-size:22px;
}

.dropdown-crow .p-4{
    padding:40px 43px !important;
}
option input:focus{
    font-weight: bold;
}

.dropdown form.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 16px;
    z-index: 9;
}

.dropdown-right form.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 325px;
    z-index: 10;
}



.dropdown-right form.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 323px;
    z-index: 9;
}
.dropdown-right select{
    height:unset !important;
}

.dropdown-right .select-items{
    max-height: 150px;
}

.dropdown-right .form-control{
    padding:11px 18px;
}
.dropdown-right .dropdown-menu{
    font-size:22px;
}
.dropdown-right .btn{
    font-size: 14px;
}
.dropdown-right .p-4{
    padding:40px 43px !important;
}


.dropdown-submenu a::after {
    transform: rotate(-90deg);
    right: 3px;
    top: 40%;
}
/*alex start 0103*/
.dropdown-submenu > .dropdown-menu{
    display: none;
    margin-top: -1px;
    margin-left: -1px;
    top:0px;
    left: 100%;
    min-height: 100%;    
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
/*alex end 0103*/
.dropdown-submenu.destop-dropdown-submenu:last-child:not(.style0){
    background: #F7F7F7;
    border-radius: 0px 0px 6px 6px;

}

.dropdown-submenu.destop-dropdown-submenu:nth-last-child(2):not(.style0){
    border-top: 1px solid #D8D8D8;

}

.navbar-nav.mr-auto .nav-item.dropdown.dropdown-menu-hover.dropdown-crow:last-child .dropdown-submenu.destop-dropdown-submenu:nth-last-child(2){
    border-top: 0px solid #D8D8D8;
}
.dropdown-submenu-overflow{
    overflow-y: scroll;
    -webkit-border-radius: 0px;
}

.dropdown-menu-hover:hover > .product-and-serivces-dropdown-menu-style{
    display:block ;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-right-radius:6px;
    border-bottom-left-radius:6px;
}
/*.dropdown-menu-hover:active > .product-and-serivces-dropdown-menu-style{
    display: none;
}*/
.dropdown-menu-hover:hover > .dropdown-menu-large{
    display:block ;
}

.bg-lightgrey {
    background-color: #F7F7F7;
}

.sub-menu-border-bottom{
    border-bottom: 1px solid #D8D8D8;
}

.sub-menu-border-bottom:last-child{
    border-bottom:none;
}

.sub_menu_arrow_right{
    background: url('https://www.cgsi.com/cgsiresources/system/arrow_down_right.png') no-repeat 89% 50% transparent;
}
.navbar-right-dropdown-menu-left{
    width: 364.7px;
    left: -91px;
}
/* start change */
.navbar-right-dropdown-menu-left:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 169px;
    z-index: 10;
}

.navbar-right-dropdown-menu-left:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 168px;
    z-index: 9;
}
.navbar-right-dropdown-menu-right {
    right:0px;
    left:unset;
    width: 364.7px;
}
.navbar-right-dropdown-menu-right:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 304px;
    z-index: 10;
}

.navbar-right-dropdown-menu-right:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 302px;
    z-index: 9;
}
/* end change */

.icon-tomato {
    color:red !important;
}

.fa-angle-right:before {
    position: relative;
    padding-right:29px;
    color: #E60012;
    font-size:14px;
}

.no-padding {
    padding:10px 0rem;
}     
.navbar-light .nav-item {
    /*    width:198px;
    */

}

.item-style {
    background-color: #0B318F;
    font-weight: bold;
}

.navbar-light .navbar-nav .nav-link {
    color: black;
    opacity: 1;
    padding: 30px 15px;
    line-height: 23px;
    font-size: 16px;
}

.nav-link.small {
    padding: 23px 15px !important;
}

.nav-item.dropdown.dropdown-menu-hover.dropdown-crow>.nav-link {
    color: #898787 ;
}

.right-nav-link{
    padding: 27px 26px;
    text-align: center;
    font-size: 16px;
}

.right-nav-link.small{
    padding: 20px 26px;
}

.link-w {
    color:white !important;
    padding: 13px 15px; 
}

.menu-select-padding {
    padding: 0px 30px;
}

.menu-select-style {
    margin-top: 3%;
}

.phone-menu-btn-group-height {
    height: 56px;
}
.phone-menu-btn-Login {
    border-radius: 0rem;
    background-color: #E60012;

    width: 100%;
    font-size: 12px;
    color:white;

}

.phone-menu-btn-CreateAc {
    border-radius: 0rem;
    background-color: #F7F7F7;

    width: 100%;
    font-size: 12px;
    color:#E60012;

}

.form-forgot-password{
    color: #E60012;
    font-size: 22px;
}

.phone-menu-select-language {
    background-image: url(https://www.cgsi.com/cgsiresources/system/phone_menu_language.png);
    background-repeat: no-repeat; 
    background-position: 10px; 
    padding: 0.375rem 1.75rem; 
}

.phone-menu-select-place {
    background-image: url(https://www.cgsi.com/cgsiresources/system/phone_menu_place.png);
    background-repeat: no-repeat; 
    background-position: 10px; 
    padding: 0.375rem 1.75rem; 
}

.nav-link-img-style {
    float: right;
    padding-top: 6px;
}

.searchModal-search-keyword-box {
    padding: 23px .75rem;
}

.phone-share-icon {
    cursor: pointer;
    padding-right:  20px;
}
.phone-back-btn{

    font-weight: 600;
    font-size:16px;
}
.products-and-services-item-subitem-phone-back-btn{

    font-weight: 600;
    font-size:16px;
}
.bg-white {
    background-color: #ffffff;
}

.dropdown-menu-large{
    margin-top: 1px;
    max-width: 849px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.dropdown-menu-large td:nth-child(even) {
    border-left: 1px solid #D8D8D8;
}

.dropdown-menu-large-item{
    text-align: left;
    margin-left: 10px;
    padding: 0px;  
}
.dropdown-menu-large-item-1{
    vertical-align: top;
    text-align: left;
    margin-left: 10px;
    padding: 66px 52px;
}
.dropdown-menu-large-item-2{
    vertical-align: top;
    text-align: left;
    margin-left: 10px;
    padding: 32px 52px;
    background-color: #F7F7F7 ;
}
.dropdown-item-large-title{
    padding: 0px 0px 0px 0px ;
    color: #9B9B9B !important;
}
.dropdown-item-large{
    color: black;

    padding-bottom:0px;

}

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font-size: 20px;
}

.strike > span {
    position: relative;
    display: inline-block;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    border-top: 1px solid #D8D8D8;
}

.strike > span:before {
    right: 100%;
    margin-right: 30px;     
}

.strike > span:after {
    left: 100%;
    margin-left: 30px;
}


/* dropdown-submenu-overflow-scrollbar*/

.dropdown-submenu-overflow::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.dropdown-submenu-overflow::-webkit-scrollbar
{
    width: 0.1px;
}

.dropdown-submenu-overflow::-webkit-scrollbar-thumb
{
    border: 1px solid #0B318F;
}
.select-disable{
    display: none !important;
}

.custom-disabled{
    filter: grayscale(100%) !important;
    cursor: auto !important;
    opacity: 0.2;
}
.select-selected.select-disable-filter{
    filter: grayscale(100%) !important;
    cursor: auto !important;
    opacity: 0.6;
}

.header-btn-search {
    margin: 0px 9px 0px 10px; 
    cursor: pointer;
}

@media (max-width: 767px) {
    .destop-navbar-brand>img {
        width: 40%;
        max-width: 400px;
    }

    mobiletempbody {
        display: none;
    }

    .cimb-notification {
        font-size: 12px;
        line-height: 18px;

    }
    .no-padding{
        padding:15px 0px;
        border-bottom: 1px solid #D8D8D8;
    }
    .navbar.navbar-expand-sm.bluenav {
        display: none;
    }
    .link-w{
        padding: 13px 0px !important; 
    }
    .navbar-light .navbar-nav .nav-link {
        padding: 13px 0px; 
        line-height: 22px;
        font-size: 16px;
    } 

    .phone-nav-item-margin{
        margin: 0px 0px 10px 0px;
    }
    .navbar.navbar-expand-sm.navbar-light.navbar-padding.nav-border-bottom-gray {
        display: none;
    }

    .navbar.navbar-expand-md.navbar-light.bg-white.no-padding {
        display: flex;
        padding-bottom: 0px;
    }

    .phone-nav-item {
        padding-right: 30px !important; 
        padding-left: 30px !important; 
    }

    .cimb-notification {
        padding: 15px 30px; /*change*/
    }

    .phone-login-menu .form-group {
        margin-bottom: 29.5px; 
    }


    .phone-btn-block{
        height: 40px;
        font-size:16px;
        font-weight: bold;
        line-height: 15px;
    }
    .navbar-light .navbar-toggler{
        border-color: rgba(0,0,0,0   );
        border-left-color: rgba(0,0,0,.1);
    }
    .navbar-toggler {
        border-radius: 0rem;

    }
    .phone-logo{
        padding-left: 30px;
    }
}