@charset "utf-8";
/* CSS Document */
@font-face{
	font-family: mont;
	src: url("../font/Montserrat-Regular.ttf");
}
@font-face{
	font-family: mont-medium;
	src: url("../font/Montserrat-Medium.ttf");
}
@font-face{
	font-family: mont-semibold;
	src: url("../font/Montserrat-SemiBold.ttf");
}
@font-face{
	font-family: mont-bold;
	src: url("../font/Montserrat-Bold.ttf");
}
:root{
	--is-purple:#8347AD; /* #8C42AD*/
	--is-blue: #2E4496;
	--is-green: #35B6B4;
	--is-yellow: #FFD75F;
	--is-red: #E83C61;
	--is-mild-grey: #F0ECEC;
	--is-light-grey: #F8F8F8;
	--is-medium-grey: #D2D2D2;
	--is-medium-grey-rgba: rgba(0,0,0,0.2);
	--is-dark-grey: #A8A8A8;
	--is-black: #231f20;
	--is-main-button: linear-gradient(181deg, #2E4496 0%, #8347AD 100%);
	--is-main-button-hover: linear-gradient(180deg, #2E4496 0%, #62197C 100%);
	--is-primary-button: linear-gradient(180deg, #8347AD99 0%, #8347AD 100%);
	--is-primary-button-hover: linear-gradient(180deg, #E9AAFF 0%, #8347AD 100%);	
}
.main-button{ margin:20px 20px 10px -60px; }
.main-button{background: var(--is-main-button);color: white;font-size: 11px;text-align: center;border: 0px;border-radius: 5px;padding:  8px 25px 9px 25px;box-shadow: 0px 3px 6px rgba(0,0,0,0.2);font-family: mont-semibold;}
.main-button:hover,.main-button:focus{background: var(--is-main-button-hover)!important;color: white !important;}
.primary-button{background: var(--is-primary-button)!important;color: white;font-size: 11px;text-align: center;border: 0px;border-radius: 5px;padding: 8px 30px;box-shadow: 0px 3px 6px rgba(0,0,0,0.2);font-family: mont-semibold;}
.primary-button:hover,.primary-button:focus{background-color: #311B92;}
.secondary-button{background: white;color: var(--is-purple);font-size: 11px;text-align: center;border: 0px;border-radius: 5px;padding: 8px 30px;box-shadow: 0px 3px 6px rgba(0,0,0,0.2);font-family: mont-semibold;}
.secondary-button:hover, .secondary-button:focus{background: var(--is-light-grey);color: var(--is-purple);}


body{
	color: var(--is-black)!important;
	font-family: mont-medium!important;
	font-size: 11px!important;
	letter-spacing: 0.4px!important;
    overflow-x: hidden !important;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  
}
.required-field:before{
    content:" *";
    color: var(--is-red);
  }
.body-container{
    margin-top: 145px!important;
  }
.card{
  /* margin-top: 145px!important; */
}
.dataTables_filter, .dataTables_info { display: none; }
.navbar.navbar-inverse.navbar-fixed-top.wow
{
  background-color:#fff !important;
  border:transparent;
  box-shadow: 1px 1px 18px var(--is-medium-grey-rgba);
}
.navbar.navbar-inverse.navbar-fixed-top.wow.animated.fadeInDown.nav-effect
{
  background-image: none;
}
.desktop-logo{display: block!important;}
.mobile-logo{display: none!important;}
#myNavbar li a
{
  font-size: 11px;
  color:  var(--is-black);
}
#myNavbar li .dropdown a{padding: 13px 27px;}
.menu_link
{
  border-top: 1px solid var(--is-mild-grey);
  border-bottom: 1px solid var(--is-mild-grey);
  position: relative;
z-index: -1;
}
.navbar-header {
    padding: 15px 0px 0px 0px;
}
.navbar-header .aspire-logo
{
  width: 40px;
}
.navbar-nav.text-center
{
  transform: translateX(100%);
}
#myNavbar .nav.navbar-nav {
  margin-left: -15px;
}


#myNavbar li a:hover, #myNavbar li a:focus
{
  	background-color: var(--is-light-grey)!important;
	cursor: pointer;
}
 
#myNavbar li a.active {
  background-color: #f0f0f0 !important;
}
.navbar-header
{
  float: none!important;
}
.navbar-header a p
{
    margin: -30px 0px 0px 63px;
    color: var(--is-black);
    font-size: 14px !important;
	  font-family: mont-semibold !important;
}
.navbar-nav .dropdown-menu {
    left: 0px;
top: 29px;
}

.navbar-nav .dropdown{margin-top: 120px;}

.navbar-nav .dropdown .dropdown-toggle{padding: 10px 27px;}

.navbar-nav .dropdown-toggle img {
    width: 10px;
    margin-left: 15px;
}


#myNavbar .dropdown-menu li a, #myNavbar .dropdown-menu li a
{
	border-left: 5px solid #fff;
}

#myNavbar .dropdown-menu li a:focus span img{transform: rotate(-90deg);transition: 0.4s;}

#myNavbar .dropdown-menu li a:hover, #myNavbar .dropdown-menu li a:focus
{
	border-left: 5px solid var(--is-purple);
}
#myNavbar .dropdown-menu li a.active{
  border-bottom: none !important;
  border-left: 5px solid var(--is-purple) !important;
}

.social-line1 
{
  float: right!important;
  margin-top: -50px;
  width: 300px;
	cursor: pointer;
}
.social-line1 img{margin-left: 15px;width: 15px;}
.social-line1 p
{
  font-size: 14px;
  color:  var(--is-black);
  margin-bottom: 3px;
  float: right;
}
.social-line1 .dropdown-menu{left: 140px;}
a
{
  text-decoration: none!important;
}
.navbar-nav>li>a
{
  padding: 5px 27px;
}
.navbar-inverse .navbar-nav > li >.active 
{
  background-color: transparent!important;
  color: var(--is-purple)!important;
}
.navbar-header br
{
  display: none;
}
#myNavbar li a.active {
background-color: #f0f0f0 !important;
border-bottom: 2px solid var(--is-purple); /*add*/
}

.menu_link:nth-child(2) #myNavbar ul li a.active {
background: var(--is-purple) !important;
color: white !important;
}

.menu_link:nth-child(2) #myNavbar ul li a {
font-size: 12px!important;
}
hr, .mob-menuitem{display: none!important;}
.mob-extra-menu{display: none!important;}
.navbar-header a p{margin: -35px 0px 30px 140px;}
.dropdown-menu > li > a{padding: 10px 20px!important;font-size: 11px;border-left: 5px solid white!important;}
.dropdown-menu{left:49px;}
.social-line1 .dropdown-menu li a:hover, .social-line1 .dropdown-menu li a:focus {border-left: 5px solid var(--is-purple)!important; background: var(--is-light-grey);}

table.dataTable thead .sorting span {
background: url("../images/sort.svg") calc(100% - 0px) 50% no-repeat;
cursor: pointer;
margin-left: 7px;
padding-left: 15px;
}
table.dataTable thead .sorting_asc span {
background: url("../images/asc-sort.svg") calc(100% - 0px) 50% no-repeat !important;
cursor: pointer;
margin-left: 7px;
padding-left: 15px;
}
table.dataTable thead .sorting_desc span {
background: url("../images/dec-sort.svg") calc(100% - 0px) 50% no-repeat !important;
cursor: pointer;
margin-left: 7px;
padding-left: 15px;
}
.filter-section .ms-options-wrap .ms-options{
  max-height: 10% !important;
  overflow-x: hidden !important;
}

#requestPay_view_table{width:100%!important;font-size:11px;height:10%;}
#requestPay_view_table thead th{padding:16px 16px;color: var(--is-purple);border-bottom: 1px solid #ececec !important;font-weight: 500!important;font-family: mont-semibold;}
#requestPay_view_table tbody td{border-bottom: 1px solid #ececec !important;border-right: 1px solid #ececec;padding:8px 16px;}

#approvalPay_tocheck_table,#reviewer_tocheck_table{width:100%!important;font-size:11px;height:10%;}
#approvalPay_tocheck_table thead th ,#reviewer_tocheck_table thead th{padding:16px 16px;color: var(--is-purple);border-bottom: 1px solid #ececec !important;font-weight: 500!important;font-family: mont-semibold;padding: 16px;font-size: 11px;}
#approvalPay_tocheck_table tbody td ,#reviewer_tocheck_table tbody td{border-bottom: 1px solid #ececec !important;padding: 8px 16px;border-right: 1px solid #ececec;}
#approvalPay_checked_table{width:100%!important;font-size:11px;height:10%;}
#approvalPay_checked_table thead th {padding:16px 16px;color: var(--is-purple);border-bottom: 1px solid #ececec !important;font-weight: 500!important;font-family: mont-semibold;padding: 16px;font-size: 11px;}
#approvalPay_checked_table tbody td {border-bottom: 1px solid #ececec !important;padding: 8px 16px;border-right: 1px solid #ececec;}

