/* refrence material css start for london*/
.rm-modal-outer { padding:0 15px; position:fixed; z-index:10000; }
.rm-modal-outer > .row { position:relative; overflow:hidden; height: 350px !important; }
.rm-modal-outer { background:#fff; border: 1px solid rgba(0, 0, 0, .2); box-shadow: 0 5px 15px #8c9497 }
.rm-modal-outer ul { margin:0; padding:0; }
.rm-modal-outer .colum-first { padding-top:25px; border-right:1.5px solid rgba(164, 171, 174, 0.5); height: 100%; }
.rm-modal-outer .colum-second { padding-top:25px; border-right:1.5px solid rgba(164, 171, 174, 0.5); height: 100%; }
.rm-modal-outer .colum-last { padding-top:25px; height: 100%; }
.rm-popup .w720 { width:720px }
.rm-popup .rm-modal-outer .w480 .colum-second { border-right:none }
.rm-popup .w480 .col-sm-4 { width:50% !important }
.rm-popup .w480 .colum-last { display:none }
.rm-popup .rm-show .colum-last { display:block }

.button-popupbox{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.button-popupbox .cols{width:240px;}

/*add-by-sk*/
.rm-popup .rm-modal-outer .w690 .colum-third { border-right:1.5px solid transparent; padding-top:25px }
.rm-popup .rm-modal-outer .w920 .colum-third { border-right:1.5px solid rgba(164, 171, 174, 0.5); height:100%; padding-top:25px }
.rm-popup .w690 .colum-last { display:none }
.rm-popup .w690 { width:690px }
.rm-popup .w920 { width:920px }
.rm-popup .w690 .col-sm-3 { width:33.33333333% !important }
#Broadcast-atchment-modal .rm-inner-row-second { height:234px }
#Broadcast-atchment-modal .colum-last .colum-last-listbox { height:238px }
/*add-by-sk*/

.clicked-popup { padding:0 20px; position:fixed; z-index:9999; }
.clicked-popup > .row { position:relative; overflow:hidden; height: 350px !important; }
.clicked-popup { background:#fff; border: 1px solid rgba(0, 0, 0, .2); box-shadow: 0 5px 15px #8c9497 }
.clicked-popup ul { margin:0; padding:0; }
.clicked-popup .colum-first { padding-top:25px; border-right:1.5px solid rgba(164, 171, 174, 0.5); height: 100%; }
.clicked-popup .w480 { width:480px; }
.clicked-popup .colum-second { padding-top:25px; border-right:1.5px solid rgba(164, 171, 174, 0.5); height: 100%; }
.colum-second { }
.clicked-popup .colum-last { padding-top:25px; height: 100%; }
/*workflow business role css start   */
.wt-busi-role { display:block; height:40px; margin-top:15px; float:left; width:100% }
.wt-br-button-box { display:table; margin-right:15px; margin-top:5px; }
.wt-busi-role .mg-t-5 { margin-top:5px; }
.wt-busi-role .has-error-msg { position:absolute; top: -22px; }
.wt-br-button-ok, .wt-br-button-input { display:table-cell; vertical-align:middle }
/*workflow business role css end  */


/*Assign business role popup css start */
.abr-column-outer { display:table; background:#fff; border-top:1px solid rgba(0, 0, 0, .2); border-bottom:1px solid rgba(0, 0, 0, .2); word-wrap:break-word; box-shadow: 0 5px 15px #8c9497; /*width:720px;*/ position: relative; float: left; table-layout:fixed; }
.abr-column-outer.w720 { width:720px; }
.abr-column-outer.w480 { width:480px; }
.abr-column-outer.w480 .abr-colum-first, .abr-column-outer.w480 .abr-colum-second { width:50% !important }
.abr-column-outer.w480 .abr-colum-last { display:none }
.abr-colum-first, .abr-colum-second, .abr-colum-last { display:table-cell; vertical-align:top; height:100%; padding:25px 15px 10px 15px; width:33.333333% }
.abr-colum-first { border-left:1px solid rgba(0, 0, 0, .2); }
.abr-colum-second, .abr-colum-last { border-left:1.5px solid rgba(164, 171, 174, 0.5); border-right:1px solid rgba(0, 0, 0, .2) }
.abr-column-outer.w720 .abr-colum-second { border-right:1px solid rgba(0, 0, 0, 0) }
.abr-column-outer.prerequisite-wrap.w240 .abr-colum-first { width:100%; }
.abr-column-outer.prerequisite-wrap.w240 .abr-colum-second { display:none }
.abr-column-outer .save_colum-last-listbox { position: absolute; bottom: 10px; right: 0; }
/*Assign business role popup css end */


/*add a new custom field popup css start */
.ancf-column-outer { float:left; display:table; background:#fff; border:1px solid rgba(0, 0, 0, .2); box-shadow: 0 5px 15px #8c9497; position:relative }
.ancf-column-first, .ancf-column-second, .ancf-column-last { display:table-cell; padding-top:25px;/*border-right:1.5px solid rgba(164, 171, 174, 0.5);*/ height:100%; width:320px; vertical-align:top }
.ancf-column-first, .ancf-column-second { padding-bottom:50px; padding-top:32px }
.ancf-column-second, .ancf-column-last { border-left:1.5px solid rgba(164, 171, 174, 0.5) }
.wt-modal-box .ancf-column-outer .radio label { margin-bottom:0; margin-top:3px; }
/*.ancf-second-inner { height:300px; overflow:auto; overflow-x:hidden }*/
.ancf-column-outer.w320 .ancf-column-second { display:none }
.ancf-column-second .Autofill-box { padding: 0; margin: 0 15px; }
.ancf-column-second .Autofill-box input[type="text"], .ancf-column-second .Autofill-box select, .ancf-column-second .Autofill-field-outer { width:100%; }
.Autofill-field-outer .input-error { font-size:.875em }
/*.ancf-column-second .Autofill-box .input-error, .ancf-column-first .has-error-msg { position:absolute; top: 35px; margin-top: 0; font-size: .875em; }*/
.ancf-column-second .Autofill-box .input-error, .ancf-column-first .has-error-msg { position:relative; top: 0px; line-height:16px; margin-top: 0; font-size: .875em; }
.ancf-option, .ancf-currency { display:table; width:100%; margin-bottom:10px }
.ancf-option .delete-icon, .ancf-option-input { display:table-cell; vertical-align:middle }
.ancf-currency-input, .ancf-currency-text { display:block; }
.ancf-menu-ck label { margin-bottom:0 }
label.ancf-currency-text { padding-top:0 !important }
.ancf-currency-text { width:1px; padding-right:15px; white-space:nowrap }
.ancf-option .delete-icon { width:1px; padding-left:15px; padding-right:15px }
.ancf-option .delete-icon .fa-times-circle-o { font-size: 1.125em; }
.ancf-option-btn-outer .add-menu-btn { float:right !important; padding-right:45px; }
.ancf-column-outer.w640 > .ancf-column-second { display:block }
.ancf-column-outer .ancf-help-text { overflow: hidden; display: block; padding-left: 5px; line-height: 14px; margin-top: 3px; padding-bottom:5px }
.ancf-column-outer .ancf-column-second input.form-control { margin-bottom:0 }
.ancf-btm-btns { position:absolute; bottom:0; right:15px }
/*add a new custom field popup css start */


.colum-last-listbox { height:212px; overflow-y:auto; margin-top:10px; /*padding-right:10px;*/ word-wrap:break-word; }
.colum-last-listbox > div.wrm-list, .rm-inner-row-second > div.wrm-list { overflow: hidden; margin-bottom:10px; word-wrap:break-word; }
.rm-inner-row-second > div.wrm-list a { padding-right:8px; display:block; overflow:hidden; padding-bottom:3px; text-decoration:underline }
.rm-inner-row-second > div.wrm-list div.rm-title { padding-right:8px; display:block; overflow:hidden; padding-bottom:3px; }
.rm-inner-row-second > div.wrm-list div.rm-title a { text-decoration:underline; display:initial; overflow:auto; padding:inherit; display:initial; overflow:initial; padding:initial }

.rm-inner-row-second > div.wrm-list a.fai--fill{padding-right:0;overflow:inherit;padding-bottom:0;text-decoration:none;margin:5px 5px 0 0;font-size:1.125em}

div.wrm-list > div > span { float:left }
div.wrm-list i { border-radius:3px; margin-right:5px; }
div.wrm-list div.wrm-title { overflow:hidden }
.wrm-title div.wrm-title-outerlst { display:block; overflow:hidden; }
.wrm-title div.wrm-title-outerlst.truncate-text{width: 100%;text-overflow: ellipsis;white-space: nowrap;} 
.wrm-title div.wrm-title-outerlst .truncate-text{text-overflow: ellipsis;padding-right: 5px;white-space: nowrap;overflow: hidden;}
.wrm-title div.wrm-title-outerlst a { cursor:default }
.wrm-title div.wrm-title-outerlst a.curs-pointer { cursor:pointer }
.colum-last-listbox div.wrm-list a:hover, .colum-last-listbox div.wrm-list a:focus { text-decoration:none; color:#454f57 }
.colum-last-listbox div.wrm-list > div.wrm-list-outer { float:left; overflow:hidden; padding-right:5px; width:calc(100% - 25px); }
.colum-last-listbox div.wrm-list i.tt-help-icon { float:right; width:20px; margin-top:3px; text-align:center; font-size:1.125em }
.colum-last-listbox div.wrm-list i.fai--fill{float:right;width:20px;margin-top:3px;text-align:center;font-size:1.125em}
.colum-last-listbox div.wrm-list a.fai--fill{float:right;width:20px;margin-top:3px;text-align:center;font-size:1.125em;margin-right:5px}


.save_colum-last-listbox { margin-top: 10px; padding-right: 15px; }
.rm-outercolbox { display:block; }
.rm-inner-row-first { overflow:hidden; margin-bottom:10px; padding-right:15px }
.rm-inner-row-second { overflow-y: auto; height: 245px; padding-bottom:10px }
#divreferencematerialpopup .rm-inner-row-second{height:212px}
#divTPreRequisitepopup .rm-inner-row-second { height: 220px !important; }
#divPreRequisitepopup .rm-inner-row-second { height: 220px !important; }
#divapproverpopup .abr-colum-second .rm-inner-row-second { height:190px !important; }
#divAssignUserBusinessRollpopup .rm-inner-row-second { height:170px; }
#divAssignUserBusinessRollpopup .colum-last-listbox { height:150px; }
#divapproverpopup .abr-colum-second .rm-inner-row-second.scrolllarge { height:245px; }
#divBusinessRollpopup .rm-inner-row-second { height: 190px; }
#divBusinessRollpopup .abr-colum-second .rm-inner-row-second { height: 135px; }
#divBusinessRollpopup .abr-colum-second .rm-inner-row-second.scrolllarge { height: 190px; }
#divBusinessRollpopup .colum-last-listbox { height:167px; }
.rm-popup-lock { position: fixed; z-index: 9999; left: 0; right: 0; top: 0; bottom: 0; }
.rm-popup .close-icon { right:10px }
.rm-popup .w480 { width:480px }
/*start  approver css*/
.approver-popup .w240 { width:240px }
.approver-popup .w240 .col-sm-6 { width:100% !important }
.approver-popup .w240 .colum-last { display:none }
.approver-popup .w240 .colum-first { border-right:none }
.rm-popup-lock.white-s-opacity { background:#fff; filter: alpha(opacity=50); opacity: .5; }
/*end approver css*/

.rmdelete-popup.modal-outer, .fade-rmdelete-popup { z-index:99999 }
.rm-error-outer { clear: both; margin-top: 10px; float: left; width: 100%; }
/*.rm-loader {width: 48px;padding: 10px; }*/
.rm-loader img { width: 28px; }
/* refrence material css start for london*/

.rm-outercolbox.convert-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: flex;
    min-height: 1px;
    height: 100%
}

.rm-inner-row-first.convert-flex-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 1px;
    min-width: 1px;
}

.rm-inner-row-second.convert-flex-fill {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    min-width: 1px;
}

@media only screen and (min-width : 1601px) {
    /*Fontsize 18px*/
    .abr-column-outer.w480 {
        width: 550px;
    }
    .abr-column-outer.w720 {
        width: 855px;
    }
    #Broadcast-atchment-modal .colum-last .colum-last-listbox{height:210px;}
}

@media only screen and (min-width : 1901px) {
    /*Fontsize 19px*/
    .abr-column-outer.w480 {
        width: 570px;
    }

    .abr-column-outer.w720 {
        width: 920px;
    }
}




/*font increase issue Css start here*/