@media (min-width: 768px) {
    .custom-scrollbars * {
        -ms-overflow-style: -ms-autohiding-scrollbar; /* IE/Edge */
        scrollbar-width: thin; /* Firefox */
        scrollbar-color: var(--white); /* Firefox */
    }
 
    /* WebKit Scrollbar */
    .custom-scrollbars ::-webkit-scrollbar {
        height: 0.5rem;
        width: 0.5rem;
    }
 
    .custom-scrollbars ::-webkit-scrollbar-track {
        background: var(--white);
    }
 
    .custom-scrollbars ::-webkit-scrollbar-thumb {
        background-color: var(--gray-600);
        border-radius: 0.5rem;
    }
 
   
 
    /* Optional: Hide the arrows if you want cleaner look */
     .custom-scrollbars ::-webkit-scrollbar-button {
        display: none !important;
    } 
}


}





 


.brdr_btm {
    border-bottom: 1px solid #dddddd;
}

.fg0 .form-group {
    margin-bottom: 0px !important;
}

.roe .form-group label {
    color: #616161;
    font-size: 13px !important;
    padding: 0;
    margin: 0;
font-weight:600;
}

.roe .form-group span {
    color: #000;
    font-size: 15px;
    font-weight: 600;
}


.g-10 {
    gap: 10px;
}



.card .card-header h6 {
    font-size: 18px !important;
    font-weight: 600 !important;
}

.flex-end
{display: flex;justify-content: flex-end;align-items: center;}







 

.CustomIsapcePage {
    background-color: #E9EDFA !important;
    /* background-color: #dbe0f3 !important; */
}

.form-control {
    /* min-height: 40px; */
}

@media screen and (max-device-width: 1300px) {
    .box_panel_w {
        margin: auto;
        width: 100%;
    }
}

@media screen and (min-device-width: 1600px) {
    .box_panel_w {
        margin: auto;
        width: 80%;
    }
}



.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.ms-0{margin-left: 0 !important;}
.me-0{margin-right: 0 !important;}



.docview_tab .tab-content
{height: calc(100vh - 212px);overflow:auto;overflow-x:hidden;}


 




.docview_img .InlineSingle .card-body .position-relative
{
 height: calc(100vh - 155px) !important;

 /*height: calc(100vh - 145px) !important;*/
}


.ibx-frm .docview_img .InlineSingle .card-body .position-relative
{
 height: calc(100vh - 307px) !important;

 /*height: calc(100vh - 145px) !important;*/
}


 .invoice_img .InlineSingle .card-body .position-relative
{
 height: calc(100vh - 236px) !important;
 /*height: calc(100vh - 145px) !important;*/
}

.img-container
{

height:100%;
overflow-auto;
}


.docview_tab .tab-content.card
{
border:0px;
box-shadow:none;
background-color:transparent;
}

.docview_tab .tab-content.card-body 
{
padding:10px;
}

.docview_tab  ul
{
border:0px !important;
}


.nav-pills .nav-link
{
margin-right:1px;
/* background-color:var(--gray-50); */
}

.sl-no
{
    text-align: center;
    display: flex  !important;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600 !important;
    height: 40px;
    width: 40px;
    border: 1px solid #e5e5e5;
    border-radius:100px;
    background-color: #D9D9D9 !important;
    /* display: block !important; */
    /* color:#ffa200; */
}

.chk-normal
{}


.card-element .card-body:nth-child(1)

{/* background-color: #F0F0F0; */}
 

 
.card-element .card-body:first-child
{

	padding-top:10px;
	padding-bottom:10px;
}

.card-element  .form-label
{
margin-bottom:0px;
	color: #656668;
font-size: 13px;
}

.primary_header .form-group span 
{
color:var(--primary);
font-size:18px;
font-weight:600;
}


.bg-secondary
{


}




.initiatedon .form-group  
{background-image:url(../../../images/Vertiv/date.svg);padding-left: 17px;background-repeat:no-repeat;background-size:16px;background-position: 4px;display:flex;gap:10px;} 