#workbenchPay_tocheck_table{width:100%!important;font-size:11px;height:10%;}
#workbenchPay_tocheck_table thead th {color: var(--is-purple);border-bottom: 1px solid #ececec !important;font-weight: 500!important;font-family: mont-semibold;padding: 16px; font-size: 11px; }
#workbenchPay_tocheck_table tbody td {border-bottom: 1px solid #ececec !important;padding:8px 16px;border-right: 1px solid #ececec;}
#workbenchPay_checked_table{width:100%!important;font-size:11px;height:10%;}
#workbenchPay_checked_table thead th {color: var(--is-purple);border-bottom: 1px solid #ececec !important;font-weight: 500!important;font-family: mont-semibold;padding: 16px; font-size: 11px;}
#workbenchPay_checked_table tbody td {border-bottom: 1px solid #ececec !important;padding:8px 16px;border-right: 1px solid #ececec;}


#historyPay_all_table{width:100%!important;font-size:11px;height:10%;}
#historyPay_all_table thead th {padding:16px 16px;color: var(--is-purple);border-bottom: 1px solid #ececec !important;font-weight: 500!important;font-family: mont-semibold;padding: 16px; font-size: 11px; }
#historyPay_all_table tbody td {border-bottom: 1px solid #ececec !important;padding:8px 16px;border-right: 1px solid #ececec;}
#historyPay_approved_table{width:100%!important;font-size:11px;height:10%;}
#historyPay_approved_table thead th {padding:16px 16px;color: var(--is-purple);border-bottom: 1px solid #ececec !important;font-weight: 500!important;font-family: mont-semibold;padding: 16px; font-size: 11px; }
#historyPay_approved_table tbody td {border-bottom: 1px solid #ececec !important;padding:8px 16px;border-right: 1px solid #ececec;}
#historyPay_pending_table{width:100%!important;font-size:11px;height:10%;}
#historyPay_pending_table thead th {padding:16px 16px;color: var(--is-purple);border-bottom: 1px solid #ececec !important;font-weight: 500!important;font-family: mont-semibold;padding: 16px;font-size: 11px;}
#historyPay_pending_table tbody td {border-bottom: 1px solid #ececec !important;padding:8px 16px;border-right: 1px solid #ececec;}
#historyPay_rejected_table{width:100%!important;font-size:11px;height:10%;}
#historyPay_rejected_table thead th {padding:16px 16px;color: var(--is-purple);border-bottom: 1px solid #ececec !important;font-weight: 500!important;font-family: mont-semibold;padding: 16px;font-size: 11px; }
#historyPay_rejected_table tbody td {border-bottom: 1px solid #ececec !important;padding:8px 16px;border-right: 1px solid #ececec;}

#requestPay_view_table thead th:first-child {
    padding-right: 0px;
}
#approvalPay_tocheck_table thead th:first-child,#approvalPay_checked_table tbody th:first-child {
  /*padding-right: 0px;*/
}
#workbenchPay_tocheck_table thead th:first-child,#workbenchPay_checked_table tbody th:first-child {
  padding-right: 0px;
}

.datatable_filter_input
{
  background-color: var(--is-light-grey) !important;
  border: 1px solid var(--is-medium-grey) !important;  
  height: 35px;
  border-radius: 3px !important;
  padding: 5px 10px !important; 
  width: 200px;
  background: url("../images/search.svg") no-repeat;
  background-position-x:calc(100% - 10px);
  background-position-y: 9px;
  background-size: 13px;font-family: mont-medium;
  font-weight: 500;
  color: var(--is-black)!important;
  /* margin-top: 22px; */
  float: right;
}
  .reqPay_table{background: white;
  border-radius: 5px;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
  width: 100% !important;
  margin-top: 5px; 
  }
  
  table.dataTable {margin-top: -35px;}
  .dataTables_wrapper .dataTables_length {
      display: block;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: -50px;
  }
  .dataTables_length label{
    font-family: mont-medium !important;
  }
  .dataTables_wrapper .dataTables_length select{
    width: 50px !important;
    height: 25px;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    margin-left: 4px;
    margin-right: 10px;
    padding: 5px !important;
    font-family: mont-semibold;
    font-weight: normal;
    font-size: 11px;
}
  /* .row{
    margin-right:0px!important;
    margin-left:0px!important;
  } */
  .card .row,.budget-card .row,.approval_matrix_div .row,.paymentdetail .row,#section1.row{
   margin-right: 0px;
  margin-left: 0px; 
}
  .container{
    padding-right:0px!important;
    padding-left:0px!important;
    
  }
.status_image
{
padding-right:5px;
width: 25px;

}
.card h3,.budget-card h3{
  font-size: 12px;
  font-family: mont-semibold;
  margin-top: 5px; 
  margin-bottom: 0px;
  font-weight: 500;
  padding:0px 40px 0px 30px !important;
  white-space: nowrap;
  margin-left: -15px; 
float: left;

}
td a,td a:hover {
color:#2E4496;
}
.mag_sort{
      width: 38%!important;
      float: right;
}
.magnifier{
margin: 21px 20px 10px 0px;
float: right !important;
outline: none!important;
}
.magnifier:focus{
border-color: #66afe9 !important;
}
#section1 p{ min-height: 33px; } 
.is-tab-content .nav.nav-tabs{border-bottom: 2px solid #ddd;width: 100% !important;}
.is-tab-content .nav.nav-tabs li{margin-bottom: -3px;}
.is-tab-content .nav.nav-tabs li a {padding: 5px 44px 15px;color: var(--is-dark-grey);border: 0px;font-size: 11px;font-family: mont-semibold;}
.is-tab-content .nav.nav-tabs li a:hover {background: transparent;color: var(--is-black)!important;}
.is-tab-content .nav.nav-tabs li.active a { color: var(--is-purple)!important; border-bottom: 4px solid var(--is-purple)!important;font-size: 12px;font-family: mont-semibold;}

.button-payment{
  float:right;
  }
  
table{width: 100% !important;font-size:12px;height:10%}
thead th {color: var(--is-purple);border-bottom: 1px solid #ececec !important;font-weight: 500!important;font-family: mont-semibold;padding: 16px;font-size: 11px;vertical-align: middle !important;}
tbody td {border-right: 1px solid #ececec;font-size: 11px;border-bottom: 1px solid #ececec !important;padding: 8px 16px;}
option {
/*font-family: Montserrat !important;*/
font: -moz-pull-down-menu;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
      background-color: #e3e3e3 !important;
}
#budget_filter_apply[disabled],#budget_filter_cancel[disabled],#save_new_addition[disabled]{
  opacity: 0.5;
}
.hideBlockedColumn {display: none;}
label{
  font-weight: 50;
  font-size: 11px;
  font-family: mont-semibold; 
  letter-spacing: 0.4px;
}
.form-control{
  border-radius: 3px !important; 
  font-size: 11px; 
  background-color: #F8F8F8; 
  border: 1px solid #D2D2D2; 
  box-shadow:none!important; 
  padding: 6px 10px 6px 5px;          
}
       .date {
        background-image: url('/images/calendar-full.svg');
        background-repeat: no-repeat;
        background-position: 96% center;
        height: 34px;
        border: 1px solid #d2d2d2; 
        border-radius: 3px; 
        background-color: #f8f8f8; 
        background-size: 20px;
        padding-left: 10px;  /*add*/
        color: #555;
    }
    #po_prefix {
width: 115px; /*change*/
padding-left: 10px !important; /*change*/
border: 1px solid #cdcdcd !important; /*change*/
background: #e3e3e3; /*change*/
height: 34px;
float: left;
border-radius: 3px; /*add*/
margin-right: 10px; /*add*/
}
  .remove{
    cursor: pointer;
    }  
  
  select[disabled] {
    background: #e3e3e3 !important; /*change*/
}

#pay_add {
  cursor: pointer;
}
.datepicker { padding: 0px!important;}  /*add*/ 

.datepicker thead th{border-bottom: 0px!important;color: var(--is-black);} /*add*/

.datepicker .table-condensed thead tr:first-child,.datepicker .table-condensed thead tr:first-child th:hover {
background: var(--is-purple)!important;
color: white;
} /*add*/

.datepicker .table-condensed thead tr:first-child th {
padding: 15px 10px;
color: white;
} /*add*/

.datepicker .table-condensed thead tr:nth-child(2) th {
padding: 20px 7px 10px 7px;
} /*add*/

.datepicker .table-condensed tbody td {
font-family: mont-medium;
padding: 10px;
border-bottom: 0px !important;
font-size: 11px;
}  /*add*/
.datepicker .table-condensed tbody td {
padding: 7px;
}
.datepicker .table-condensed tbody td.active, .datepicker .table-condensed tbody td.active:hover,.datepicker .table-condensed tbody td span.month.active,.datepicker .table-condensed tbody td span.month.active:hover,.datepicker .table-condensed tbody td span.year.active,.datepicker .table-condensed tbody td span.year.active:hover {
border-radius: 3px !important;
background: transparent!important;
border: 1px solid var(--is-purple) !important;
color: var(--is-purple);
}
#export_pmt{
    float: right;
color: var(--is-black);
margin-top: 26px;
margin-bottom: 17px; 
padding: 8px 15px;
  }
.dt-buttons
{
  display: none;
}
tfoot tr td {
padding: 5px 5px;
}
#section2 #total:focus-visible{outline: none!important;} 
.switch {
  position: relative;
  display: inline-block;
  width: 45px; 
  margin-left: 0px; 
  margin-top: 8px; 
  height: 16px;  }
.switch input { 
  opacity: 0;
  width: 0;
  height: 0; }
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #eaeaea;
  -webkit-transition: .4s;
  transition: .4s; }
.slider:before {
  position: absolute;
  content: "";
  left: 0px; 
height: 22px; 
width: 22px;
  top: -3px;
  bottom: 4px;
  background-color: #b7b7b7;
  -webkit-transition: .4s;
  transition: .4s; }

  input:checked + .slider::before {
    background-image: linear-gradient(to top, #8347AD,#B967DE);
  }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}  
.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, white 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, white 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, white 0%, #dcdcdc 100%);background:-o-linear-gradient(top, white 0%, #dcdcdc 100%);background:linear-gradient(to bottom, white 0%, #dcdcdc 100%)}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:not-allowed;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none;opacity: 0.3;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}
.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}
.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}
.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: var(--is-primary-button);
  border: 0px;
  color: white !important;
  border-radius: 50px;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: white;
  border: 0px;
  color: var(--is-black) !important;
  border-radius: 50px;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {box-shadow:0px 3px 6px #DBDBDB}
.dataTables_paginate{
    text-align:center;
  }
.dataTables_paginate.paging_simple_numbers{padding: 10px 16px;clear: both;} /*add*/

.comments_input{width:30%;}

#section2 #total{width: 110px;}
.cost_code_th {width:140px}
.invoice_amount_th {width:110px}
.remarks_th {width:240px}
.action_th{width: 38px;}
.invoice_type_responsive{width:115px}
.shared_expense_details{width:140px}
.file_upload_th{width:207px}
/*
.cost_code_select{width:140px;}
.invoice_type_select{width:105px;}
.invoice_total_input{width:110px;}
.remarks_input{width:240px;}
.invoice_total{width:110px;}
.dept_select{width:200px}
.invoice_type_td{width:250px}
*/


.swal-button{
  background: linear-gradient(to top, #a53fb2, #f5cfff);
border: none;
box-shadow: none;
border-radius: 34px;
font-weight: 600;
font-size: 12px;
padding: 7px 24px;
margin: 0;
cursor: pointer;
}
.swal-text {
  font-size: 14px;
  display: block;
  padding: 0 43px;
  text-align: center;
  max-width: 100% !important;
}
.alert.alert-danger {
  position: fixed;
  left: 50%;
  top: 127px;
  z-index: 10000;
  border-color: var(--is-red)!important;
  background: #FFE3E9!important;
  color: var(--is-red)!important;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
}
.alert.alert-success {
   position: fixed;
   left: 50%;
   top: 127px;
   z-index: 10000;
   border-color: var(--is-green)!important;
   color: var(--is-green)!important;
   background: #DAF4F4 !important;
   transform: translate(-50%, -50%);
    }
.close_msg{
  margin-left: 50px;
  /* background: transparent; */
  border: none;
  background: url("../images/close-red.svg");
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  background-position: top;
  margin-top: 4px;
}
.ajax-file-upload-abort {
display: none !important;
}
.bill_file_anchor {
color: var(--is-blue)!important;
max-width: 85%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.deleteImage {
color: red !important;
padding-left: 4px;
cursor: pointer;
float: right;
margin-right: 0px !important;
position: absolute; 
right: 11px;
}
.uploaded_file_view {
margin-bottom: 0px!important;
width: 232px !important;
background: #e9f5ff !important;
border: 1px solid #d9e3ea !important;
padding: 5px 10px !important;
border-radius: 3px !important;
height: 28px !important;
margin-right: 10px;
min-height: auto !important;
}
 .ajax-file-upload-container {
margin-top: 5px!important;
margin-left: 0px!important;
display: flex;
flex-wrap:wrap;
}
.ajax-file-upload-statusbar{
width: 232px !important;
background: #F7E4FF !important;
border: 1px solid #d9e3ea !important;
padding: 5px 10px !important;
border-radius: 3px !important;
height: 28px !important;
margin-right: 10px;
margin-bottom: 5px;
}
.paymentdetail .uploaded_file_view {
background: #e9f5ff !important;
padding: 5px 10px 5px 10px !important;
height: auto !important;
position: relative;
display: inline-block;
border: 1px solid #d9e3ea !important;
margin-bottom: 5px !important;
}
.ajax-file-upload-filename{
width: 85%!important;
float: left!important;
color: var(--is-blue)!important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ajax-file-upload-green{

height: 10px!important;
float: left!important;
cursor: pointer!important;
margin-top: 3px!important;
}
.ajax-file-upload-red{

float:right!important;

cursor:pointer;

}
#payment_table .ajax-file-upload-container{
display: inline-block;
max-width: 200px;
}
#payment_table .ajax-file-upload-statusbar {
  margin-bottom: 6px;
  max-width: 98%;
  float: left;
}
#payment_table .ajax-file-upload-filename
{
	width: 80% !important;
}
/* .row-section label{
  float:left !important;
} */
.row-section .col-md-3{
  width:20% !important;
}
.row-section {
  border-bottom: 1px solid #eaeaea;
min-height: 78px;
background: #efe7f4;
}
.row-section1 {
  display: block;
  border-bottom: 1px solid #eaeaea;
  background: #efe7f4;
  min-height: 62px;
  padding-top: 10px;
}
#payment_table .ajax-file-upload-error {
  width: 100%;
float: left;
color: var(--is-red);
margin-bottom: 5px;
/**display: block ruby; **/
margin-top: -52px;
margin-left: 240px;
}
.ajax-file-upload-error b {
word-break: break-word;
}
.upload-section{width: 100%;}
#payment_file_upload, #po_file_upload, #invoice_split_import {
border: 1px solid #d2d2d2;
border-radius: 3px;
background-color: #f8f8f8;
height: 34px;
width: 232px;
background-image: url("../images/layer.svg");
background-repeat: no-repeat;
background-position: right;
background-position-y: calc(100% - -8px);
}
.upload-icon{
float: right;
margin-top: -2px;
} 
.ajax-file-upload-container {
margin-top: -27px;
margin-left: 10px;
} 
.ajax-file-upload{
float:right;
width: 25px;
height: 25px;
margin-top: 5px;
color:#9c5fb8;
}
#file_download #file_name {
cursor: pointer;

color: var(--is-blue)!important;
}
.magnifier {
  margin-right: 0px!important;
  }

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
  .row-section .col-md-3{
    width:100% !important;
  }
  table.dataTable {
    margin-top: 0px!important;
    }/*add*/
    .table-responsive {
    margin-bottom: 0px!important;
    }/*add*/
    .ajax-file-upload-container {
    display: inline-block!important;
    width: 100%;
    }/*add*/
    .ajax-file-upload-statusbar {
    width: 100% !important;
    margin-bottom: 5px!important;
    }/*add*/
}

.ajax-file-upload-error {
  width: 100%;
  float: left;
  color: var(--is-red);
  margin-bottom: 5px;
  /**display: block ruby; **/
  margin-top: -22px;
  margin-left: 240px;
  white-space: nowrap;
}

.filter{
  float: right; cursor: pointer;margin-top: 25px;margin-right:10px;color:var(--is-black);
  padding: 8px 15px;font-family: mont-semibold;
}
.filter span{margin-right: 20px;}
.filter:hover{
  color:var(--is-black);
}
.history_filterdata_pmt{
        margin-top: 10px;
        margin-bottom: 20px; }
.filter-section {
            padding: 0px 15px!important;
            }
.filter-section .container-fluid {
            background: white;
            box-shadow: 0px 0px 6px #dbdbdb;
            border-radius: 3px;
            padding: 15px 0px;
            }
/*.filter-section .secondary-button{float:right;margin-right: 20px;}*/
.history_filterdata_pmt  .filter-menu>a>.fil{
            margin: 13px 10px;
            cursor: pointer;   }