.initiatedon .form-group label
{color: #66666690; margin-bottom:0px; font-weight:600; }

.initiatedon .form-group label::after, .bg_violet_02 .form-group label::after, .bg_grey .form-group label::after, .bg_magenta .form-group label::after
{

	content:':';
	 
}

 .initiatedon .form-group span
{color:#666666;font-size: 12px; font-weight:600;}




.bg_violet_01 .form-group
{background-color: #5c6bc0b8; margin-bottom:0px; padding:3px 6px; border-radius:3px;}

.bg_violet_01 .form-group label
{color: #ffffffd4;}

 .bg_violet_01 .form-group span
{color:white;font-size: 12px;}


.bg_blue_01 .form-group
{background-color: #0c83ffa8;margin-bottom:0px;}

.bg_blue_01 .form-group label
{color: #ffffffd4;}

 .bg_blue_01 .form-group span
{color:white;font-size: 12px;}


.bg_violet_02 .form-group
{/* background-color: #5e1ee726; */margin-bottom:0px;padding:3px 12px;border-radius:3px;display:flex;gap:10px;border-radius:3px;border: 1px solid #5e1ee73b;}

.bg_violet_02 .form-group label
{color: #5e1ee7a3;margin-bottom:0px;font-weight:600;}

 .bg_violet_02 .form-group span
{color: #5E1EE7;font-size: 12px;font-weight:600;}


.bg_magenta .form-group
{background-color: #f2d4eaab;margin-bottom:0px;padding:3px 12px;border-radius:3px;padding:3px 12px;border-radius:3px;display:flex;gap:10px;border-radius:3px;border: 1px solid #b1008136;}

.bg_magenta .form-group label
{color: #41083280;margin-bottom:0px !important;}

 .bg_magenta .form-group span
{color:#B10081;font-size: 12px; font-weight:600;}

.bg_grey .form-group
{background-color: #EBEBEB; margin-bottom:0px; padding:3px 12px; border-radius:3px; padding:3px 12px; border-radius:3px; display:flex; gap:10px; border-radius:3px; }

.bg_grey .form-group label
{color: #66666680; font-weight:600; margin-bottom:0px;}

 .bg_grey .form-group span
{color: #483b3b;font-size: 12px;font-weight: 600;}


.frm_ltr .form-group
{ margin-bottom:0px; padding:3px 12px; border-radius:3px; padding:3px 12px; border-radius:3px; display:flex; gap:10px; border-radius:3px; }

.frm_ltr .form-group label
{color: #66666680; font-weight:600; margin-bottom:0px;}

 .frm_ltr .form-group span
{color:#666666;font-size: 12px;}

.frm_ltr .form-group .text-danger, .bg_grey  .form-group .text-danger, .bg_magenta .form-group .text-danger, .bg_violet_02 .form-group .text-danger
{
display:none;
}

.grid-col-3 .Rep-Row
{width:33.3%;/* margin-bottom:20px !important; */}

.grid-col-3 > .rep-body

{display:flex;gap:20px;flex-wrap:wrap;padding:0px;}

.grid-col-4 .Rep-Row
{
width:24%;
}

.grid-col-4 > .rep-body

{
display:flex;
gap:20px;flex-wrap:wrap;
}

.grid-col-5 .Rep-Row
{
width:20%;
}

.grid-col-5 > .rep-body

{
display:flex;
gap:20px;
flex-wrap:wrap;
}


.grid-col-6 .Rep-Row
{
width:16.7%;
}

.grid-col-6 > .rep-body

{
display:flex;
gap:20px;
flex-wrap:wrap;
}



.remove-heading-elements .panel_heading_elements,
.remove-panel-heading .panel-heading,
.remove-panel-footer .datatable-footer,
.remove-panel-heading .search_part,
.remove-panel-heading .RepeatAnimatioin,
.remove-pagination{
    display: none !important;
}

.remove-panel-heading .card-header, .remove-panel-footer .card-footer
{
display:none !important;
}

.remove-heading-elements .grid-heading-elements
{
display:none;
}

.po_panel
{border: 1px solid #0000e757;/* border-color:var(--gray-300); */margin-bottom:0px !important; transition:0.5s; box-shadow:none;  }


 

.po_panel:hover
{box-shadow:0 11px 21px #d4d8e4;border:1px solid #ff9800;/* border-bottom:2px solid #000; */}

.po_panel:hover .view_define_btn
{
background-image:url(../../../images/Vertiv/arrow_45_white.svg);
background-color: #ff9800;

	
}

.po_panel .card-body:first-child
{
    /* background-color: #0000e730; */
    border-radius: 6px 6px 0 0;
    /* display:flex; */
}

.po_panel:hover .card-body:first-child
{

	background-color:#f5864617;
	transition:0.5s;
}



.po_panel:hover .view_define_btn
{

	border:1px solid #0000002e;
	transition:0.5s;
}

.po_panel .card-body
{
   padding:10px 20px;
	
}


.po_panel .bg_violet_02 .form-group
{border:1px solid #5E1EE7;  background-color: #ffffff;border-radius: 100px;}

.po_panel .bg_violet_02 .form-group span
{

	color:#5E1EE7;
}


.po_panel .card-body:first-child .d-flex
{

	align-items:center;
}

.po_panel .circle_md
{/* background-color:white; */}

.bg-secondary-yellow
{
/* background-color:var(--bg-secondary-yellow); */

background-color: #ffa5001c;
    border: 1px solid #ffa5002e;

}

.circle_md {
    height: 60px;
    width: 60px;
    border-radius: 100px;
    
    background-position: center;
display:block;
}

.project_icon_white
{
background-image:url(../../../images/Vertiv/project_white.svg);
background-position:center;
background-repeat:no-repeat;

}

.project_icon_dark
{background-image:url(../../../images/Vertiv/project_icon.svg);background-position:center;background-repeat:no-repeat;background-color: #5e1ee70d;border: 1px solid #5e1ee733;}


.text-orange .form-group span,  .text_orange .form-group span
{
color:var(--bg-secondary-orange);
}

.btn-primary {
 
--btn-color: #fff;
--btn-bg: #000;
--btn-border-color: #000;
 
--btn-hover-color: #fff;
--btn-hover-bg: #1a1a1a;
--btn-hover-border-color: #1a1a1a;
 
--btn-focus-shadow-rgb: 128, 128, 128;
 
--btn-active-color: #fff;
--btn-active-bg: #333;
--btn-active-border-color: #333;
--btn-active-shadow: inset 0 0 0 0 transparent;
 
--btn-disabled-color: #bfbfbf;
--btn-disabled-bg: #666;
--btn-disabled-border-color: #666;
 
}

.task_list_grid
{
background-color:transparent;
padding:0px;
box-shadow:none;

}

.task_list_grid>card-body
{
padding:0px;}


/* for pagination */

.task_list_grid  .datatable-footer.d-none
{

	display:flex !important;
	
}

.task_list_grid .rep-body
{
	height: calc(100vh - 233px);
overflow: auto;
}

.task_list_grid
{

	margin-bottom:0 !important;
}









.view_define_btn
{


font-size:0px;
height:45px;
width:45px;
border-radius:100px;
background-image:url(../../../images/Vertiv/arrow_45.svg);
background-position:center;
background-repeat:no-repeat;
display:block;
background-color:#e5e5e5;
border:1px solid #E5E5E5;
cursor:pointer;

}

.view_define_btn:hover
{
background-image:url(../../../images/Vertiv/arrow_45_white.svg);
background-color:var(--bg-primary);
}

.upload_invoice_btn
{
    height: 45px;
  
    border-radius: 100px;
   
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    background-color: #e5e5e5;
    border: 1px solid #E5E5E5;
    cursor: pointer;
    width: auto;
   
 
 
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;

}

.upload_invoice_btn:hover
{
color:white;
background-color:var(--bg-primary);
}


.po-exp-grid .collapse 
{
padding: 0 10px 20px 0;
}

.digivista
{


    background-image: url(../../../images/Vertiv/DigiVistaLogo.png);
     background-repeat: no-repeat;
    background-size: 155px;
    height: 107px;
    width: 150px;
    display: block;
    margin: auto;
    background-position: center;}


.sidebar-logo
{
background-image: url(../../../images/Vertiv/vertiv_logo.svg);
    background-repeat: no-repeat;
    background-size: 107px;
    height: 40px;
    width: 100px;    display: block;}


.tax_grid .rep-body
{
padding:0px;
}


.tax_grid.card
{
border:0px;
box-shadow:none;
background-color:transparent !important;
}

.line_item_grid .rep-body
{
padding:0px;
}


.line_item_grid.card
{
border:0px;
box-shadow:none;
background-color:transparent !important;
}

.fg10 .form-group
{
margin-bottom:10px !important;
}
 
.font_large, font-large  {
    font-size: 15px !important;
    font-weight:600;
}

.form-group label {
    color: #1f2328;
    font-size: 13px;
    /* margin-bottom: 0; */
    font-weight: 600;
}


.validation_success .controls span
{
 text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600 !important;
    height: 40px;
    width: 40px;
   background-image:url(../../../images/Vertiv/tick_white.svg);
border-radius:100px;
background-color:#64A539;
background-repeat:no-repeat;
background-position:center;
background-size:16px;
font-size:0px;

}

.validation_error .controls span
{
 text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600 !important;
    height: 40px;
    width: 40px;
   background-image:url(../../../images/Vertiv/cross_white.svg);
border-radius:100px;
background-color:#C6273C;
background-repeat:no-repeat;
background-position:center;
background-size:16px;
font-size:0px;
}



.validation_partial .controls span
{
 text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600 !important;
    height: 40px;
    width: 40px;
   background-image:url(../../../images/Vertiv/exclamatory.svg);
border-radius:100px;
background-color:#FFBE00;
background-repeat:no-repeat;
background-position:center;
background-size:8px;
font-size:0px;

}



 

.text-center.mb-3 img
{
height:100px !important;
}

 /*

#MF_d1_DocId .doc-action-Container
{
display:none !important;
}

*/

.hide-upload .doc-action-Container
{
display:none !important;
}

.sidebar-profile .rounded-circle
{


}

.sidebar-profile img
{
display:none;
}


.sidebar-profile
{
    background-image: url(../../../images/Vertiv/user_thumb.svg);
    background-position: 20px;
    background-repeat: no-repeat;
	padding-left:60px !important;
}

.supporting_doc_grid thead
{

display:none;
}




.get_data_btn
{
    height: 38px;
    width: 156px;
    border-radius: 6px;
    background-color: #f2f2f2;
    color: black;
    /* padding-top: 35px; */
    background-image: url(../../../images/Vertiv/file_orange.svg);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border: 0;
    position: absolute;
    top: 121px;
    left: 32px;
    z-index: 9;
    transition: 0.75s;
    text-align:center;
    font-weight:600;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding-left: 55px; */
    cursor:pointer;
    border:1px solid #CACACA;
    text-align: center;
}

.get_data_btn:hover .header_content_div
{
transition: 1s;
 
      background-position:  20px 10px;
	 

}

.header_content_div
{
    height: calc(100vh - 273px);
    overflow: auto;
    overflow-x: hidden;
}




.ibx-frm .header_content_div
{
    height: calc(100vh - 400px) !important;
    overflow: auto;
    overflow-x: hidden;
}


.page-header
{
z-index:9999;
}


.page-header .form-group
{
margin-bottom:0px !important;
}


.position-relative iframe
{
border-radius:6px;
	border:1px solid #ddd !important;
	
}



.InlineSingle .position-relative 
{
    background-color:#fe5b1b12 !important;
    border-radius: 6px;
}


.InlineSingle .position-relative:hover
{
    background-color: #5e1ee712 !important;
  
   
}


.position-relative .gap-0
{
font-size:20px;
	
}


.position-relative .gap-0 .text-muted
{
font-size:12px;
	font-weight:600;
	
}


 
.step_active
{

}



.step_active
{height:90px;width: 130px;display:block;/* padding-top: 67px; *//* padding-left:30px; *//* padding-right:30px; */cursor:pointer;text-align: center; font-weight:600;}

.step_active::before
{height:55px;width:55px;border-radius:100px;content:'';position: relative;left: 38px;background-color:#000000;display:flex;justify-content: center;align-items: center;/* border: 2px solid #CACACA; */top: 0px; color:white !important;}





.step_inactive
{height:90px;width: 130px;display:block;/* padding-top: 67px; *//* padding-left:30px; *//* padding-right:30px; */cursor:pointer;text-align: center; color:#666;}

.step_inactive::before
{height:55px;width:55px;border-radius:100px;content:'';position: relative;left: 38px;background-color:white;display:flex;justify-content: center;align-items: center;border: 2px solid #CACACA;top: 0px;}


.step_inactive:hover.step_inactive::before
{

background-color:#66666621;	
}

.step_completed
{}



span[title="M_HeaderButton"] a::before
{

	content:'1';
	font-weight:600;
	color:#999;
}

span[title="M_LineItems"] a::before
{

	content:'2';
	font-weight:600;
	color:#999;
}

span[title="M_TaxItems"] a::before
{

	content:'3';
	font-weight:600;
	color:#999;
}

span[title="M_ASNButton"] a::before
{

	content:'5';
	font-weight:600;
	color:#999;
}
span[title="M_SupportingButton"] a::before
{

	content:'4';
	font-weight:600;
	color:#999;
}






span[title="M_HeaderButton"] a::after
{content:'';position: relative;width: 75px;height: 2px;background-color:#CACACA;top: -49px;left: 93px;display: block;}



span[title="M_LineItems"] a::after
{content:'';position: relative;width: 75px;height: 2px;background-color:#CACACA;top: -49px;left: 93px;display: block;}


span[title="M_TaxItems"] a::after
{content:'';position: relative;width: 75px;height: 2px;background-color:#CACACA;top: -49px;left: 93px;display: block;}

/*

span[title="M_SupportingButton"] a::after
{content:'';position: relative;width: 75px;height: 2px;background-color:#CACACA;top: -49px;left: 93px;display: block;}

 */
span[title="M_ASNButton"] a::after
{content:'';position: relative;width: 75px;height: 2px;background-color:#CACACA;top: -49px;left: -34px;display: block;}


 

.brdr_btm {
    border-bottom: 1px solid #dddddd;
}

.sidebar-profile img
{}


.btn-flat
{
border: 1px solid #cacaca;
}


.btn-flat:hover
{
border: 1px solid #cacaca;
}



.next_btn
{

	font-size:0;
	background-image:url(../../../images/Vertiv/next_icon.svg);
	background-position:10px;
	padding-left:40px;
	background-repeat:no-repeat;
	transition:0.5s;
	
}

.next_btn:hover
{
	transition:0.5s;
	background-position:15px 10px;
}

.next_btn::before
{

	content:'Next';
	font-size:13px;
}

.prev_btn
{font-size:0;background-image:url(../../../images/Vertiv/prev_icon.svg);background-position: center;/* padding-left:40px; */height: 40px;background-repeat: no-repeat;width: 50px;}

.step_buttons
{

	justify-content: center;
}

.modal-content .close

{
height:40px;
width:40px;
}

.card_dummy
{
box-shadow:none;
	border:0;
	background-color:transparent;
margin-bottom:0px;
	
}

.card_dummy>.card-footer
{

	background-color:transparent;
	border:0px;
	padding-bottom: 0;
    
    padding-left: 5px;
    padding-right: 12px;
}


.card_dummy> .card-body
{padding: 6px;}

.card_dummy .card-header
{

	display:none !important; 
}

.lineitems_grid .collapse 
{
padding:10px;
	
}

.lineitems_grid .collapse .col-md-4
{width:100%;padding: 0;}


.lineitems_grid .rep-body

{

	padding:0
}


.lineitems_grid 
{
	box-shadow:none !important;
	background-color:transparent
}

.tax_grid .collapse 
{

	display:none;
}



.step_completed
{
height:90px;width: 130px;display:block;/* padding-top: 67px; *//* padding-left:30px; *//* padding-right:30px; */cursor:pointer;text-align: center;

}

.step_completed::before
{height:55px;width:55px;border-radius:100px;content:'' !important;position: relative;left: 38px;background-color:white; background-image:url(../../../images/Vertiv/tick_black.svg); background-repeat:no-repeat; background-position:center; display:flex;justify-content: center;align-items: center;border: 2px solid #000;top: 0px;}


/* Modal Popup  */

.set_package_popup .modal-dialog
{

position: absolute;
    right: -5px;
top:0px;
}

.set_package_popup .modal-dialog .modal-content
{
    position: absolute;
    right: 0;
    width: 900px;
    top: 0;
}


.set_package_popup .modal-dialog .modal-header
{
background-color:black;
}


.set_package_popup .modal-dialog .modal-header .modal-title
{
color:white;

}

.set_package_popup .modal-dialog .modal-header .close
{
color:white !important;
}
 

.set_package_popup .modal-dialog  .modal-body
{

    height: calc(100vh - 100px);
    overflow: auto;

}

.set_package_popup .modal.fade .modal-dialog {
    /* transform: translateY(-30px) scale(.95); */
    transition: all .3s ease;
    transform: translateX(900px) scale(1) !important;
}



.card-element
{
border:1px solid;
border-color:var(--gray-300);
    box-shadow: 0 5px 7px #d4d8e47d;}






.card-element:has(.validation_success ){
    border: 1px solid #36B05F;

}

.card-element .card-body:first-child:has(.validation_success ) {
    background-color: #64a53954;
 border-bottom: 1px solid #36B05F;
}

.card-element .card-body:first-child:has(.validation_success ) .sl-no {
    background-color: white !important;

}




.card-element:has(.validation_partial ){
    border: 1px solid #C49408;

}

.card-element .card-body:first-child:has(.validation_partial ) {
    background-color: #FFBE0054;
 border-bottom: 1px solid #FFBE00;
}

.card-element .card-body:first-child:has(.validation_partial ) .sl-no {
    background-color: white !important;

}




.card-element:has(.validation_error ){
    border: 1px solid #C6273C;

}

.card-element .card-body:first-child:has(.validation_error ) {
    background-color: #c6273c54;
 border-bottom: 1px solid #C6273C;
}

.card-element .card-body:first-child:has(.validation_error ) .sl-no {
    background-color: white !important;

}



.edit_icon_btn {
    font-size: 0px;
    height: 45px;
    width: 45px;
    border-radius: 100px;
    background-image: url(../../../images/Vertiv/edit_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    background-color: #5e1ee730;
    border: 1px solid #E5E5E5;
    cursor: pointer;
}

.edit_icon_btn:hover
{
 background-image: url(../../../images/Vertiv/edit_icon_white.svg);
background-color: #000;
}


.remove-heading-elements .grid-heading-elements
{
display:none !important;
}


.popup-content .tab-content iframe body
{
overflow:auto !important;
}



.popup_tab_content
{

height: calc(100vh - 116px);
    overflow: auto;


}


.data_ele_grid
{

}

.plh_M_BuyerUrl, .plh_M_SupplierUrl, .plh_M_PersonaUrl
{

	height: calc(100vh - 10px);
}

#M_Document .position-relative{
	height:calc(100vh - 150px);

}




/* Dossier */





 

.mob_header_row
{background-image:url(../../../images/Vertiv/Mobile/top_bg.png);background-position:top left;background-repeat:no-repeat;padding: 20px 20px 5px 20px;background-size:100%;}


.mob_header_row.w-800
{

	border-radius:20px;
}


.gatepass_body.w-800 
{

	border-radius:20px;
	margin-top:20px !important;
}

.po_doc_row
{}
.heading-caption
{/* margin-top:10px; */margin-bottom:10px;}


.po_doc .border-end, .invoice_doc  .border-end
{
border:0px !important;
}

.po_doc 
{

	margin-bottom:20px;
}





.po_doc .form-group
{background-color:white;/* padding:15px; */border-radius:12px;/* box-shadow: 0 5px 5px #6f6f6f21; *//* padding-top:90px; */ background-image:url(../../../images/Vertiv/Mobile/po_doc.svg);background-position: 11px 15px;background-repeat:no-repeat;border: 2px solid #10c7e36e;background-size: 40px;}

.po_doc .form-group .form-label
{font-weight:600;font-size: 15px;text-align: left;width:100%;padding-left: 60px;padding-top: 15px;/* text-transform: capitalize !important; */}


.po_doc .form-group a i{

    display:none;
   
}

.po_doc .form-group a
{border:0px;position: absolute;top: -50px;left:0;height: 75px;width: 100%;margin: 0;/* background-color: #66339957; */border-radius: 10px;background-image: url(../../../images/Vertiv/Mobile/right_arrow.svg);background-position: right;background-repeat: no-repeat;background-position: 95% center;}

 .po_doc .form-group a:hover
{

	background-color: #10c7e32b; 
}

.po_doc .form-group span
{width:100%;/* text-align:center; */padding-left: 60px;height: 25px;position: relative;top: -18px;font-size: 12px;}

.po_doc .form-group .input-group
{

    position:relative;
    
}



.po_doc .form-group .form-control
{border:0px;color: #7c7a76;font-weight:600;background-color: transparent;}


.po_doc .text-danger
{

	display:none;
}

/* Invoice document */



.invoice_doc .border-end, .invoice_doc  .border-end
{
border:0px !important;
}

.invoice_doc 
{

	margin-bottom:20px;
}





.invoice_doc .form-group
{background-color:white;/* padding:15px; */border-radius:12px;/* box-shadow: 0 5px 5px #6f6f6f21; *//* padding-top:90px; */background-image:url(../../../images/Vertiv/Mobile/po_invoice.svg);background-position: 11px 15px;background-repeat:no-repeat;border: 2px solid #ffae0069;background-size: 40px;}

.invoice_doc .form-group .form-label
{font-weight:600;font-size: 15px;text-align: left;width:100%;padding-left: 60px;padding-top: 15px;/* text-transform: capitalize !important; */}


.invoice_doc .form-group a i{

    display:none;
   
}

.invoice_doc .form-group a
{
	background-image: url(../../../images/Vertiv/Mobile/right_arrow.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-position: 95% center;
	
	border:0px;position: absolute;top: -50px;left:0;height: 75px;width: 100%;margin: 0;/* background-color: #66339957; */border-radius: 10px;}

 .invoice_doc .form-group a:hover
{

	background-color: #10c7e32b; 
}

.invoice_doc .form-group span
{width:100%;/* text-align:center; */padding-left: 60px;height: 25px;position: relative;top: -18px;font-size: 12px;}

.invoice_doc .form-group .input-group
{

    position:relative;
    
}



.invoice_doc .form-group .form-control
{border:0px;color: #7c7a76;font-weight:600;background-color: transparent;}


.invoice_doc .text-danger
{

	display:none;
}


/* Invoice document */
















.po_doc_row
{/* margin-top:20px; */}



.support_doc_grid
{

}


.support_doc_grid .card {/* background-image: url(../../../images/Vertiv/Mobile/right_arrow.svg); */background-position: 583px;background-repeat:no-repeat;}


.support_doc_grid .card:hover
{

	background-color:#ece9fa;
}

.doc_row
{
border-radius:100px;
}

.doc_name
{font-size: 15px;font-weight:600;}

.doc_icon 
{height: 50px;width: 50px;border-radius:100px;background-color:#ECE9FA;background-image:url(../../../images/Vertiv/Mobile/file.svg);background-position:center;background-repeat:no-repeat;display:block;margin-right: 20px;/* margin-left: 8px; */}


.support_doc_btn .form-group a i{

    display:none;
   
}

.support_doc_btn
{
    width:100%;
}

.support_doc_btn .form-group
{

    margin:0px !important;
}

.support_doc_btn .form-group a
{border:0px;/* background-color:#000000; */position: absolute;border-radius:100px;height: 65px;width: 100%;color:white;display: block;top: -35px; background-position: right;background-repeat: no-repeat;/* background-color: transparent !important; */}

.support_doc_btn .form-group span
{width:100%;text-align: left;}

 .support_doc_btn .input-group-btn
{

    width:100%;
}


.support_doc_btn .form-group .form-control
{border:0px !important;color:#0000E7;font-weight:600;padding: 0;background-color: transparent; }

.image_upload 
{
 background-color: white;
   
    border-radius: 12px;
    box-shadow: 0 5px 5px #fe5b1b21;
     
    margin-bottom:20px;
    border: 1px solid #3711112e;

}

.image_upload .form-control
{border:0px !important;background-color: transparent !important;}

.image_upload .InlineSingle .justify-content-between 

{/* font-size:16px; *//* width:150px !important; */}

.element_div 
{
    background-color: white;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 5px 5px #fe5b1b21;
    padding-left:70px !important;
    margin-bottom:20px;
    border: 1px solid #3711112e;
}




.image_upload  label
{

	font-weight:600;
	margin-left:0;
	padding:10px
	
}


.image_upload span
{
color:blue;
	font-weight:600;
	
}
.image_upload .btn-icon:hover
{

	background-color:#000;
	color:white;
}



.vehicle_icon
{
    background-image:url(../../../images/Vertiv/Mobile/vehcle_icon.svg);
background-position:20px;
background-repeat:no-repeat;

}

.driver_icon
{
    background-image:url(../../../images/Vertiv/Mobile/driver.svg);
background-position:20px;
background-repeat:no-repeat;

}

.phone_icon
{
    background-image:url(../../../images/Vertiv/Mobile/phone.svg);
background-position:20px;
background-repeat:no-repeat;

}

.calendar_icon
{
background-image:url(../../../images/Vertiv/Mobile/calendar.svg);
background-position:20px;
background-repeat:no-repeat;

}

 

.calendar_icon .input-group-text
{
display:none;
    
}


.m_comments_icon
{
background-image:url(../../../images/Vertiv/Mobile/comments_icon_orange.svg);
background-position:20px;
background-repeat:no-repeat;

}


.m_vehicle_icon
{background-image:url(../../../images/Vertiv/Mobile/vehcle_icon.svg);background-position:center;background-repeat:no-repeat;background-color: #5e1ee70d;border: 1px solid #5e1ee733;}




input::placeholder {
  color: #000 !important;
  opacity: 0.2 !important; /* Ensures custom color isn't translucent in Firefox */
  font-style: italic;
}

.support_doc_grid
{background-color: transparent;margin-top:20px;box-shadow: none;}

.support_doc_grid > .card-body
{padding: 7px;} 
.support_doc_grid .form-group
{

    margin:0px !important;
}
.support_doc_grid  .collapse 
{
display:none;
}

.support_doc_grid .card .card-body
{padding: 12px 10px 0px 0;}

.content
{
 
}

.btn-primary
{background-color:var(--primary);width:100%;border:0px;/* height:50px; */}



.panel_dummy h3
{
margin-bottom:20px !important;
}


.dossier_content
{width: 666px;margin:auto;border-radius: 20px;background-color:white;margin-bottom:20px;border:1px solid #99999980;}



body
{
overflow:auto;
}

.element_div span
{

	font-weight:600;
}

.element_div .form-control
{

	border:0;
}


#MF_d3_PO_NUMBER span
{

	 
	font-weight:600;
}

/* Dossier */





/*ASN */

.panel_purple
{

border-radius:6px;
background-color:#E0D8FC;
padding:10px;
background-image:url(../../../images/Vertiv/company.svg);
background-repeat:no-repeat;
background-position:20px;
padding-left:90px;

}


.panel_blue
{

border-radius:6px;
background-color:#DAE2FF;
padding:10px;
background-image:url(../../../images/Vertiv/vehicle.svg);
background-repeat:no-repeat;

background-position:20px;
padding-left:90px;

}

.panel_orange
{

border-radius:6px;
background-color:#FFEFCC;
padding:10px;
background-image:url(../../../images/Vertiv/card.svg);
background-repeat:no-repeat;

background-position:20px;
padding-left:90px;

}

.panel_red
{

border-radius:6px;
background-color:#FFDED1;
padding:10px;
background-image:url(../../../images/Vertiv/calendar.svg);
background-repeat:no-repeat;

background-position:20px;
padding-left:90px;

}


.w-max
{

	margin:auto;
}



/* IITDH */

.filter_row
{
border: 0;
    box-shadow: none;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #AF12B2;
}

.filter_row #MF_ProjectNo .mb-3


{
    display: flex;
    gap: 20px;
    align-items: center;

}

.filter_row #MF_ProjectNo .mb-3 select
{
width:500px;
}

.filter_row #MF_ProjectNo .mb-3 label
{

font-weight:600;}

.bg_01 .bg_violet_02 .form-group label
{color: #fff2f2cc;margin-bottom:0px;font-weight:600;

}

.bg_01  .bg_violet_02 .form-group span {
    color: #ffeb2c;
    font-size: 12px;
    font-weight: 600;
}


.bg_01 .bg_violet_02 .form-group {
    /* background-color: #5e1ee726; */
    margin-bottom: 0px;
    padding: 3px 12px;
    border-radius: 3px;
    display: flex;
    gap: 10px;
    border-radius: 3px;
    border: 1px solid #c8afff6b;
}


.bg_01 .bg_magenta  .form-group {
  margin-bottom: 0px;
    padding: 3px 12px;
    border-radius: 3px;
    display: flex;
    gap: 10px;
    border-radius: 3px;
    border: 1px solid #c8afff6b;
	background-color:transparent;
}

.bg_01 .bg_magenta .form-group label
{color: #fff2f2cc;margin-bottom:0px;font-weight:600;

}

.bg_01  .bg_magenta .form-group span {
    color: #f58646;
    font-size: 12px;
    font-weight: 600;
}






.bg_01 .bg_grey  .form-group {
  margin-bottom: 0px;
    padding: 3px 12px;
    border-radius: 3px;
    display: flex;
    gap: 10px;
    border-radius: 3px;
    border: 1px solid #c8afff6b;
	background-color:transparent;
}

.bg_01 .bg_grey .form-group label
{color: #fff2f2cc;margin-bottom:0px;font-weight:600;

}

.bg_01  .bg_grey .form-group span {
    color: #f6c9af;
    font-size: 12px;
    font-weight: 600;
}



.bg_01 .frm_ltr  .form-group {
  margin-bottom: 0px;
    padding: 3px 12px;
    border-radius: 3px;
    display: flex;
    gap: 10px;
    border-radius: 3px;
    border: 1px solid #c8afff6b;
	background-color:transparent;
}

.bg_01 .frm_ltr .form-group label
{color: #fff2f2cc;margin-bottom:0px;font-weight:600;

}

.bg_01  .frm_ltr .form-group span {
    color: #aff6b2;
    font-size: 12px;
    font-weight: 600;
}


.body_bg_2
{
	background-color:#F4F3FF;
border-radius:0px 0px 6px 6px;
}
 .body_bg
{
	background-color:#F4F3FF;
 
}
 




.page-link.active, .active > .page-link {
    z-index: 3;
    color: var(--pagination-active-color);
 
    background-color: var(--primary);
    border-color: var(--pagination-active-border-color);
}

.filter_dd .dd_outer
{

background-color: #661c541a;
    box-shadow: none;
    border: 1px solid #d9c59ca3;}



.split_grid 
{

	margin:0px;
	box-shadow:none;
	border:0px
}

.split_grid  .bg-light
{
border-bottom:1px solid #ddd;
	
}


.widget_orange_light {
    background-color: #F9ECD9;
    border: 0px !important;
box-shadow:none !important;
}
.widget_purple_light {
    background-color: #F2E5F2;
    border: 0px !important;
box-shadow:none !important;
}

.widget_orange_light:hover
{
background-color:#F4E0C3;
    border: 0px !important;
}

.widget_purple_light:hover {
    background-color: #F2CBF2;
    border: 0px !important;
}



.roe .form-group 
{
	margin-bottom:15px;
}


a
{cursor:pointer;}

.budgethead_grid
{}

.budget_modal
{

}




.budgethead_grid table tbody tr td:nth-child(2), .budgethead_grid table tbody tr td:nth-child(3), .budgethead_grid table tbody tr td:nth-child(4)
{
text-align:right;
	border-left:1px solid #ddd;
	
}

.budgethead_grid table
{
position:relative;
	
}


.budgethead_grid table tbody tr td:nth-child(2)::before, .budgethead_grid table tbody tr td:nth-child(3)::before, .budgethead_grid table tbody tr td:nth-child(4)::before
{

	content:'Rs';
	position:absolute;
	padding-left:20px;
	font-size:12px;
	color:#333;
	padding-top:3px;
	 
}

.budgethead_grid table tbody tr td:nth-child(2)
{
color:blue;
	font-size:15px;
	 padding-right:50px;
	
}


.budgethead_grid table tbody tr td:nth-child(3)
{
color:#059669;
	font-size:15px;
	background-color:#0596690d;
	 padding-right:50px;
}

.budgethead_grid table tbody tr td:nth-child(4)
{
color:#c64545;
	font-size:15px;
	 padding-right:50px;
}


.budgethead_grid table thead tr th:last-child
{
border-radius:0 6px 0 0;
	
}

.budgethead_grid table thead tr th:first-child
{
border-radius: 6px 0 0 0 ;
	
}
.budgethead_grid table thead tr th
{
	  background-color: #ebe0dbd9 !important;
}

  
.budget_modal table
{
width:860px;
}

.budget_modal .modal-content, .modal-content
{

width:auto !important;
}


.temp_modal table

{
width:1200px;
}


.available_budget_grid
{}




 




.available_budget_grid table tbody tr td:nth-child(2)
{
color:blue;
	font-size:15px;
	 padding-right:50px;
	
}


.available_budget_grid table tbody tr td:nth-child(3)
{
color:#059669;
	font-size:15px;
	background-color:#0596690d;
	 padding-right:50px;
}

.available_budget_grid table tbody tr td:nth-child(4)
{
color:#c64545;
	font-size:15px;
	 padding-right:50px;
}




.modal-title
{

	font-size:20px;
}



.reimbursement_grid .reim_grid
{ margin-bottom:0px;
border:0px;
 box-shadow:none;
}


.uploaddoc_grid .card-header
{
    display: flex;
    justify-content: space-between;
}




.modal-dialog-centered
{justify-content: center;}




.available_budget_grid table tbody tr td
{
text-align:right;
padding-right:50px;
	border-left:1px solid #ddd;
}
.available_budget_grid table tbody tr td::before
{

	content:'Rs';
	position:absolute;
	padding-left:20px;
	font-size:12px;
	color:#333;
	padding-top:3px;
	 
}

.available_budget_grid table tbody tr td:first-child
{
text-align:left;
padding-right:50px;
	border-left:0px solid #ddd;
}
.available_budget_grid table tbody tr td:first-child::before
{

	content:' ';
	position:absolute;
	padding-left:20px;
	font-size:12px;
	color:#333;
	padding-top:3px;
	 
}


.reimbursement_grid 
{
margin: 0;
    box-shadow: none;
}


.w-800
{width: 700px;margin:auto;}


.bg-lght-grey
{border-radius:20px;background-color: #e8e8e8;}


.gate_pass_entry 
{/* background-color:#000000; */padding:10px;border-radius:10px;margin-bottom:20px;border:1px solid #fff;/* padding-left:30px; */}

.gate_pass_entry .form-group{/* display:flex; */gap:20px;margin:0px !important;align-items: center;}

.gate_pass_entry  .form-group label
{
margin-bottom:0;
	
}

.gate_pass_entry  .form-group span
{

	font-size:20px;
}


.InlineSingle iframe
{
height:100% !important;
}


.set_package_popup .modal-content
{

	width:1000px !important;
}


.border-orange
{
border:1px solid #F89626;
}




 

.buyer_info
{
	background-image: url(../../../images/Vertiv/Mobile/user_icon.svg);
	background-color: #010007;
	background-position: 24px 26px;
	margin-top:20px;
	padding-left: 60px;
	border: 0px solid #f2f2f2;
	box-shadow:none;
	border-radius:0 0 40px 40px;
	margin-bottom:0;
	background-repeat: no-repeat;
	margin: 46px -20px 00px -19px;
	}

.buyer_info .form-label

{

	color:rgba(255,255,255,0.7) !important;
	font-size:12px;
	padding:0 !important;
	margin:0px;
	
}

.buyer_info span
{
	color: #F2C94C;
	font-size:16px
}

.mob_header_row h6{

	font-size:13px;
	font-weight:500;
color:white;
}

.mob_header_row label
{
color:white;
opacity:0.8;
}

.gate_pass_entry  label
{

	color:white;
}

.Vehicle_Info
{

	margin: 19px -20px 30px -21px;
}

.Vehicle_Info .card-body
{

	padding:20px 30px;
}

.Vehicle_Info .form-control
{


	border:0;
	border-bottom:2px solid #BBC2CC ;
	border-radius:0px;
	margin-bottom:20px;

	padding:20px 0px;
	font-weight:600;
	font-size:18px;
	transition:0.5s;
}

.Vehicle_Info .form-control:focus
{
box-shadow:none;
	background-color:#ffa5001f;
	padding:20px;
	transition:0.5s;
		border-bottom:2px solid orange ;
}

 







.vehicle_icon
{
    background-image:url(../../../images/Vertiv/Mobile/vehicle_01.svg);
    background-position:20px;
    background-repeat:no-repeat;
}

.driver_icon
{
    background-image:url(../../../images/Vertiv/Mobile/driver_01.svg);
background-position:20px;
background-repeat:no-repeat;

}

.phone_icon
{
    background-image:url(../../../images/Vertiv/Mobile/phone_01.svg);
background-position:20px;
background-repeat:no-repeat;

}

.calendar_icon
{
background-image:url(../../../images/Vertiv/Mobile/calendar_01.svg);
background-position:20px;
background-repeat:no-repeat;

}

.gatepass_id  
{
   
}


.gatepass_id_icon
{
	border-radius:8px;
	background-color:#5e1ee717 !important;
	 
	background-size:200px;
	background-repeat:no-repeat;
	background-position: -10px;
	padding: 15px;
	 background-size:100px;
	 background-image: url(../../../images/Vertiv/Mobile/gatepass.svg);
	
	 
}
.gatepass_id_icon::before
{

	content:'';
	position:absolute;
	height:70px;
	width:70px;
	top:0;
	background-image: url(../../../images/Vertiv/Mobile/gatepass.svg);
	left:0;
	 
}



.gatepass_id_icon .controls span
{font-size: 18px !important;}
.element_div_mob
{
    background-color: white;
    padding: 15px;
    border-radius: 0;
    /* box-shadow: 0 5px 5px #fe5b1b21; */
    padding-left: 92px !important;
    margin-bottom: 0;
    border: 0px solid #3711112e;
    /* border-bottom: 1px solid #3711112e; */
    border-radius:8px;
}

.element_div_mob label
{
	padding:0;
	margin: 0;
	color: #6e7884;
	font-weight: 600;
}

.element_div_mob .form-control-sm  span
{
	font-weight: 600;
    font-size: 16px;
}

.element_div_mob .form-control
{
	border:0px;
	border-bottom:1px solid #BBC2CC;
	border-radius:0px;
}



.sidebar-profile-info .fw-semibold
{

    width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;


}



.left-content, .right-content {
    height: calc(100vh - 11px) !important;
}

.plh_M_TreePlaceHolder {
    height: calc(100vh - 121px) !important;
}


.Modal_iFrame
{
height: calc(100vh - 104px);
}



.col-xs-6 {
	/* width:50%; */
}




.supporting_doc_grid table tbody tr td .col-xxl-4, .supporting_doc_grid table tbody tr td .col-xl-4, .supporting_doc_grid table tbody tr td .col-md-4
{

width:100%;}


.sidebar-menu
{

    overflow: hidden;
    height: calc(100vh - 326px);}

.sidebar-menu:hover
{
   overflow: auto;
    height: calc(100vh - 326px);
}


.widget_lbl
{}





/* asn_doc_grid */

.asn_doc_grid 
.table.dataTable
{width:100%;/* padding: 20px !important; */}
.table.dataTable tbody 
{/* display:flex; */padding: 20px;}
.asn_doc_grid 
.table.dataTable tbody tr
{width: 25% !important;display:flex;flex-direction: column;/* margin:20px; */border-radius: 0;border:1px solid #d0c1ef94;background-color:#c4b6e214;transition:0.5s;float: left;}
.asn_doc_grid 
.table.dataTable tbody tr:hover
{
background-color:#875ae624;
	transition:0.5s;
}
.asn_doc_grid 
.table.dataTable tbody tr td
{
border:0px;
	
}

.asn_doc_grid 
.table.dataTable tbody tr td:nth-child(2)
{

	padding:0px 20px 20px !important;
}

.asn_doc_grid 
table.dataTable tbody tr td .col-xxl-4
{

	width:100%;
}
.asn_doc_grid 
.table-widget-content.card, .table-widget.card
{

	box-shadow:none !important;
}
.asn_doc_grid 
.table.dataTable .form-control 
{border:0px;background-color:transparent;font-size:11px;padding-left:0px;color:#484156;font-weight: 600;opacity:0.6;}

.asn_doc_grid 
.table.dataTable .form-control span
{
font-weight:600;
	opacity:0.6;
	
}
.asn_doc_grid 
.table.dataTable a
{
background-color:#5e1ee70f;
	
	margin-left:10px;
	border:1px solid #5e1ee729;
	transition:0.7s;
	
}
.asn_doc_grid 
.table.dataTable a:hover
{
	background-color:#fff;
transition:0.3s;
	scale:1.3;
	 
}

 
.asn_doc_grid 
.table.dataTable a i
{
transition:0.3s;
	color:#5e1ee7;
}

.asn_doc_grid table thead
{
display:none;
}

.asn_doc_grid table tbody tr td span
{

	font-weight:600;
}



/* asn_grid */
.asn_grid table tbody tr td:first-child
{

	width:130px;
}

.asn_grid table tbody tr td:nth-child(3)
{

	width:400px;
}

.asn_grid table tbody tr td:nth-child(5), .asn_grid table tbody tr td:nth-child(6)
{

	width:200px;
}

.asn_grid table tbody tr td:nth-child(5) .controls span
{

	 background-color:#00800029;
	border-radius:3px;
	padding:3px 10px;
	font-size:18px;
}

.asn_grid table tbody tr td:nth-child(6) .controls span
{

	 background-color:#f5589a29;
	border-radius:3px;
	padding:3px 10px;
	font-size:18px;
	
}


.asn_grid table tbody tr td:nth-child(7)
{

	width:200px;
}

.asn_grid table tbody tr td
{

	border-right:1px solid #ddd;
}








  .comments_btn {
    position: relative;
    display: inline-block;
    padding: 15px 25px;
    background: #F5F5F5;
    color: white;
    border-radius: 6px;
    cursor: pointer;
    border:1px solid #CACACA;
    background-image:url(../../../images/Vertiv/comments_icon.svg);
    background-repeat:no-repeat;
    background-position: center;
    height: 40px;
    z-index: 999999999999999999999 !important;
}

.comment-popup {
    position: absolute;
    /* left: 0; */
    width: 600px;
    margin-top: 10px;
    padding: 20px;
    background: white;
    color: #333;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    display: none;
    right: 00px !important;
    top: 29px;
    border-top: 1px solid #ddd;
}

.comments_btn:hover .comment-popup {
    display: block;
    z-index: 99999999999 !important;
}












/* Mobile Application */


.gatepass_tab
{}

.support_doc_list  
{
width:100% !important;
	
}

.support_doc_list  .form-control
{
	border:0px;
	background-color:transparent;
	padding-left:0;
	font-size:12px;
	opacity:0.8;
}

.support_doc_list .input-group-btn
{

	position:absolute;
		right:0;
	top:-20px;
	
}

.support_doc_list   a
{

	border-radius:100px !important;
}

.veh_details
{box-shadow: none;}

.veh_details .card-body{

	padding:0px;
}

.veh_details .form-control
{
padding-left:0px;
	font-weight:600;
	font-size:16px;
}

.thumbview
{}

.gatepass_body
{
    padding: 0;
}

.gatepass_tab li a
{border-radius:100px !important;width: 100%;text-align:center;display: flex;align-items: center;justify-content: center;font-weight: 600;border: 1px solid !important;height: 50px;}

.gatepass_tab ul
{width:100%;border:0px !important;border-color: transparent !important;border-radius: 0 !important;display: flex !important;/* gap: 13px; */justify-content: space-between;}

.gatepass_tab li
{width:48%;}

.tabbable.gatepass_tab 
{

	border:0px !important;
}

.gatepass_tab .tab-content
{

	margin:10px;
	box-shadow:none;;
 
}

.thumbview .w-100
{
display:none !important;
}

.thumbview .form-group .card-body 
{
	padding:0px;
}

.thumbview .form-group .card-body

{display:flex;justify-content: center;align-items: center;/* height: 100px; */}

.thumbview .form-group .card-body img
{height: 75px !important;}
.thumbview .form-control
{width:33.3%;height:100px;border: 0 !important;padding: 0px;}

.thumbview .form-control img
{

	height:100px;
	width:100px;
	border-radius:100%;
}

.thumbview 
{

	display:flex;
}

.gate_pass_details_grid
{
    border: 0;
    padding: 0 !important;
    box-shadow: none;
}


.gate_pass_details_grid .img-container
{height: 75px;width: 75px;/* background-color:red; */border-radius:100%;/* border: 1px solid; */

box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;

}
 
.gate_pass_details_grid > .card-body
{

	padding:0;
}
.gate_pass_details_grid .InlineSingle .position-relative
{

	background-color:transparent !important;
}

.gatepass_div
{}


.text-small span
{

	color:#ababab;
}

.gate_body{background-color:#f0ebfd;/* padding: 0; *//* display: flex; *//* align-items: center; */}


.gate_pass_details_grid .col-md-6

{

	width:50%;
}


.gate_body  .col-xs-12,  .gate_body .col-xl-12
{

	width:auto
}

.card-body .content
{
	padding:0;
}




table tbody tr td span[title="APPROVED"]
{

	display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .7rem !important;
  font-weight: 600;
  letter-spacing: .03em;
  border-radius: 20px;
  padding: 2px 9px;
  white-space: nowrap;
	background-color:#d9e8fb;
	color:#0f16b0 !important;
}

table tbody tr td span[title="IN PROGRESS"]
{

	display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .7rem !important;
  font-weight: 600;
  letter-spacing: .03em;
  border-radius: 20px;
  padding: 2px 9px;
  white-space: nowrap;
	background-color:#e4eef6;
	color:#2c5f8a !important;
}

table tbody tr td span[title="ON HOLD"]
{

	display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .7rem !important;
  font-weight: 600;
  letter-spacing: .03em;
  border-radius: 20px;
  padding: 2px 9px;
  white-space: nowrap;
	background-color:#EEEDE8;
	color:#5b6472 !important;
}

table tbody tr td span[title="COMPLETED"]
{display: inline-flex;align-items: center;gap: 5px;font-size: .7rem !important;font-weight: 600;letter-spacing: .03em;border-radius: 20px;padding: 2px 9px;white-space: nowrap;background-color: #e8eee9;color: #0d800e !important;}



table tbody tr td span[title="NOT RECEIVED"]
{

	display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .7rem !important;
  font-weight: 600;
  letter-spacing: .03em;
  border-radius: 20px;
  padding: 2px 9px;
  white-space: nowrap;
	background-color:#EEEDE8;
	color:#5b6472 !important;
}



table tbody tr td .col-xxl-4
{

	width:100%;
}


span[title="ACTIVE"]
{

	display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .7rem !important;
  font-weight: 600;
  letter-spacing: .03em;
  border-radius: 20px;
  padding: 2px 9px;
  white-space: nowrap;
	background-color:#EFF9EF;
	color:#058D31 !important;
}

 


span[title="IN ACTIVE"]
{

	display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .7rem !important;
  font-weight: 600;
  letter-spacing: .03em;
  border-radius: 20px;
  padding: 2px 9px;
  white-space: nowrap;
	background-color:#FFEEEE;
	color:#FF0000 !important;
}

span[title="MATCHED "]
{

	display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .7rem !important;
  font-weight: 600;
  letter-spacing: .03em;
  border-radius: 20px;
  padding: 2px 9px;
  white-space: nowrap;
	background-color:#EFF9EF;
	color:#058D31 !important;
}

 


span[title="NOT MATCHED"]
{

	display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .7rem !important;
  font-weight: 600;
  letter-spacing: .03em;
  border-radius: 20px;
  padding: 2px 9px;
  white-space: nowrap;
	background-color:#FFEEEE;
	color:#FF0000 !important;
}



span[title="PARTIALY  MATCHED"]
{

	display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .7rem !important;
  font-weight: 600;
  letter-spacing: .03em;
  border-radius: 20px;
  padding: 2px 9px;
  white-space: nowrap;
	background-color:#FBF0D2;
	color:#D08E10 !important;
}






.deferred-doc-grid.card
{box-shadow:none;background-color:transparent;padding:0;margin: auto;width: 80%;}

.deferred-doc-grid table thead
{

	display:none;
}


.deferred-doc-grid table tbody 

{

	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
	padding:0px !important;
}

.deferred-doc-grid table tbody tr
{display:flex;flex-direction: column;

 background-color:white;
 border-radius:10px;
 border:1px solid #ddd;
 position:relative;

}

.deferred-doc-grid table tbody tr:hover
{

 
	box-shadow: var(--box-shadow) !important;
	border:1px solid #fa8556;
	transition:0.5s;
}



.deferred-doc-grid table tbody tr td
{
	border:0px;
}

.deferred-doc-grid table tbody tr td:first-child
{border-bottom:1px solid #ddd;/* padding-right: 200px; */min-height: 68px;display: flex;align-items: center;}

.deferred-doc-grid table tbody tr td:nth-child(1)::after
{content:'PDF only - Max 10 MB';position:absolute;top: 68px;right: 0;background-color: #efefefb3;padding:3px 10px;border-radius:3px;font-size:10px;font-weight:600;color: #52525b;background-image:url(../../../images/Vertiv/adobe.svg);background-position:5px;background-repeat:no-repeat;padding-left:25px;background-size:12px;}


.deferred-doc-grid table tbody tr td:nth-child(1)::before


{

content:'';
	height:20px;
	width:5px;
	position:absolute;
	background-color:#fa8556;
	left:0;
	border-radius:0 10px 10px 0;
	
}
.deferred-doc-grid table tbody tr td:nth-child(1) .controls span
{font-weight:600;/* padding-right: 200px; */}

.deferred-doc-grid table tbody tr td:nth-child(2)

{height:auto;padding-top:75px;padding-bottom: 20px;}

.deferred-doc-grid table tbody tr td:nth-child(2) .controls .input-group 
{display:flex;flex-direction: column;background-color: transparent !important;}

.deferred-doc-grid table tbody tr td:nth-child(2) .controls .input-group span
{

	width:100%;
	text-align:center;
	
}

.deferred-doc-grid table tbody tr td:nth-child(2) .controls .form-control
{

	border:0px;
}

.deferred-doc-grid table tbody tr td:nth-child(2)  
{background-image:url(../../../images/Vertiv/file-icon-circle.svg);background-repeat:no-repeat;background-position: center 16px;}



.deferred-doc-grid table tbody tr td:nth-child(2) .controls   .input-group .form-control
{
	font-weight:600 !important;
	border: 0 !important;
	padding-bottom: 21px;
}

.deferred-doc-grid table tbody tr td:nth-child(2) .controls .form-control .input-group-btn
{display:flex;align-items: center;justify-content: center;background-color: transparent !important;gap: 20px;}

.deferred-doc-grid table tbody tr td:nth-child(2) .controls .form-control .input-group-btn a
{

	background-color:#eeebfe;
	
}

.deferred-doc-grid table tbody tr td:nth-child(2) .controls .form-control .input-group-btn a:hover
{

	background-color:black;
}

.deferred-doc-grid table tbody tr td:nth-child(2) .controls .form-control .input-group-btn a:hover i
{
	color:white;
}

.deferred-doc-grid table tbody tr td:nth-child(2) .controls .form-control .input-group-btn a i
{

	color:#7168da;
}