@media (min-width:320px) and (max-width:767px)
{
.navbar-inverse .navbar-toggle {
border-color: white;
padding: 9px 0px 9px 10px!important;
margin-top: 0px;
margin-right: 0px;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: white;
}
.mobile-logo {
display: block !important;
width: 30px;
}
.desktop-logo {
display: none !important;
}
.navbar-header a p {
margin: -31px auto 10px auto;
text-align: center;
font-size: 12px !important;
width: 60%;
}
.social-line1 {
display: none;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: transparent;
}
.mobile-user-section{display: block!important;}
.mobile-username {
margin-left: 26px;
color: var(--is-purple);
font-family: mont-semibold;
font-size: 12px;
}
.card {
/* margin-top: 75px !important; */
}
.paymentdetail .tab-content > .row:first-child, .paymentapprovaldetails .tab-content > .row:first-child{
margin-top: 75px !important;
}
.is-tab-content .nav.nav-tabs li a {
padding: 15px 35px;
}
.reqPay_table {
margin-top: 0px!important;
}
.historydetails .mag_sort {
width: 100% !important;
float: none !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
}
.historydetails #export_pmt {
margin-top: 0px!important;
}
.historydetails .filter {
margin-top: 0px!important;
}
.historydetails .datatable_filter_input {
margin-top: 10px !important;
float: none; 
}
.filter-section .col-md-3 {
margin-bottom: 10px;
}
.alert.alert-success, .alert.alert-danger {
left: 8%;
top: 55px;
right: 8%;
text-align: center;
}
.ajax-file-upload-container {
margin-top: 25px !important;
}
.row-section{
padding-bottom:10px;
}
.invoice_total_input{
text-align:left!important;
}
.secondary-button,.primary-button {
padding: 8px 25px;
}
#section1 .col-md-2{
  width: 100%!important;
  margin-bottom: 10px;
}
#payment_file_upload,#po_file_upload {width: 100%;}
.cost_code_row{margin-bottom:20px; }
.ajax-file-upload-error {
  width: 100%;
  float: left;
  color: var(--is-red);
  margin-bottom: 5px;
  display: block;
  margin-top: 0px;
  margin-left: 0px;
  white-space: normal;

}
.amt_field {text-align: left!important;}
}
.mobile-user-section{display: none;}
.ui-wait {
  background: white url('../images/loading.gif') no-repeat scroll 48% 50%;
      background-size: auto;
  background-size: 70px 70px;
  cursor: wait;
  height: 100%;
  left: 0;
  opacity: .7;
  position: fixed;
  top: 20;
  width: 100%;
  z-index: 100;
  display: none;
}
.action_image{
display: block;
    margin: 0 auto;}
#section1 .col-md-2 {
  width: 19.999%;
}
#po_unavailablity_reason{height: 34px!important;}

.tool_tip{
  margin-top:-2px;
  cursor: pointer;
}
/* Css for the confirmation box */
.jconfirm-buttons .secondary-button {
  text-transform: capitalize !important;
  font-size: 11px !important;
  font-weight: normal !important;
  padding: 8px 30px !important;
  line-height: 1.42857 !important;
}
.jconfirm-buttons .primary-button {
  text-transform: capitalize !important;
  font-size: 11px !important;
  font-weight: normal !important;
  padding: 8px 30px !important;
  line-height: 1.42857 !important;
}
.request_action_buttons[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}
#reset_master_category_option{
  float: right;
  cursor: pointer;
}
.jconfirm .jconfirm-holder{
  margin: 0 auto; 
  width: 780px; 
}
/* To prevent the bootstrap datepicker white area when it is disbaled */
.table-condensed thead .next[style*="hidden"] {
  visibility: visible !important;
  cursor: not-allowed;
  pointer-events: none;
}
.table-condensed thead .next[style*="hidden"] img{
  display: none;
}
.card-header h3 {
  padding: 0px 0px 15px 0px !important;
}
.jconfirm-content table {
  border: 1px solid #ececec;
}
.jconfirm-holder .container{width: 780px;}
.jconfirm-holder .justify-content-md-center{width: 780px;text-align: center;}
.jconfirm .jconfirm-holder .col-md-offset-4 {
  margin-left: 0px!important;display: contents;
}
.jconfirm  .col-md-offset-4 .jconfirm-box{width: 50%;}
.jconfirm .jconfirm-holder .col-md-8{width: 100%;}
.duplicate_request_p{
  text-align: left;
}
#myNavbar li ul li a:hover, #myNavbar li ul li a:focus {background: var(--is-light-grey) !important;cursor: pointer;border-left: 5px solid #8347AD !important;} 
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background-color:transparent;}
.nav .dropdown-toggle {
  background: url("../images/chevron-down2.svg");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 11px);
  background-position-y: calc(100% - 12px);
  background-size: 9px;
}
.nav .caret{display: none;} 
@media (min-width:768px) and (max-width:991px)
{
.jconfirm .jconfirm-holder {width: 700px;}
.jconfirm-holder .container{width: 700px;}
.jconfirm-holder .justify-content-md-center{width: 700px;}
}
@media (min-width:320px) and (max-width:767px)
{
.jconfirm .jconfirm-holder {width: 310px;}
.jconfirm-holder .container{width: 310px;}
.jconfirm-holder .justify-content-md-center{width: 310px;}
.jconfirm .col-md-offset-4 .jconfirm-box {width: 100%;}
}
.ms-options-wrap > .ms-options > ul label {
  padding: 10px 4px 8px 25px!important;
}
#budget-filter-div .ms-options,.new_addition_div .ms-options{
  min-height: auto !important;
  max-height: 215px !important;
  z-index: 1000;
  overflow-x : hidden !important;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.card{flex: 1;}
/* .contractor_related{display: none !important;} */
.remove_div{cursor: pointer;}
.css-table .month_field {
  width: 70px;
}

.contractor_field .select2-container {
  width: 137px !important;
}
.table-condensed thead .next[style*="hidden"] {
  pointer-events: none;
}
.alert_close{margin-left: 15px;float: right;}
.alert_close img{cursor: pointer;}
/**
For Budget Upload
*/
#file_input{
  cursor: pointer;
  display:inline;
  position:fixed;
  width:150px;
  height:24px;
  padding: 20px 60px;
  opacity:0;
}
#upload_img{
  cursor:pointer;
  width:24px;
  height:24px;
  margin-right:10px;
  margin-left:-10px;
}
#file_submit{
  margin-left:5px;
}
#selected_file_cancel{
  cursor: pointer;
}
#selected_file {
  width: 350px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  float: none !important;
  display: block;
}
#selected_file_popup_content{
  width: 450px;
  left: 33.33%;
  top: 33.33%;
}
.modal-footer{
  border-top: 0px !important;
  padding-top: 0px
}
.short_msg_div{
  float: left;
  margin-top: 10px;
  background: #e9f5ff !important;
  padding: 5px 10px 5px 10px !important;
  height: auto !important;
  border: 1px solid #d9e3ea !important;
  margin-bottom: 20px !important;
  border-radius: 3px;
  clear: both;
  width: 100%; 
  min-height: auto;  
}
.selected_file_div{
  float:left;
  width: 100%;
}
#budget_details_export{
  float : right;
}
#budget_log,#budget_changes_log,#report_full_details{
  float: right;
  margin-right: 10px;
  /* background-image: url('../images/info.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  border-radius: 50%;
  width: 40px;
  height: 40px; */
}
.box{
  margin-top: 10px;
  margin-bottom: 10px;
}
#gbox_budget_details,#gbox_lapsed_details,#gbox_inline_details_table{
  background: white;
  border-radius: 5px;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
  width: 100% !important;
  /* max-height: 460px; */
  overflow: auto;
  border: 0px;
}
#gbox_inline_details_table, #gview_inline_details_table, #gview_inline_details_table .ui-jqgrid-hdiv, #gview_inline_details_table .ui-jqgrid-bdiv, #gview_inline_details_table .ui-jqgrid-sdiv {
   width: 100% !important;
}
#gbox_budget_details #gview_budget_details .ui-state-default .ui-jqgrid-hbox .ui-jqgrid-htable thead th,
#gbox_lapsed_details #gview_lapsed_details .ui-state-default .ui-jqgrid-hbox .ui-jqgrid-htable thead th,
#gbox_inline_details_table #gview_inline_details_table .ui-state-default .ui-jqgrid-hbox .ui-jqgrid-htable thead th {
  text-align: left !important;
  color: var(--is-purple);
  background: white;
  border-right: 1px solid #ececec;
  padding: 8px 8px;
}
.ui-jqgrid-ftable tbody td{
  text-overflow: ellipsis;
}
#budget_details tbody tr:first-child td,#lapsed_details tbody tr:first-child td,#inline_details_table  tbody tr:first-child td {
  padding: 0px;
}
#budget_details,#lapsed_details,#inline_details_table{
  margin-top: 14px;
}
#budget_details tbody td,#lapsed_details tbody td,#inline_details_table tbody td {
  cursor: pointer;
  border-right: 1px solid #ececec;
  font-size: 11px;
  font-family: mont-medium !important;
  border-bottom: 1px solid #ececec !important;
  padding: 8px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.ui-jqgrid-ftable{
  height: auto !important;
}
.ui-jqgrid-ftable tbody td{
  font-family: mont-semibold !important;
  
}
.ui-jqgrid .ui-jqgrid-bdiv{
  margin-top: -16px !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    background: none !important; 
    color: var(--is-black) !important;
}
.frozen-div, .frozen-bdiv{
  /* display: none; */
}
/* #inline_edit_popup{
  display: none;
  padding: 16px; 
  box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
  background-color: white;
  position: fixed;
  top : 23%;
  left :12%;
  z-index: 1;
} */
/* #inline_edit_popup #category_table td{
  border-bottom: none !important;
  border-right: none !important;
  font-size: 14px;
}
#inline_edit_popup #edit_table td{
  border-bottom: none !important;
  border-right: none !important;
  font-size: 12px;
} */
#inline_edit_popup #details_table{
  margin-bottom: 20px; 
}
#inline_edit_popup #details_table th{
  border-bottom: none !important;
  text-align: center;
  font-size: 12px;
}
#inline_edit_popup #details_table td{
  border: none !important;
  padding: 6px;
  text-align: center;
  font-size: 12px;
}
#inline_edit_popup .edit_row{
  margin-bottom: 20px;
}
.modal-title {
  float: left;
  font-family: mont-semibold;
}
.expiry_date_div{
  /* float: right; */
}
#total_budget{}
#availed_budget{color: var(--is-red)}
#available_budget{color: var(--is-green);}
#inline_edit_popup #category_div{
  float:left;
  font-size: 14px;
  /* margin:-25px 0 20px 20px; */
}
#inline_edit_popup button{
  float:right;
}
#inline_edit_popup .row ,#budget-filter-div .row{
  margin-right: 0px;
  margin-left: 0px;
}
.inline_edit_input{
  width: 100%;
  /* float: right;
  margin: 0px 20px 10px 0px; */
}
.inline_edit_input:focus{
  outline: none;
  border-color: #66afe9 !important;
}
.has_error {
  border: 1px solid red !important;
  border-radius: 3px!important;
}
/* #inline_popup_close{
  background-image: url('../images/cross.svg');
  background-repeat: no-repeat;
  border-radius: 60%;
  background-position: center;
  padding: 10px;
  width: 40px;
  height: 40px;
  background-size: 16px;
  margin-top: -3%;
  margin-right: -3%;
} */
.log_popup_close{
  /* background-image: url('../images/cross.svg');
  background-repeat: no-repeat;
  border-radius: 60%;
  background-position: center;
  padding: 10px;
  width: 40px;
  height: 40px;
  background-size: 16px;
  margin-top: -2.5%;
  margin-right: -2.5%; */
  float: right;
}
#budget_filter{
  float: right;
  margin-right: 10px;
  color: var(--is-black);
}
#budget-filter-div{
  display: none;
  margin-bottom: 15px;
  /* padding: 15px !important; */
}
.budgetSelect{
  cursor: pointer;
}
#budget_log_popup{
  /* display: none;
  position: fixed;
  width: 90%;
  height: 70%;
  left: 5%;
  top:26%;
  padding: 16px;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
  background-color: white;
  z-index: 1; */
}
.log_row{
  border: 1px solid var(--is-mild-grey);
  padding: 10px;
}
.popup-background {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--is-dark-grey); 
  opacity: 0.5;
}
#financial_filter{
  float: right;
  width: 100px;
  margin-right: 10px;
}
.ui-pg-table{height: 0% !important;}
.ui-jqgrid .ui-jqgrid-bdiv{height: auto !important;}
.modal-dialog{
  width: 80%;
}
#change_log_popup{margin-top: 150px;}
#change_log_popup .modal-content{border: none;}
#change_log_popup .log_popup_close{box-shadow: none;top: 21px;right: 2px;}
#budget_change_log_table,#budget_upload_log_table,#gbox_inline_details_table{border: 1px solid #ececec;}
#budget_changes_log_popup.modal,#budget_log_popup.modal,#inline_edit_popup.modal,#selected_file_popup.modal,#budget_validation_popup.modal,#change_log_popup.modal{background: rgba(0,0,0,0.4);}
#budget_changes_log_popup .modal-header,#budget_log_popup .modal-header,#inline_edit_popup .modal-header,#budget_validation_popup .modal-header,#change_log_popup .modal-header {border-bottom: 0px;background: #8347ad;color: white;}
#budget_changes_log_popup .modal-title,#budget_log_popup .modal-title,#inline_edit_popup .modal-title,#budget_validation_popup .modal-title,#change_log_popup .modal-title {float: none;}
#budget_changes_log_popup .modal-header .close,#budget_log_popup .modal-header .close,#inline_edit_popup .modal-header .close,#budget_validation_popup .modal-header .close,#change_log_popup .modal-header .close {margin-top: -19px;color: white;opacity: 1;}
#budget_changes_log.secondary-button,#budget_log.secondary-button,#budget_details_export.secondary-button,#budget_filter,#budget_upload_log_export.secondary-button,#budget_change_log_export.secondary-button,#set_budget_validations.secondary-button,#report_full_details.secondary-button{color: #231f20;font-family: mont-semibold;padding: 8px 15px;}
.log_popup_close.close{top: 20 !important;right: 0 !important;background: none !important;box-shadow: none !important;}
#budget_filter{padding: 8px 15px;}
#budget_filter img,#utilized_filter img{margin-left: 20px;width: 12px;}
#set_budget_validations{margin-left: 5px;}
.dataTables_scrollBody{height:450px;}
.dataTables_scrollHead {overflow: visible !important;}
table#budget_change_log_table,table#budget_upload_log_table{margin-top: 0px !important;}
#download_template {margin-left: 10px;padding: 8px 10px;}
#file_input + button{border: 1px solid #d2d2d2;border-radius: 3px;background-color: #f8f8f8;height: 34px;
width: 160px;background-image: url("../images/layer.svg");background-repeat: no-repeat;background-position: right;background-position-y: calc(100% - -8px);padding: 8px 5px;text-align: left;color: #a6a6a6;font-family: mont-medium;box-shadow: none;}
.short_msg_div #selected_file_cancel{margin-left: 30px!important;background: url("../images/close-red.svg");
  background-repeat: no-repeat;
  width: 12px;
  height: 20px;
  background-position: center;}
#download_template img{width: 13px;}
#add_new{margin: 0px;}
.new_addition_div{
  margin-top: 10px;
  box-shadow: 0px 0px 6px #dbdbdb;
  border-radius: 3px;
  padding: 15px 0px;
}
#budget_validation_popup table{
  box-shadow: 0px 1px 6px #dbdbdb;
  margin-top: 10px;
}
#budget-filter-div #budget_filter_apply, #budget-filter-div #budget_filter_cancel{float: right;margin: 20px 15px 10px 0px;}
.ms-options-wrap > button:focus, .ms-options-wrap > button,.add_revise_option {
  border-radius: 3px !important;
font-size: 11px !important;
background-color: #F8F8F8 !important;
border: 1px solid #D2D2D2 !important;
box-shadow: none !important;
padding: 6px 10px 6px 5px !important;
color: #231f20 !important;
}
.ms-options-wrap > button::after {
  content: ' ' !important;
height: 0 !important;
position: absolute !important;
top: 50% !important;
right: 5px !important;
width: 0 !important;
border: 6px solid rgba(0, 0, 0, 0) !important;
margin-top: 0px !important;
background: url('/images/dropdown-arrow.svg');
background-repeat: no-repeat;
background-size: 9px;
background-position: calc(100% - -3px) bottom;
}
.ms-options-wrap > .ms-options > .ms-search input {
  width: 96% !important;
  border: 1px solid #dbdbdb !important;
  margin: 4px !important;
  border-radius: 3px !important;
  height: 30px !important;
  background-image: url('/images/search.svg') !important;
  background-repeat: no-repeat !important;
  background-position-x: calc(100% - 5px) !important;
  background-size: 15px !important;
  background-position: calc(100% - 5px) !important;
  background-color: #f8f8f8;
}
.ms-options-wrap > .ms-options > ul, .ms-options-wrap > .ms-options > ul > li.optgroup ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.ms-options-wrap > .ms-options > ul label {
  font-family: mont-medium;
}
#inline_edit_popup .modal-body .col-md-2{padding-left: 0px!important;}
#inline_edit_popup .modal-body .col-md-2 #pre_expiry_date{font-size: 11px;}
.date {width: 100%!important;cursor: default;caret-color: transparent;}
#gbox_inline_details_table{margin-top: 20px!important;}
.tree-plus{
  background-image: url("../images/expand.svg") !important;
  background-position: 7px !important;
  background-size: 9px;
}
.tree-minus{
  background-image: url("../images/collapse.svg") !important;
  background-position: 7px !important;
  background-size: 9px;
}
.s-ico{
  display: inline-block !important;
  cursor: pointer;
}
.ui-icon-asc{
  background: url("../images/asc-sort.svg") calc(100% - 0px) 50% no-repeat !important;
  cursor: pointer;
  margin-left: 4px !important;
  margin-left: 7px !important;
  padding-left: 15px;
}
.ui-icon-desc{
  background: url("../images/dec-sort.svg") calc(100% - 0px) 50% no-repeat !important;
  cursor: pointer;
  margin-left: 7px !important;
  padding-left: 15px;
}
.ui-jqgrid-bdiv{
  max-height: 300px;
}
.ui-jqgrid-hdiv{
  position: absolute;
  z-index: 1;
}
.ui-jqgrid .tree-wrap {
   margin-right: 5px;
}
#budget_details tr td[title="level_0"] + td {position: relative;width: 100%;cursor: pointer;}
#budget_details tr td[title="level_1"] + td {position: relative;padding-left: 25px;width: 100%;cursor: pointer;}
#budget_details tr td[title="level_2"] + td {position: relative;padding-left: 42px;width: 100%;cursor: pointer;}
#budget_details tr td[title="level_3"] + td {position: relative;padding-left: 60px;width: 100%;cursor: pointer;}
#budget_details tr td[title="level_4"] + td {position: relative;padding-left: 80px;width: 100%;cursor: pointer;}
#budget_details_table_div table,#lapsed_details_table_div table,#inline_details_table_div table,#budget_change_log_table,#budget_upload_log_table{height: auto!important;}
#budget_change_log_table_wrapper table,#budget_upload_log_table_wrapper table,
#budget_change_log_table_wrapper .dataTables_scrollBody,#budget_upload_log_table_wrapper .dataTables_scrollBody{height: auto!important;}
#budget_change_log_table_wrapper table th,#budget_upload_log_table_wrapper table th,#budget_change_log_table_wrapper table td,#budget_upload_log_table_wrapper table td{padding : 8px;}
#budget_details tr td[title="level_4"] ~ td {cursor: pointer;}
.ui-state-hover{background: #efefef!important;}
#budget_details_table_div #gview_budget_details,#budget_details_table_div .ui-state-default.ui-corner-top.ui-jqgrid-hdiv,#budget_details_table_div .ui-jqgrid-bdiv,#budget_details_table_div .ui-jqgrid-sdiv.ui-corner-bottom{width: 100%!important;}
#budget_change_log_table_wrapper,#budget_upload_log_table_wrapper{clear:both;box-shadow: 0px 1px 6px #dbdbdb;}
#budget_details tr td[title="level_0"] + td span,#budget_details tr td[title="level_1"] + td span,#budget_details tr td[title="level_2"] + td span,#budget_details tr td[title="level_3"] + td span,#budget_details tr td[title="level_4"] + td span {
  margin-left: 35px;
  width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
#lapsed_details tr td[title="level_0"] + td {position: relative;width: 100%;cursor: pointer;}
#lapsed_details tr td[title="level_1"] + td {position: relative;padding-left: 25px;width: 100%;cursor: pointer;}
#lapsed_details tr td[title="level_2"] + td {position: relative;padding-left: 42px;width: 100%;cursor: pointer;}
#lapsed_details tr td[title="level_3"] + td {position: relative;padding-left: 60px;width: 100%;cursor: pointer;}
#lapsed_details tr td[title="level_4"] + td {position: relative;padding-left: 80px;width: 100%;cursor: pointer;}
#lapsed_details tr td[title="level_4"] ~ td {cursor: pointer;}
#lapsed_details_table_div #gview_lapsed_details,#lapsed_details_table_div .ui-state-default.ui-corner-top.ui-jqgrid-hdiv,#lapsed_details_table_div .ui-jqgrid-bdiv,#lapsed_details_table_div .ui-jqgrid-sdiv.ui-corner-bottom,#gview_budget_details .ui-jqgrid-sdiv{width: 100%!important;}
#lapsed_details tr td[title="level_0"] + td span,#lapsed_details tr td[title="level_1"] + td span,#lapsed_details tr td[title="level_2"] + td span,#lapsed_details tr td[title="level_3"] + td span,#lapsed_details tr td[title="level_4"] + td span {
  margin-left: 35px;
  width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.ui-jqgrid-sdiv{
  width: 100% !important;
}
.tree-wrap {position: absolute;width: 100%;}
.tree-wrap .treeclick {width: 100%!important;}
.textalignright { text-align:right !important; }
.ms-selectall {
  text-transform: lowercase;
}
.ms-selectall:first-letter {
  text-transform: uppercase;
}
.ui-jqgrid .s-ico {width: 1.5em!important;}
.s-ico {background: url("../images/sort.svg") calc(100% - 0px) no-repeat!important;padding-left: 0px!important;margin-left: 7px !important;margin-bottom: 3px !important;}
.ui-jqgrid .s-ico > .ui-icon-asc.ui-icon {top: -2px!important;}
.ui-icon-asc {margin-left: 0px !important;padding-left: 0px!important;}
.ui-jqgrid .s-ico > .ui-icon-desc.ui-icon {top: -18px!important;}
.ui-icon-desc {margin-left: 1px !important;padding-left: 0px!important;}
.ui-jqgrid .s-ico > .ui-grid-ico-sort.ui-icon {width: 16px!important;}
#gview_inline_details_table .ui-jqgrid-htable thead .s-ico {
  display: none !important;
}
.ui-jqgrid tr.footrow td{padding: 8px!important;font-family: mont-bold !important;font-weight: 500!important;}
.add_revise_option{
  width: 49px !important;
  margin-right: 5px !important;
  height: 34px;
  font-family: mont-medium !important;
  float: left;
}
#budget_changes_log_popup .modal-body, #budget_validation_popup .modal-body {
  max-height: 500px;
  /* overflow-y: scroll; */
}
#change_log_popup .modal-body{max-height: 400px; overflow: auto;}
#change_logs{float: right;margin-top: 9px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border-bottom: 1px solid #f2f2f2 !important;}
#budget_details tr td[aria-describedby="budget_details_isLeaf"][title="true"] ~ td:not(#budget_details tr td[aria-describedby="budget_details_isLeaf"][title="true"] ~ td:last-child, #budget_details tr td[aria-describedby="budget_details_isLeaf"][title="true"] ~ td:nth-last-child(2)), 
#lapsed_details tr td[aria-describedby="lapsed_details_isLeaf"][title="true"] ~ td:not(#lapsed_details tr td[aria-describedby="lapsed_details_isLeaf"][title="true"] ~ td:last-child, #lapsed_details tr td[aria-describedby="lapsed_details_isLeaf"][title="true"] ~ td:nth-last-child(2)) {color: #2e4496;}
#lapsed_details tr td[title="level_1"] ~ td,#budget_details tr td[title="level_1"] ~ td{background: #faf3ff !important;}
#lapsed_details tr td[title="level_1"] ~ td:not(#lapsed_details tr td[title="level_1"] + td,#lapsed_details tr td[title="level_1"] ~ td:last-child,#lapsed_details tr td[title="level_1"] ~ td:nth-last-child(2)),#budget_details tr td[title="level_1"] ~ td:not(#budget_details tr td[title="level_1"] + td,#budget_details tr td[title="level_1"] ~ td:last-child,#budget_details tr td[title="level_1"] ~ td:nth-last-child(2)){color:#2e4496!important;}
/* .tooltipster-base{top: 375.967px!important;} */
.tooltipster-fade.tooltipster-show{height: auto!important;}
.tooltipster-sidetip .tooltipster-content {
 background: #F7EBFB !important;
 padding: 0px !important;
 border-radius: 4px;
}
.tooltipster-sidetip .tooltipster-content table th{padding: 8px!important;border-bottom: 1px solid #e4d2ea !important;}
.tooltipster-sidetip .tooltipster-content table td{border-right: 1px solid #e4d2ea !important;border-bottom:0px !important;padding: 8px; }
.tooltipster-sidetip .tooltipster-content table td:last-child{border-right: 0px!important;}
.tooltipster-sidetip .tooltipster-content table td a{font-family: mont-bold!important;}
.tooltipster-sidetip .tooltipster-box {border: 1px solid #e4d2ea !important;background: #f7ebfb!important;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {border-bottom-color: #e4d2ea !important;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{top: -1px !important;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
 border-bottom-color: #f7ebfb !important;
 top: 2px !important;
}
#budget_upload_log_table{margin-top:-2px;}
#budget_change_log_table thead th,#budget_upload_log_table thead th {border-bottom: 0px !important;}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
   border-bottom: 0px !important;
}
/* #budget_search{
  float: right;
  width: 185px;
  margin-right: 8px;
} */
#file_upload_comments{
  /* display: none; */
  /* width: 200px; */
  height: 100px;
}
#budget_upload_log_table tbody tr .download_uploaded_file{
  color: var(--is-blue);
  cursor: pointer;
}

/**
purchase order related css
**/

.cc_field{
  display: flex !important;height: 100% !important;
  align-items: center !important;
}
.bill-row-error{
  margin-left: 6px;
  float: left;
  margin-right: 6px;
}
.table-bill-row-error{
  background-color:#FFF0F3;
}
.row-error-field-highlight{
  display: flex !important;height: 100% !important;
  align-items: center !important;
  border-left: solid 4px #E83C61;
 /*background: url(../images/row_error.svg) left no-repeat;*/

}
.row-error-budget-highlight{
  background-color:#FFF0F3 !important;
  border-left:solid 5px #E83C61;
}
.bill_detail{
  /*border-left: none;*/
}
.budget_validation_error{
  background-color: rgb(255, 240, 243) !important;
}
.budget_validation_error:not(.cost_code_row){
  border-left: solid 4px #E83C61 !important;
}
.pay_po_value{
  font-weight: bold;
  color: #2E4496;
}
td.month_field{
  display: flex !important;
align-items: center;
width: 100% !important;
height: 100%;
}
.view_table td.month_field{
  display: table-cell !important;
width: 8% !important;
}
.bill_add{
cursor: pointer;
}
/**
po css end
*/


/* #budget_change_log_table_wrapper{
  height: 450px;
overflow: auto;
}
#budget_change_log_table{
  height: 450px;
overflow-x: auto;
margin-top: 0px !important;
} */
.tree-leaf{
  display: none !important;
}
#utilized_budget_payment_report{
  margin-top: 0px;
}
#utilized_budget_payment_report_wrapper{
  margin-top: 15px;
  box-shadow: 0px 1px 6px #dbdbdb;
}
#utilized_filter{
  float: right;
  color: var(--is-black);
  padding: 8px 15px;
}
.tooltip{ position: fixed !important; }

.tooltip > .tooltip-inner {
  color: #231F20;
  background-color: #FFEAAC;
  font-family: mont-medium;
}

.tooltip-inner {
  max-width: 380px !important;
  color: #231F20;
  background-color: #FFEAAC;
  padding: 5px 10px;
  text-align: left;
  font-weight: lighter;
  font-size: 11px;
  /* font-family: 'Montserrat-Medium'; */
  opacity: 1;
  line-height: 20px;
  letter-spacing: 0.4px;
  border-radius: 5px;
  z-index: 9999999 !important;
 }

 .tooltip.in {
  opacity: 1 !important;
  z-index: 999999 !important;
 }

 .tooltip.right .tooltip-arrow, .tooltip.left .tooltip-arrow {
  border-right-color: #FFEAAC !important;
  border-left-color: #FFEAAC !important;
  z-index: 999999;
}
.tooltip.top .tooltip-arrow,.tooltip.bottom .tooltip-arrow {
  border-top-color: #FFEAAC !important;
  border-bottom-color: #FFEAAC !important;
}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr{
  border-bottom: 0px !important;
}
.ui-jqgrid tr.footrow td {
  border-top-width: 0px!important;}

#budget_change_log_table_wrapper table th, #budget_upload_log_table_wrapper table th{border-bottom:0px!important;}
.alert-info-grid {
  font-family: mont-medium;
  padding: 8px;
}
.table-section #budget-filter-div .col-md-2 {
  width: 19.9997%;
}
#budget-filter-div .ms-options-wrap button,.new_addition_div .ms-options-wrap button{
  height: 34px;
  margin-top: 0px;
  color: #757575 !important;
}
.budget-card{
  /* margin-top: 130px; */
  flex: 1;
}
.budget-card h3{
  margin-top: 10px;
  margin-left: 0px !important;
  font-size: 12px;
  font-family: mont-semibold;
  float: left;
}
.budget-card .table-section h3 {
  margin-left: -30px!important;
}
.budget-card .tab-content h3 {
  margin-left: -15px!important;
}
::-webkit-scrollbar
{
    width: 5px;   /*for vertical scrollbars*/ 
    height: 5px;  /*for horizontal scrollbars*/ 
}
::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 3px;
}
::-webkit-scrollbar-track {background-color: #f1f1f1;}
#save_new_addition{
  margin-top: 20px;
}
.remove_budget_validation_row{
  cursor: pointer;
}
#budget_validation_popup .modal-body #add_new_label{
  margin: 10px;
  font-family: mont-semibold;
  font-size: 12px;
}

/* 
css for travel and domestic reimbursement 
added by barath on 01-Jun-2023
*/
.travel_value_row{
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ECECEC;
border-radius: 5px;
opacity: 1;
padding:10px;
margin:10px;

}


#travel_requets_detail_view .travel-indication{
  font-family:  mont-medium;
  font-size: 11px;
  letter-spacing: 0.42px;
  border-radius: 1px;
  opacity: 1;
  color:#ffffff;
  padding: 2px;
}

#travel_requets_detail_view .modal-international{
  background: #89C766 0% 0% no-repeat padding-box;
  padding: 2px 5px;
  font-size: 9px;
border-radius: 2px;
font-style: italic;
}

#travel_requets_detail_view .modal-domestic{
  background: #F7B219 0% 0% no-repeat padding-box;
  padding: 2px 10px;
  font-size: 9px;
border-radius: 2px;
font-style: italic;
}

#travel_requets_detail_view .modal-dialog{
  max-width: 800px;
  min-height: auto;
  height: auto;
  max-height: 450px;
}

#travel_requets_detail_view .popup-traveldate{

margin: 2px 0 5px;
}
#travel_requets_detail_view .modal-header{
  border-bottom: none;
  position: relative;
z-index: 1;
box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}

#travel_requets_detail_view .modal-content{
  /*height: 600px;
  overflow-x: auto;
  overflow-y: auto;*/
}

#travel_requets_detail_view .modal-body{
  height: auto;
  max-height: 450px;
overflow-x: auto;
overflow-y: auto;
}

/* due to 5 columns in a row width has been equally splited*/
#travel_requets_detail_view h4{
  font-size: 14px !important;
}

#travel_requets_detail_view .travel_id_link{
  padding-right: 10px;
  color: var(--is-blue);
}
#travel_requets_detail_view .travel_country_p{
  padding-left: 0px!important;
}

/* #travel_requets_detail_view p{
  margin: 0px !important;
} */


.travel_value_row:hover {
  background: #f8f8f8;
cursor: pointer;
}

.domestic-proof-details{
  padding:0px !important;
}

#loadingDiv{
  margin: auto;
  width: 50%;
  position:absolute;
  z-index: 1000;
}

/*end of domestic changes in css*/


.fin_year_select{
  width: 100px;
float: right;
margin: 22px 8px 10px;
}
textarea.form-control{
  resize: none;
}
.btn.primary-button:hover, .jconfirm-buttons .primary-button:focus {
  color: white;
}
.requestdetail,.processdetails,.paymentdetail,.historydetails,.approvaldetails{
  flex: 1!important;
}
.mgb-40{
  margin-bottom: 40px !important;
}
.back_btn_css{
  float: left;
  display: block;
  margin-bottom: 60px !important;
}
.select2-selection:focus,.select2-selection:active {
  outline: 1px solid #66afe9;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
  background-color: #f8f8f8;
}
.tooltip{ position: fixed !important; border:0px!important;}
.tooltip-inner {
    color: #231F20;
    font-size: 11px;
    border-bottom-color: #FFE8A4;
    font-weight: 300 !important;
    font-family: mont-semibold !important;
  
}
.tooltip.top .tooltip-arrow {
    border-top-color: #FFEAAC !important;
}

.tooltip-inner {
    background-color: #FFE8A4;
    border-bottom-color: #FFE8A4;
    border-left-color: #FFE8A4;
    border-top-color: #FFE8A4;
    border-right-color: #FFE8A4 !important;
    border-color: #FFE8A4;
    color: #231F20;
  background-color: #FFEAAC;
  font-family: mont-medium;
  border: 0px!important;
    
}
.flow_involved_div{padding: 6px;}
.flow_involved_div .flow_heading{
  color: black;
  font-size: 11px;
  margin-right: 10px;
}
.flow_involved_div .not_completed{
  color: black;
  padding: 3px 5px;
  margin: 5px;
  border-radius: 3px;
  opacity: 0.5;
  display: inline-block;
}
.flow_involved_div .completed {
  padding: 5px 12px;
  margin: 5px;
  border-radius: 3px;
  display: inline-block;
  color:var(--is-black);
  box-shadow: 0px 3px 6px rgba(0,0,0,0.2);

}
.flow_involved_div .completed img {
  margin-left: 10px;
  vertical-align: middle;
}
.flow_involved_div .flow_comma{color: black;margin-left: -5px;}
.flow_involved_div .completed.merged_flow,.flow_involved_div .not_completed.merged_flow{
  margin-left: 0px !important;
}
#rule_view_action{cursor: pointer;}
.flow_involved_div .rule_display{
  color: black;
  font-weight: bold;
}
.flow_involved_div .col-md-12{padding: 5px;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{
  border-right-color: #F7EBFB !important;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{
  border-right-color: #D9D1DB !important;
}
.uploaded_file_view.revised_not_reviewed{
  border-left: 5px solid #ffcc00 !important;
  background: #fff5ce !important;
}
.uploaded_file_view.revised_reviewed{
  border-left: 5px solid #89c766 !important;
  background: #e1fdd1 !important;
}
.uploaded_file_view.revised_rejected{
  border-left: 5px solid var(--is-red) !important;
  background: #FFD3DC !important;
}
.view_revised_file_status{
  margin-top: 3px !important;
  float: right !important;
  cursor: pointer;
}
.revised_action{
  text-align: right;
}
.revised_action button{
  margin-left: 10px;
}

.system-message.error {
  background-color: #FBD8DF;
  border-left: 5px solid var(--is-red);
}
.system-message {
  margin: 15px 0px !important;
  display: block;
  height: auto;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 1px 3px #dbdbdb;
  border-radius: 3px;
  opacity: 1;
  padding: 0px !important;
}
.system-message img {
  display: inline-block;
  position: absolute;
  margin: 15px 23px;
  width: 30px;
}
.system-message span {
  background-color: white !important;
  margin: 0px 0px 0px 40px !important;
  padding: 10px 20px 20px 30px !important;
  display: block;
  color: var(--is-black) !important;
  font-size: 11px;
  letter-spacing: 0.3px;
  border: none !important;
}
.system-message p {
  background-color: white;
  margin: 0px 0px 0px 40px;
  padding: 20px 20px 10px 30px;
  color: var(--is-black);
  font-size: 12px;
  text-shadow: none;
}
.month_field select{
  width: 75px;
}
.processdetails .col-md-10 .fin_year_select {margin: 22px 0px 10px 8px;}
#po_bill_checklist{
  width: 15px;
height: 15px;
float: right;
margin-right: 10px;
margin-top: 3px;
}
.revised_inv_div textarea{
  width: 100%;
height: 60px;
margin-top: 5px;
}
.revised_inv_div span{
  font-family: mont-medium !important;
width: 100%;
display: inline-block;
margin-top: 5px;
}
#po_bill_selection_div .jconfirm .jconfirm-holder,#po_bill_selection_div .jconfirm-holder .container,
#po_bill_selection_div .jconfirm-holder .justify-content-md-center{
  width: 1080px;
}
.paginate_button.next:hover, .paginate_button.previous:hover, .paginate_button.first:hover, .paginate_button.last:hover {
  padding: 0.9em 1em !important;
}
/* added on 28 mar */
.paymentdetail .row, .tooltipster-base .row, .po_bill_selection_div .row {
  margin-left: 0px;
  margin-right: 0px;
}
.paymentdetail ~ .row {
  margin-left: 0px;
  margin-right: 0px;
} 
.related_request_show_div {
	width: 40%;
	float: right;
	font-weight: bold;
}
.related_request_action,.depend_request_view_id {
  color: var(--is-blue);
  font-weight: bold;
  cursor: pointer;
}
.top_card{
  flex: 1!important;
}
.jconfirm-title-c {
  font-size: 14px !important;
  font-family: mont-semibold !important;
  color: var(--is-purple);
  text-align: center !important;
}
/* File disabled css */
.file-disabled{
  background-color: #e3e3e3 !important;
  cursor: not-allowed;
}
.file-disabled .ajax-file-upload form input{
  cursor: not-allowed;
}
/* File disabled css ends */
.paginate_button.next, .paginate_button.previous, .paginate_button.first, .paginate_button.last {
  padding: 0.9em 1em !important;
}
.navbar-fixed-bottom, .navbar-fixed-top {
  position: sticky !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 31px !important;
}

/* added by barath on 14 jun 2024 */
.paymentdetail,.approval_matrix_div{
  margin-top: -170px !important;
}
.rim_approval_matrix_div{
  margin-top: 0px !important;
}
.rim_new_rule .row{
  margin-left: 0px;
  margin-right: 0px;
}
.system-message {margin: 15px 0px !important;display: block;height: auto;position: relative;overflow: hidden;box-shadow: 0px 1px 3px #dbdbdb;border-radius: 3px;opacity: 1;padding: 0px !important;}
.system-message.approved{background-color: #D9F1F1;border-left: 5px solid var(--is-green);}
.system-message img{display: inline-block;position: absolute;margin: 15px 23px;width: 30px;}
.system-message p{background-color: white;margin: 0px 0px 0px 40px;padding: 20px 20px 10px 30px;color: var(--is-black);font-size: 12px;text-shadow: none;}
.system-message span{background-color: white!important;margin: 0px 0px 0px 40px !important;padding: 10px 20px 20px 30px !important;display: block;color: var(--is-black) !important;font-size: 11px;letter-spacing: 0.3px;border: none !important;}
.dropdown-item {
  color: black;
  display: block;
  font-size: 11px;
  padding: 5px;
  margin-left: 5px !important;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}
.import_related #bulk_import,.import_related .dropdown{
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}
#po_selection_div{max-height:400px !important}
.bill_container.scrollable_div{
  overflow-x: scroll !important;
}
.bill_container.scrollable_div table{
  width:120% !important;
}
.padding-container-fluid{
  padding: 0px 15px;
}

/* .currency_value_combo .select2-container:not(.flex_wrap .currency_value_combo .select2-container){width: 41%!important;}
.currency_value_combo .calculation_amt:not(.flex_wrap .currency_value_combo .calculation_amt){margin-left: 18px;width: 45%!important;}
.currency_value_combo + .deletion_fields{float: right;padding-right: 0px;margin-top: -35px;}
.currency_value_combo + .deletion_fields img{float:right;}
.currency_value_combo .total_currency:not(.flex_wrap .currency_value_combo .total_currency){margin-left: 18px;width: 45%!important;}
.currency_value_combo .total_currency_aft_conv:not(.flex_wrap .currency_value_combo .total_currency_aft_conv){margin-left: 18px;width: 45%!important;}
.currency_value_combo .total_amount_aft_conv:not(.flex_wrap .currency_value_combo .total_amount_aft_conv){margin-left: 18px;width: 45%!important;} */
#invoice_split_import .ajax-file-upload-error {
	float: left;
	margin-top: 17px;
	/* display: inline; */
	margin-left: 0px !important;
}
#bulk_import_view .modal-header{
  display:flex;
  }
#bulk_import_view .modal-title{
    font-size: 14px;
  }
  #bulk_import_view .modal-header .close {
    margin-top: -2px;
    float: right;
    position: absolute;
    float: right;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    color: black;
    opacity: 1;
  }
  #bulk_import_view .button-payment{
    margin-top: 10px;
  }
.import_related #bulk_import{
  
  margin-top: 10px;
  margin-right: 10px;
  background: var(--is-main-button);
  color: white;
}
#bulk_import_action{
  margin-top:15px;
}

/* for rrs guideline */
#reim_guidelines_modal .modal-header {
  border-bottom: 0px;
  background: var(--is-purple);
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#reim_guidelines_modal .modal-title {
  color: white;
  text-align: center;
  font-size: 12px;
  float: none!important;
  display: inline;
}
#reim_guidelines_modal .modal-dialog {
  width: 800px;
}
#reim_guidelines_modal .modal-header .close {
  color: white;
  opacity: 1;
}
#reim_guidelines_modal .modal-content{
  border: none !important;
}

#reim_guidelines_modal h5{
  color: var(--is-purple) !important;
  cursor: pointer;
  font-family: mont-semibold;
  font-size: 12px !important;
  font-weight: 100!important;
}
#reim_guidelines_modal hr{
  display: block !important;
}
#reim_guidelines_id{
  float: right;
  margin: 9px 0px 0px 15px;
}
.guidelines_div{
  padding: 0px 15px;
}
.international-travel,.domestic-travel,#other_reim,#cc_reim{
  background: #f4f4f4;
  padding: 10px 27px;
  border-radius: 10px;
}
.international-travel ul,.domestic-travel ul{
  margin-left: 10px;
}
.international-travel h6,.domestic-travel h6{
  font-family: mont-bold;
}
.import_template_div{
  background: #F7E4FF !important;
  padding: 1px 10px 7px 10px !important;
  height: auto !important;
  border: 1px solid #d9e3ea !important;
  margin-bottom: 5px !important;
  border-radius: 3px;
  width: 100%;
}
.import_template_div a{
  color: var(--is-blue) !important
}
#bulk_import_view .ajax-file-upload-statusbar{
  width: 100% !important;
  padding: 7px 10px 10px 8px !important;
  height: 34px !important;
}
#bulk_import_view .ajax-file-upload-container{
  margin-top: 0px !important;
}
#bulk_import_view .ajax-file-upload-error{
  max-width: 100%;
  word-break: break-all;
  display: inline-grid;
}
#invoice_split_import{
  width:100%;
}
#bulk_import_view .card-content{
  box-shadow: none;
}
#bulk_import_view .modal-body{padding: 2px;}
#bulk_import_view table,#bulk_import_view table thead th{border:1px solid #ececec !important}
/* Travel visa details popup */
#dependent_request_list_table_wrapper table,#dependent_request_list_table_wrapper table thead th{border:1px solid #ececec !important}
#dependent_request_list_table_wrapper table {
  min-height: auto;
  height: auto;
  max-height: 450px;
}
.navbar .container-fluid,
.paymentdetail .container-fluid,
#approval_details .container-fluid,
.approval_matrix_div .container-fluid
{
  padding:0px 30px;
}
#depended_request_view tr,#depended_request_view tr td,#depended_request_view tr th
{
  border: 1px solid #e4d2ea;
} 
.navbar .menu_link .container-fluid{
  padding: 0px 15px !important;
}

#utilized_budget_payment_report tfoot tr td{
padding: 8px 16px!important;
}
.budget_report_row{
  margin-bottom: 15px;
}

.tax_excl_div .slider.round{
  background-color: #cac1c1;
}
.tax_excl_div label.gst_label{
  float:none !important;
}