@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;
	--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%, #8C42AD 100%);
	--is-main-button-hover: linear-gradient(180deg, #2E4496 0%, #62197C 100%);
	--is-primary-button: linear-gradient(180deg, #8C42AD99 0%, #8347AD 100%);
	--is-primary-button-hover: linear-gradient(180deg, #E9AAFF 0%, #8D599F 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;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;}
.btn-group input.secondary-button:nth-child(2){margin: 0px 15px;}
.btn-group input.primary-button{padding-left: 30px!important;border-radius: 5px !important;border: 0px;}
.secondary-button:hover, .secondary-button:focus{background: var(--is-light-grey);}

body{
	color: var(--is-black)!important;
	font-family: mont-medium;
	font-size: 11px;
	letter-spacing: 0.4px;
  
}
.body-container{
  margin-top: 145px;
}

body{
  overflow-x: hidden !important;
  color: #6c6c6c;
}
.navbar .container-fluid{
padding:0px 30px;
}
.navbar .menu_link .container-fluid{padding: 0px 15px;}
.navbar.navbar-inverse.navbar-fixed-top.wow
{
  background-color:#fff !important;
  border:transparent;
  box-shadow: 1px 1px 18px var(--is-medium-grey-rgba);
  /* z-index: 9999; */
}
.navbar.navbar-inverse.navbar-fixed-top.wow.animated.fadeInDown.nav-effect
{
  background-image: none;
}
.desktop-logo{display: block;}
.mobile-logo{display: none;}
#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;
}
.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 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;
}/*add*/



.menu_link:nth-child(2) #myNavbar ul li a {
font-size: 12px!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;
}
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;}
.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);}


input[type="number"] {
    -moz-appearance:textfield !important;
}

/*covid - vaccine button submit 11-03-2021*/

.covid_submit{
  width:15%;
}

.error
{
  border:1px solid red;
}

#loadingDiv
{
    background: #e9e9e9;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    height: 100%;
    z-index: 1000;
}
#loadingImg
{
    left: 45%;
    top: 40% !important;
    position: fixed;
    width: 90px;
}
/*.dropdown-menu{
  border-radius:20px;width: 180px;position: unset; float: right;}
.dropdown-menu > li > a, .dropdown-menu > li > a:hover{
  color: #AAAEB3;font-family: montserrat-bold; font-size: 13px;}
.btn-group.open .dropdown-toggle {
  box-shadow: none;}*/


@font-face{font-family:raleway-medium;src:url(../font/Raleway-Medium.ttf);}  
@font-face{font-family:raleway-reg;src:url(../font/Raleway-Regular.ttf);} 
@font-face{font-family:raleway-semibold;src:url(../font/Raleway-SemiBold.ttf);} 
@font-face{font-family:lato-bold;src:url(../font/Lato-Bold.ttf);} 
@font-face{font-family:montserrat-bold;src:url(../font/Montserrat-Bold.ttf);} 
@font-face{font-family:lato-regular;src:url(../font/Lato-Regular.ttf);} 
@font-face{font-family:montserrat-medium;src:url(../font/Montserrat-Medium.ttf);} 
input:focus, textarea:focus, .btn:focus {
  outline: 0px; }
.btn{
  cursor: pointer; }

/*individual css*/
.card-header h1{
  font-size: 24px;
  font-family: raleway-medium;
  color: #333333;  }
.travel, .other,.corp {
  width: 15%;  }
.btn_travel, .btn_other, .btn_corp,.btn_travel:hover, .btn_other:hover, .btn_corp:hover{
  background-image: var(--is-main-button);
  font-family: mont-semibold;
  font-size: 9px;
  letter-spacing:1px; 
  color: #E4E4E4 !important;
  border-radius: 5px;
  margin:30px 0px 10px 0px; 
  box-shadow: 0px 4px 6px #c9c9c9;
  border:0px solid transparent;
  }
/*date picker aligmnet*/
  .datepicker_input,.add_datepicker
  {
    width:110px !important;
  }
  .datepicker_input,.add_datepicker,.hasDatepicker {
    background-image: url('/images/calendar-full.png');
    background-repeat: no-repeat;
    background-position: 96% center;
    min-height: 27px;
}
.reim .add{
  border-bottom: 1px solid #eeeeee;
}
/*sorting*/
.mag_sort .dropdown-menu{border-radius: 8px;left: 180px;}
.approval-sort .dropdown-menu{border-radius: 25px;left: 226px;}
.filter-section .dropdown-menu{border-radius: 25px;left: 218px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
{
  background-color: transparent;
  outline: none !important;
  background-image: none; 
}
/*sorting*/
.mag_sort{
  width: 38%;
  float: right;
}
.sort_icon, .magnifier, .download, .filter{
  float: right; cursor: pointer;}
.sort_icon{
  margin: 30px 20px 10px 0px;
  width: 5%; }
.magnifier{
  margin: 30px 0px 10px;
  width: 4%;}
.download{
  margin: 30px 15px 10px;
  width: 5%;}
.filter{
  margin: 30px 0px 10px;
  width: 5%; }
.btn_travel:hover, .btn_other:hover, .btn_corp:hover{
  color: #E4E4E4;}
.req_table{
  margin-top: 20px;   }
/* .table > thead > tr > th{
  border-top:1px solid #C6CCCF!important;
  border-bottom:1px solid #C6CCCF;
  border-left:none;
  border-right:none;
  height: 50px;  
  color: #8347AD;
  font-weight: 400;
  letter-spacing: 0.4px;
  font-size: 11px;
  vertical-align: middle;
  font-family: mont-semibold; outline: 0px;}
.table > tbody > tr > td  {
  color: #231f20;
font-size: 11px;
height: auto;
vertical-align: middle;
line-height: 20px;
font-family: montserrat-medium;
letter-spacing: 0.4px; } */
.req_table .table_project{
  width: 36%;}
.req_table .table_type{
   width:14%;  } 
.req_table .table_expen{
  width: 12%; }
.req_table .table_status, .req_table .table_action{
  width:19%; }
.req_table .table_project, .req_table .table_prodata{
  padding-left: 30px;}
.table_prodata,.table_project
{max-width:219px !important;width:219px !important;}
.req_table .table_amount, .approve_chtable .table_amount, .app_tochtable .table_amount, 
.history_all .table_amount, .history_accepted .table_amount, .history_pending .table_amount, .history_rejected .table_amount,
.travel_request1 .table_amount,.table_amount{
  text-align: right;padding-right: 30px;}
  .approve_chtable thead,#request_view_table thead,.history_accepted thead,.history_all thead,.history_pending thead,.history_rejected thead{ cursor: pointer; }
.req_table table tbody tr, .approve_chtable tbody tr, .app_tochtable tbody tr,
.history_all tbody tr, .history_accepted tbody tr, .history_pending tbody tr, .history_rejected tbody tr {
  height: auto;
  border-bottom: 1px solid #e4e4e4;  }
.btn_tablesend{
  color:#672180;
  font-size: 10px;
  border-radius: 50px;
  border:1px solid #672180;
  background-color: transparent;
  width: 100px;
  height: 25px;
  padding-top: 5px;}
.dot {
  height: 9px;
  width: 9px;  
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px; }
.table_draft{
  background-color: #bbb;}
.table_review{
  background-color: #299AD1;}
.table_reviewed{
  background-color: #EC971F;}

@media (min-width: 992px) and (max-width: 1199px){
  .card-header h1{
    font-size: 18px;}
  .travel, .other, .corp{
    width: 17%; }
  .mag_sort{
    width: 30%;}
  .sort_icon{
    width: 8%;}
  .magnifier{
    width: 7%;}
  .history_filterdata .filter-menu{
    height: 60px;  }
  .history_filterdata .from-date input, .to-date input{
    width: 100px;  }
}
.status_image
{
padding-right:5px;
}

/*approval page*/

.card .nav-tabs > li.active > a,.card .nav-tabs > li.active > a:focus,.card .nav-tabs > li.active > a:hover{
  border-bottom: 4px solid var(--is-purple)!important; 
  border:none;
   padding-bottom:20px;
  color: var(--is-black); }
.card .nav-tabs{
  border:none;
  font-size: 13px;
  font-family:mont-semibold; 
  }
.card .nav-tabs > li > a{
  color: #AAAEB3; }
.card .nav-tabs > li > a:hover,.card .nav-tabs > li > a:focus{
  background-color: transparent;
  border:1px solid #ffffff;
   outline: none !important; 
}
.table_waitapp{
  background-color: #672180;}
.table_approve{
  background-color:#299AD1; }
.table_reject{
  background-color:#dc403c; }
.btn_tablereject,.btn_tableapprove{  
  font-size: 11px;
  border-radius: 5px;
  width: 80px; 
  height: 27px;
  text-align: center;font-family: mont-semibold; }
.btn_tablereject{
  color: var(--is-purple)!important;
border: 0px !important;
background-color: transparent;
margin-right: 10px;
box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
font-family: mont-semibold;
font-size: 11px;}
.btn_tableapprove{
  background-image: var(--is-primary-button);
  border: 0px;
  color: #fff; border: none !important;}
.btn_tableapprove:hover{
  color:#fff!important;
  }
.approve_chtable .table_employee, .app_tochtable .table_employee{
  width: 20%;}
.approve_chtable .table_project, .app_tochtable .table_project{
  width: 25%;}
.approve_chtable .table_type, .app_tochtable .table_type{
  width: 8%;}
.approve_chtable .table_expen, .app_tochtable .table_expen{
  width: 12%;}
.approve_chtable .table_status, .app_tochtable .table_status{
  width: 15%;}
.approve_chtable .table_action, .app_tochtable .table_action{
  width: 20%;}
.approve_chtable .table_employee, .approve_chtable .table_emdata, .app_tochtable .table_employee, .app_tochtable .table_emdata{
  padding-left: 30px;}
.app_tochtable, .history_all, .history_accepted, .history_pending, .history_rejected{
  margin-top: -20px;}
/*history page*/
.history_all .table_employee, .history_accepted .table_employee, .history_pending .table_employee, .history_rejected .table_employee,
.history_all .table_emdata, .history_accepted .table_emdata, .history_pending .table_emdata, .history_rejected .table_emdata{
  padding-left: 30px;}
.history_all .table_employee, .history_accepted .table_employee, .history_pending .table_employee, .history_rejected .table_employee{
  width: 20%;}
.history_all .table_project, .history_accepted .table_project, .history_pending .table_project, .history_rejected .table_project {
  width: 25%;}
.history_all .table_type, .history_accepted .table_type, .history_pending .table_type, .history_rejected .table_type{
  width: 8%;}
.history_all .table_expen, .history_accepted .table_expen, .history_pending .table_expen, .history_rejected .table_expen{
  width: 12%;}
.history_all .table_status, .history_accepted .table_status, .history_pending .table_status, .history_rejected .table_status{
  width: 15%;}
.history_all .table_approver, .history_accepted .table_approver, .history_pending .table_approver, .history_rejected .table_approver{
  width: 20%;}
.history_filterdata{
  margin-top: 10px;
  margin-bottom: 20px; }
.history_filterdata .filter-menu{
  border:1px solid #c5c5c5;
  border-radius: 40px;
  width: 100%;
  height: 50px;
  padding:0px 20px; 
  display: inline-flex;  }
.history_filterdata .dropdown-menu{
  position: absolute;   }
.history_filterdata  .filter-menu>a>.fil{
  margin: 13px 10px;
  cursor: pointer;   }
.history_filterdata  .from-date,.to-date{
  border-left: 1px solid #c5c5c5;
  display: inline-flex;
  padding: 0px 10px 0px 10px;   }
.history_filterdata  .from-date input,.to-date input{
  width: 140px;
  border: 0px;   }
.history_filterdata  .cal-fill{
  width: 20px;   }
.history_filterdata  .drop-fil {
  display: inline-flex;  
  border-left:1px solid #c5c5c5;
   }
.history_filterdata .drop-fil .btn{
  font-size: 11px!important; }
.drop-fil .dropdown{
  width: 157px;}
.history_filterdata  .drop-fil .dropdown>.btn-primary{
  background: #fff;
  color: #c1c1c1;
  border:0px;
  border-left: 1px solid #c5c5c5;
  border-radius: 0px;
  padding: 14px 8px;   }
.history_filterdata  .reset-filter{
  border-left: 1px solid #c5c5c5;   }
.history_filterdata  .reset-filter .btn{
  background: #fff;
   width: 107px;
  color: #c5c5c5;
  padding-top: 0;   }


.mar-0{
  margin: 0px !important; }
.card h1{
  font-family: mont-semibold;
  color: var(--is-purple)!important;
  font-size: 14px;
  margin-top: 35px;margin-bottom: 10px; letter-spacing: 0px;}
.card .sub_head + p{font-family: montserrat-medium!important;}
.card{
  margin-top: 150px; }
.card-content{
  box-shadow: 0px 5px 20px #bdbdbd;
  background:#fff;
  margin-bottom: 50px;
  position: relative; }
.card-content .container1 {
  width: 1048px;
  padding: 0px 0px 20px 0px;
  margin-left: auto;
  margin-right: auto; }
.card-content .container2 {
  width:1000px;
  padding: 0px 0px 5px 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px; }
.card-content .container {
  width:1000px;
  padding: 50px 0px 5px 0px; }
.reim p{
  color: #151515 !important;
  font-size: 11px;
  font-family: mont-semibold;
  letter-spacing: 0.4px;}
.reim input, .reim select, .reim textarea{
  border-radius: 3px;
  border:1px solid #d2d2d2;
  height: 34px;
  font-family: montserrat-medium;
  width: 182px;
  font-size: 11px;
  -moz-appearance: none;
  -webkit-appearance:none;
  padding-left: 5px; }
.reim select {
  background: url("/images/chevron-down1.png");
  background-size: 12px;
  background-position-x: calc(100% - 10px);
  background-position-y: calc(100% - 10px);
  background-repeat: no-repeat; }
.reim input:focus,.reim select:focus,.reim textarea:focus {
  outline: 0px; }
/* .reim .mar-20 table  {
  margin-top: 40px;  } */
  table.travel_request
  {
    margin-top: 40px;
    border-collapse: unset;
  }
  .travel_request .sub-cell th
  {
  background: #dbdbdb;
  }
  .travel_request .sub-cell .cur-con-cur
{
  border-left:1px solid #dbdbdb;
  padding-left: 5px;
}
.travel_request .sub-cell .cur-con-amt
{
  border-right:1px solid #dbdbdb;
}
.reim .mar-20 th, table.travel_request th {
  font-size: 10px;
  border-top: 1px solid #E9EAEB;
  border-bottom: 1px solid #E9EAEB; 
  height: 50px;
  vertical-align: middle;
  padding-left: 2px;
  font-family: mont-semibold;
  color: var(--is-purple) !important;
  letter-spacing: 0.4px;
  background-color: #fdfdfd;
  font-weight: 400; }
.reim .mar-20 td,table.travel_request td {
  height: 80px;
  vertical-align: middle;
  font-family: montserrat-medium;
  letter-spacing: 0.4px;
  font-size: 11px;
  color:  #151515; }
.reim .mar-20{
  margin: 20px 0px; }
.reim hr{
  background: #E9EAEB;border-radius: 10px; width:100%; margin: 20px auto 20px 0px; }
.reim .add_row{
  margin-top: 40px;
  padding: 15px 15px 5px;
  border-top:1px solid #E9EAEB;
  border-bottom:1px solid #E9EAEB;
  width: 94%; }
.reim .add_row_content{
  padding: 30px 0px 30px 0px;
  width: 94%;
  border-bottom:1px solid #E9EAEB; }
.reim .date{
  width: 14%; }
.reim .date input{
  width:90% !important; }
.poe{
  width: 20%; }
.poe select{
  width: 90%; }
.currency{
  width: 15%; }
.currency select{
  width: 75px; }
.currency textarea{
   margin-top: 0px;
    width: 90%;
    resize: vertical;
    max-height: 68px;}
.amount{
  width: 12%; }
.amount input,#reimbursable_amount{
  width: 80px; text-align: right;padding-right: 10px;}
.upload{
  width: 20%; }
.upload .btn{
  width: 124px;
  border:1px solid  #EAEAEA;
  border-radius: 40px;
  color: #c5c5c5;
  font-size: 12px;
  text-align: left;
  padding-left: 20px;
  background-color: #EAEAEA;
  height: 35px; }
.upload .btn:focus {
  outline: 0px; }
.mode {
  width: 10%; }
.mode select {
  width: 90%; }
.others .poe {
  width: 17%; }
  .amount input
{
	width: 90%!important; 
}
.others .poe select {
  width: 150px; }
.others .amount {
  width: 11%; }
.others .mode {
  width: 13%; }
.reim .add {
  margin-top: 5px;
  margin-left: 30px; }
.reim .add input{
  border-radius: 40px;
  width: 78px;
  height: 35px;
  background: transparent !important;
  color: #62197C;
  border: 1px solid #62197C !important; }
.reim .add_content{
  margin-top: 20px; }
.amount_perdiem{
  width: 94%; }
.amount_perdiem table {
  width: 70%;
  font-family: montserrat-bold;
  color: #b0b0b0 !important;
  font-size: 10px;
  letter-spacing: 1px; }
.close:not(#reim_guidelines_modal .close), .edit, .back{
  position: absolute;
  top: -15px;
  right: -13px;
  background: #fff;
  width: 40px;
  height: 40px;
  box-shadow: -1px 2px 4px #bfbfbf;;
  border-radius: 100px;
  text-align: center;
  opacity: 1 !important; }
.close img, .edit img, .edit img {
    width: 12px;
    margin: 15px auto; }
.edit.print img
{
  width: 20px;margin: 10px auto;
}
.edit{right: 45px!important;} 
.bttn{
  text-align: center;
  padding-bottom: 30px; }
  .bttn ul li
{
	font-style: unset;
}
.btn-group .btn{
  margin-right: 20px;
  border-radius: 5px !important; }
.btn-hover{
  background-image: linear-gradient(to top, #62197C 25%, #d8bde2);
  border:0px;
  font-size: 14px;
  width: 148px;
  height: 40px;
  box-shadow: 0px 3px 6px  #898989; }
.secoundary-btn{
  background: transparent !important;
  color: var(--is-purple);
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
  width: 148px;
  height: 40px;border: 0px !important; }
.btn-hover:focus{background-image: linear-gradient(to top, #62197C 25%, #d8bde2); }
.btn-hover:hover,.secoundary-btn:hover{
  color: var(--is-purple) !important;background: #f8f8f8;
}
.secoundary-btn:hover,.add input:hover, .btn_tablesend:hover, .btn_tablereject:hover{
  color: var(--is-purple) !important;
  background: #f8f8f8;
}
.btn_tableapprove:hover{
  color: #fff !important;
}
/*on-off switch*/
.switch {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 18px; }
.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: "";
  height: 24px;
  width: 24px;
  left: -13px;
  top: -3px;
  bottom: 4px;
  background-color: #b7b7b7;
  -webkit-transition: .4s;
  transition: .4s; }
input:checked + .slider:before {
  background-image: linear-gradient(to right, #62197C,#299AD1);
}
/*input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}*/
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%;
}
/*end of on-off switch*/
/**/

.field{position:relative;}
.field img{margin-top: 7px;position: absolute;right: 23px;}
.field input{width: 106px;margin-left: 30px;}
.upload img{float:right;}
.amount_perdiem .total{padding-left: 30px;}
.nav .dropdown_image{margin-top: 40px;margin-left: 10px;}
.issue{position:relative;}
.issue img{margin-top: 7px;position: absolute;right: 126px;}
.issue input{width: 110px;}
.expiry{position:relative;float: right;z-index: 1000;}
.expiry img{margin-top: 7px;position: absolute;right: 8px;}
.expiry input{width: 100px;}
.depart {position:relative;}
.depart img{margin-top: 7px;position: absolute;right: 126px;}
.depart input{width: 110px;}
.arrival {position:relative;float: right;z-index: 1000;}
.arrival img{margin-top: 7px;position: absolute;right: 8px;}
.arrival input{width: 100px;}
.field1{position:relative;z-index: 1000;}
.field1 img{margin-top: 7px;position: absolute;right: 35px;}
.field1 input{width: 110px; margin-left: 30px;}
.input-width{width: 182px;}
.input-width1{width: 75px;}
/**/
@media (min-width: 1024px) and (max-width: 1199px){
  .card-content .container {
    width: 960px;
    padding: 75px 15px 40px 15px; }
  .issue input, .depart input {
    width: 100px!important; }
  .issue img, .depart img  {
    right: 119px!important; }
  .travel_request .date img {
    right: 15px!important; }
}
.sub_head{
  color:#78398E!important;}
label{
  font-weight: 100;
font-size: 11px;
font-family: montserrat-medium;
letter-spacing: 0.4px;}
/*travel view*/
.expiry_label, .issue_label, .arrival_label, .depart_label{
  width: 42%; }
.travel_request1 th{width: 127px;}
.table_date{padding-left: 30px;}
.approver-comments p{margin-top: 20px;margin-bottom: 2px;}
.view_head h1{
  margin-top: 10px;
  margin-left: -30px;}
.view_head img{
  margin-left: -15px;
  box-shadow: 0px 5px 20px #bdbdbd;
  border-radius: 100px;
  opacity: 1;}
  /*added by ganesh*/
  /* .modal:not(#reim_guidelines_modal .modal){background:white;} */
  .modal-content{border:1px solid white;margin-top: 20px;}
  .modal_header
  {
    /*color: white !important;*/
  }
  @media (min-width:992px) and (max-width:1199px)
{

.modal-content .container1{width: 967px!important;} 

}
.modal-content .container1 {

    width: 1048px;

    padding: 0px 0px 20px 0px;

    margin-left: auto;

    margin-right: auto;

}

  .modal-content .container
  {
    width: 1000px;
    padding: 50px 0px 5px 0px;
  }
  .container1 .container2
  {
    padding: 0px 30px 15px 30px;
  }
  .modal-departDate
  {
    margin-right: 15px;
  }
  .error {
    border: 1px solid red !important;
}
.approval_buttons {
    width: 120px !important;
}
.viewModal
{
  cursor: pointer;
}
/*.datatable_filter_input
{
  background:url("/images/magnifier.png"); 
  background-repeat: no-repeat;
  background-position: right;
  width: 25px;
  border: none;
}
.datatable_filter_input:focus
{
  width: 175px;
  border: 1px solid #dadada;
  height: 28px;
  border-radius: 6px;
}*/
a.btn_tablereject
{
  width: 182px;
  height: 34px;
  font-family: montserrat-medium;
  text-align: center;
  font-size: 12px;
  padding-top: 7px;
}
.number_inputs
{
  width: 80px!important;
  text-align: right;
  padding-right: 10px;
}
.number_input_currency,.perdiem_conv_currency
{
  width: 80px!important;
}
.file_upload_divv,.ticket_upload_div
{
width: 35px;
border: 1px solid #EAEAEA;
border-radius: 40px;
color: #c5c5c5;
font-size: 12px;
text-align: left;
padding-left: 0px;
background-color: #EAEAEA;
height: 35px;
padding-top: 8px;
padding-right: 6px;
float: left;
}
.ajax-file-upload
{
  background: url('/images/upload.png');
  background-repeat: no-repeat;
  background-position: right;
}
.ajax-file-upload-statusbar,.uploaded_file_view
{
  width: 146px !important;
  float: right;
  margin-bottom: 3px;
  float: left;
  background:#EEEEEE;
  margin-right: 9px;
  padding: 3px;
  border-radius: 6px;
}
.ajax-file-upload-filename
{
  max-width: 100px;
  min-width: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: left;padding: 3px 6px;
}
.ajax-file-upload-red
{
  color: red;
  cursor: pointer;
  float: right;
  margin-right: 5px;padding: 3px;
}
.close_msg
{
  float: right;
  background: transparent;
  border: none;
  font-size: 25px;
  padding: 0px;
  margin-top: -10px;
}
#successMessage
{
  color: #504c4c !important;
}
.ajax-file-upload-error:not(#invoice_split_import .ajax-file-upload-error)
{
  float: right;
position: absolute;
margin-left: -36%;
color: #f77575;
max-width: 90%;
word-break: break-all;
margin-top: 14px;
padding: 4px;
border-radius: 10px;
}
.ajax-file-upload-container
{
  float: left;
  position: absolute;
  margin-left: -57%;
  margin-top: 4%;
}
.others .ajax-file-upload-container
{
  margin-left: -54%;
}
.corp_card_detail_div .ajax-file-upload-container
{
  margin-left: -70%;
}
.modal_table_footer
{
  border-top: 1px solid #eeeeee;
}
.modal_table_footer tr td
{
  height: 50px !important;
  font-family: montserrat-bold !important;
  color: #b0b0b0 !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
}
/* .datatable_filter_input
{
  background:url("/images/magnifier.png"); 
  background-repeat: no-repeat;
  width: 175px;
  margin-right: 0px;
  border: 1px solid lightgray;
  height: 34px;
  padding: 5px 35px 5px 5px;
  border-radius: 3px;
  background-position: 97% 4px;
  margin-top: 25px !important;
  cursor: auto !important;
} */
#workbench_table_filter.datatable_filter_input,#reviewer_table_filter.datatable_filter_input,#approval_table_filter.datatable_filter_input{margin-top: 8px!important;}
/* .tooltip {
    top: -2px;
    background-color: white;
    color: #333;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #bdbdbd;
    position: absolute;
    transition: opacity 0.5s;
    left: 94px;
    padding: 10px;
} */

.hover:hover .tooltip {
  /* display tooltip on hover */
  opacity: 1;
}
.tooltip p
{
  background-color: #F3F3F3;
  padding: 10px;
  color: #A2A3A5;
  border-radius: 50px;
  width: 150px;
}
.tooltip p img
{
  float: right;
  margin-right: 5px;
}
.hover {

position: relative;

top: 10px;

left: 21px;

cursor: pointer;

}
a{ text-decoration: none !important; }

.row.history_filterdata input
{
  border: none;
  vertical-align: middle;
  font-size: 11px;
  margin-top: 14px;
  padding-left: 5px;
  width: 150px;
}
.row.history_filterdata select
{
  background: url("/images/chevron-down1.png");
  border:none!important;
  color: #b0b5b5;
  background-size: 11px;
  background-position-x: calc(100% - 10px);
  background-position-y: calc(100% - 20px);
  background-repeat: no-repeat;
  height: 48px;
  vertical-align: middle;
  font-size: 11px;
  margin-top: 0px;
  -moz-appearance: none;
  -webkit-appearance:none;
  width: 155px;
}
.dt-buttons
{
  display: none;
}
a:focus {  outline: none !important; }
.alert p{color:#a94442 !important;}
html input[disabled]{background: #ffffff;
    /* border: 1px solid #efefef; */
    color: #a4a4a4;
    cursor: not-allowed;}
select[disabled]{cursor: not-allowed;
  background: #ffffff!important;
	/* border: 1px solid #efefef!important; */
	color: #a4a4a4 !important;
}
.sub_head span,.modal-reimb_code{ color: var(--is-blue);font-family: mont-semibold;}
.btn_tableapprove:focus{color:white!important;background: var(--is-primary-button);}
.btn_action{
background-image: var(--is-primary-button) !important;
border: none !important;
border-radius: 5px !important;
height: 27px;
width: 85%;
box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}

textarea#total_expense,textarea#cc_total_expense,textarea#total_expense_exclude_cc,textarea#pre_diem_value,textarea#total_expense_after_conv
{width: 180px !important;
  resize: vertical;
  word-wrap: keep-all !important;
  height: auto;
  text-align: left;}
 .reim .table_currency{width: 8%;}
 .table_currency select{width: 85%!important;}
.btn_action,.btn_action:hover,.btn_action:focus{color:white;
font-size: 11px;}
 .login_out1,.login_out1:focus,.login_out1:hover
{
  color:black !important;
  margin-top: 0px!important;
  background-image: none!important;
}.log-pad{
    padding:0px 10px;
}.login_out,.login_out:focus,.login_out:hover
{
    border: 0px solid #2a2d38!important;
    box-shadow: 0px 0px 0px #2a2d38!important;
}
 .others .poe select {
    width: 158px; }
    .ui-widget-header{ background-color: white!important; color: #707070!important; border: none!important; }
 .navbar-right button{background:white;}
.navbar-right button li{display:inherit}
.navbar-right button li:nth-child(2) {margin-bottom:1px;}
.navbar-right .dropdown-menu {right: 50px;left: auto; top: 62px;} 
.login_out1, .login_out1:focus, .login_out1:hover{color:#b7b7b7;}
.ui-state-default, .ui-widget-content .ui-state-default{ border:none; background:none;text-align: center;}
.ui-datepicker td a {display: block;padding: 8px;border-radius: 25px;}
.ui-state-hover, .ui-widget-content .ui-state-hover{background: #ededed; border-radius: 18px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
background: linear-gradient(to bottom, #cfb4da 20%, #9570b2 84%);color: white; }
.ui-widget{ font-family: montserrat-medium!important;width:17%; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ color: #8d599f;background: none;font-weight: bold; }
/*#request_view_table_filter input:focus
{
  width: 175px;
  border: 1px solid #dadada;
  height: 28px;
}

.reim .other_project{width: 10%;}
.reim .other_project select{width: 100px;}
.reim .other_practice{width:10%;}
.reim .other_practice input{width: 100px;}
/*end new*/
.corp_card_detail_div
{
  padding-left: 15px;
  padding-right: 15px;
}
.corp_card_detail_div .date{
  width: 10%; }
.corp_card_detail_div .date input{
  width:100px !important; }
.corp_card_detail_div .others .poe {
  width: 12%; }
.corp_card_detail_div .others .poe select {
  width: 120px; }
.corp_card_detail_div .currency{
  width: 11%; }
.corp_card_detail_div  .currency textarea{
   margin-top: 0px;
    width: 110px;
    resize: vertical;
    max-height: 68px;}
 .corp_card_detail_div .table_currency{width: 7%;}
.corp_card_detail_div .table_currency select{width: 70px!important;}
.corp_card_detail_div .amount {
  width: 10%; }
.corp_card_detail_div .upload{
  width: 17.5%; }
.corp_card_detail_div .mode {
  width: 8%; }

  .small_btn,.small_submit_btn
  {
    width: 60px !important;
  }
  td a,td a:hover,td a:focus
  {
    color: var(--is-blue) ;
  }

.workbench_currency,.workbench_reimb_amount
{
  width: 77px !important;
}
.remarks_textarea, #reviewer_comment
{width: 180px !important;
height: 50px !important;}
.modal {
  overflow-y:auto !important;
}
.pdfAlign
{
  margin-top: -31px !important;
}
.iframe_overlay
{
  width: 92.5%;
position: absolute;
height: 436px;
top: 15px;  
}
.behalf_disabled
{
  cursor: not-allowed;
}
.cc_payment_related
{
  display: none;
}
.other_reimb_note_section
{
  color:#f44e4e;
  margin-top: -29px !important;
  margin-bottom: 25px;
  margin-left: -40px;
}
.other_reimb_note_section ul
{
  padding-left: 10px !important;
}
/*.other_remarks_poc,.other_remarks_poc table, .other_remarks_poc a
{
  color: #f44e4e;
}*/
#travel_requets_detail_view 
{
  background: transparent;
  margin-top: 10%;
  font-family: montserrat-medium;
  color:var(--is-black) !important;
  font-size: 11px;
}
#travel_requets_detail_view .modal-title
{
  color: var(--is-purple) !important;
}
#travel_requets_detail_view .travel_value_row
{
  border-bottom: 1px solid #d9d3d3;
  padding: 6px 0px 2px 2px;
}
#travel_requets_detail_view .modal-body
{
  overflow-y: auto;
  height: 400px;
}
#travel_requets_detail_view .travel_id_link
{
  /*the below hided code is for new travel reimbursement changes code hided on 01 Jun 2023*/
  padding: 5px;
  cursor: pointer;
  color: #2E4496;
  /*color: #672180;*/
  border: 0px!important;
  background-color: transparent;
  /*margin-right: 10px;*/
  border-radius: 5px;
  /*box-shadow: 0px 1px 6px #dbdbdb;*/
}
#travel_requets_detail_view .travel_country_p
{
  /*margin-top: 6px !important; code hided for new travel reimbursement UI change*/
  padding:5px;
}
#travel_requets_detail_view .travel_value_row
{
  margin-bottom: 10px !important;
}
#travel_requets_detail_view .modal-header .close
{
  top: 0;
  right: -1px;
  box-shadow: none;
}
#travel_requets_detail_view .alreadySelectedTravel
{
  background: #e8e8e8;
  padding: 13px 2px 2px 4px;
  border-radius: 4px;
  margin-top: -8px !important;
  margin-bottom: 4px !important;
}
.row.childrows {
  margin-top: 10px;
}
.perdiem_detail_rows label p
{
  color: #6c6c6c !important;
font-family: montserrat-medium;
font-size: 11px;
font-weight: 100;
}
#travel_requets_detail_view .travel_id_link:hover
{    
  color: var(--is-purple) !important;
  background: #f8f8f8;
}
.perdiem_add_btn img {
  width: 19px;
  float: right;
  margin-top: 8px;
  cursor: pointer;
}
.perdiem_row_remove img {
  float: right;
  margin-top: 8px;
  cursor: pointer;
}
.travel_sync_icon
{
  height: 25px;
  cursor: pointer;
}
.popover.right
{
  width:278px;
  font-family: montserrat-medium;
  font-size: 12px !important;
  border: 1px solid #e3e3e3;
}
.popover.right .popover-content
{
  text-align: right;
}
.popover.right .popover-title
{
  font-family: montserrat-medium;
  font-size: 12px;
  border:none;
  background-color:white;
}
.popover.right .popover-content .project_load_ok,.popover.top .popover-content .expense_reset_ok
{
  background-color:#8D599F;
  background-image: none;
  border: 1px solid #8d599f;
  padding: 3px 12px !important;
  float: right;
  font-size: 12px !important;
  color: white;
}
.popover.top .popover-content .expense_reset_ok
{
  border-radius: 50px;
  margin-bottom: 8px;
  cursor: pointer;
}
.popover.right .popover-content .btn-group > .btn:last-child:not(:first-child)
{
  color:#8D599F;
  border: 1px solid #8d599f;
  padding: 3px 12px !important; 
  float: left;
  font-size: 12px !important;
}
#travel_project_load
{
  height: 21px;
  cursor: pointer;
  display: none;
}
#travel_requets_detail_view .travel_value_row p
{
  margin: 2px 0 5px;
}
.travel_view_blade_notes {
  font-size: 11px;
}
.perdiem_related_fields.childrows .perdiem_row_remove
{
  display: none !important;
}
.childrows .perdiem_row_remove
{
  width: 10px;
  float: right;
}

/* New styles for calculations table */
.remove_row
{
  font-weight: bold;
  cursor: pointer;
}
.uploaded_file_view {
  padding: 3px !important;
  float:right;
}
.deleteImage
{
  color: red !important;
  padding-left: 4px;
  cursor: pointer;
  float: right;
  margin-right: 26px;
}
tfoot tr td:first
{
  text-align: right;
}
.bill_file_anchor
{
  color:black;
}

.other-details
{
  padding-top: 30px;
  margin-top: -30px;
  font-family:montserrat-medium;
  margin-top: -42px;
}
.other-details hr
{
  margin: 0px;
  background: #dbdbdb;
  border-radius: 10px;
  width: 100%;
  height: 1px;
}
.other-details table :not('#poc_detail_table')
{
  width: 99%;
  margin-left: 5px;
}
.other-details .cur
{
  width: 60px;
}
.other-details .amt
{
  width: 92px;
}
.other-details table tr
{
  border-bottom: 10px solid transparent;
}
.indian-cur-details table tr
{
  border-bottom: 10px solid transparent;
}
.indian-cur-details tfoot td
{
border-bottom: 20px solid transparent;
}
.other-details table tr td, .other-balance-details tr td,.other-details div
{
  font-family: montserrat-medium;
  color:#151515 !important;
  font-size: 11px!important;
  letter-spacing: 0.5px;
  font-weight: 100;
  /* border-right: 50px solid transparent; */
}
.other-details .row.col-md-12.col-sm-12.panel,.perdiem_related_div.panel {
  border: 1px solid lightgray;
  padding: 0px;
  font-family: montserrat-medium;
}
.other-details .panel-heading,.perdiem_related_div .panel-heading
{
  background: var(--is-purple);
  color: white !important;
  font-family: montserrat-medium;
  font-size: 11px!important;
}
.col-md-4.col-sm-4.parent_div:not(:last-child)
{
  border-right: 1px solid lightgray;
}
#amt_tobe_to_aspirian_card {
  border: none;
  height: 50px;
  resize: none;
  color: #8d599f;
  font-weight: bold;
}
.additon_fields
{
  margin-top: 7px;
}
.other-balance-details tr
{
  /* border-bottom: 1px solid #dbdbdb!important; */
}
.other-balance-details tr td
{
  padding: 10px 0px;
  border-right: 0px !important;
}
.other-details table tr td:nth-child(1)
{
  padding-left: 15px;
  width:30%;
}
.other-details table tr td:nth-child(3)
{
  padding-left: 6%;
}

.indian-cur-details
{
  margin-top: 10px;
  width:50%;
}
.other-details h3
{
  font-family: montserrat-medium;
  padding: 0px 0px 5px 90px;
  font-size: 16px;
  color: #8d599f;
}
.remarks
{
  margin-top: 20px;
  padding-left: 90px;
}
.currency_value_combo
{
  /* float: left; */
  margin-bottom: 10px;
}
table.travel_request th
{
  height: 30px;
}
.reim table.travel_request .date
{
  width: 12%;
  padding-left: 10px;
}
.reim table.travel_request .poe
{
  width: 15%;
}
.reim table.travel_request .currency
{
  width: 15%;
}
.reim table.travel_request .table_currency
{
  width: 7%;
}
.reim table.travel_request .amount {
  width: 8%;
}
.reim table.travel_request .upload {
  width: 7%;
  padding-left: 20px;
}
.reim table.travel_request .mode {
  width: 8%;
}
.remove_row {
  font-weight: bold;
  cursor: pointer;
  padding-left: 10px;
}
.add td
{
padding-left: 10px;
}
.other-balance-details tr td img
{
padding-top: 9px;
}
.travel_request .cur-con
{
text-align: center;
border-left:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
}
.negative_amt
{
  color: #ee0f0fb8;
  font-weight: bold;
  font-size: 12px;
}
.conversion_related
{
  display: none;
}
.conversion_rates .total_currency,
.conversion_rates .total_amount,
.conversion_rates .total_currency_aft_conv,
.conversion_rates .total_amount_aft_conv
{
  border: 1px solid lightgray !important;
  padding: 9px 14px;
  border-radius: 7px;
  min-width: 60px !important;
  display: inline-block;
}
.conversion_fields
{
  margin-bottom: 8px;
}
.conversion_fields:not(:last-child)
{
  border-bottom: 1px solid #e3e2e2;
  padding-bottom: 8px;
}
.symbol_align
{
  margin-top: 10px;
}
#expense_detail_reset
{
  width: 15px;
  cursor: pointer;
}
.conversion_arrangement
{
  padding-left: 85px;
}
.final_amt_style
{
  text-align: center;
  background:#efefef;
  padding: 10px;
  border-radius: 5px
}
#final_amt
{
  font-weight: bold;
  margin-left: 10px;
}
.positve_amt
{
  color: #8d599f !important;
  font-weight: bold;
  font-size: 12px;
  margin-left: 10px;
}
.perdiem_related_div .conv_input_currency
{
  width:25% !important;
}
.perdiem_related_div .datepicker_input
{
  width: 107px !important;
}
.perdiem_related_div .childrows:not(:last-child)
{
  border-bottom: 1px solid lightgray;
}
.perdiem_related_div select,.perdiem_related_div input
{
  margin-bottom: 5px;margin-right: 2px;
}
.perdiem_related_div .col-md-3,.perdiem_related_div .col-md-4
{
  /* border-right: 1px solid lightgray; */
}
.custom_container {
  margin: 0px 20px 10px 20px;
  padding-top: 25px;
}
#poc_detail_table
{
  /* font-style: italic; */
font-size: 11px;
margin-bottom: 3px;
width:auto;
color:#6c6c6c !important;
margin-top: 2px;
}
#poc_detail_table tr
{
  border-bottom: 1px solid;
}
#poc_detail_table tr td
{
  padding: 3px 10px 3px 4px;
  height: 10px;
}
.class_perdiem_elligble,.class_no_of_days
{
  width:60px !important;
  margin-left: 5px;
}
.perdiem_related_div .ajax-file-upload-container
{
  position: inherit !important;
  margin-left: 6px !important;
  font-size: 11px;
  margin-top: 0px !important;
  width: 60%;
}
.perdiem_related_div .ajax-file-upload-statusbar,.perdiem_related_div .uploaded_file_view
{
  width: 220px !important;
  /* background: transparent !important; */
  border: 1px solid lightgray;
  margin:0px auto 2px 7px !important;
}
.custom_container .row
{
  margin-left:0px;
}
.perdiem_related_div .bill_file_anchor
{
  color:#6c6c6c;
  max-width: 100px;
  min-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
  padding: 3px 6px;
}
.delete_ticket_file
{
  cursor: pointer !important;
}
.perdiem_related_div .uploaded_file_view
{
  padding: 2px;
  float: left;
  margin-right: 40px;
}
.perdiem_related_div .delete_ticket_file
{
  color:red;
  float: right;
  margin-right: 10px;
  margin-top: 3px;
}
.perdiem_add_btn {
  float: right;
  position: absolute;
  right: 20px;
}
.amount_sum_details .col-md-4,
.amount_sum_details .col-sm-4,
.amount_sum_details .col-md-12,
.amount_sum_details .col-sm-12,
.amount_sum_details .col-md-6
{
  padding-left: 0px !important;
}
.amount_sum_details table th
{
  color:black !important;
  font-size: 11px !important;
  font-weight: inherit;
  width: 20%;
  padding-left: 21px;
  vertical-align: middle !important;
  background: #f0efef;
}
.amount_sum_details table tr td,.amount_sum_details table tr th
{
  height: 50px !important;
  border: 1px solid lightgray !important;
}
.amount_sum_details table tr
{
  border: 1px solid lightgray !important;
}
.amount_sum_details textarea#total_expense,
.amount_sum_details textarea#cc_total_expense,
.amount_sum_details textarea#total_expense_exclude_cc,
.amount_sum_details textarea#pre_diem_value,
.amount_sum_details textarea#total_expense_after_conv,
.amount_sum_details #pre_diem_value_aftr_conv,
.amount_sum_details #actual_advance
{
  width: 76% !important;
  resize: vertical;
  word-wrap: keep-all !important;
  height: 40px !important;
  text-align: left !important;
  border:1px solid lightgray;
  padding-left: 10px;
}
.not_related_to_conversion
{
  display: none;
}
.travel_calc_detail_area .row {
  padding-bottom: 8px;
  border-bottom: 1px solid  lightgray;
  padding-top: 8px;
}
.travel_calc_detail_area .final_amount_span
{
font-family: montserrat-medium;
color:#151515;
font-size: 12px;
margin-right: 15px;
}
.ticket_cost_box
{
  width: 54px !important;
  height: 26px !important;
  font-size: 10px !important;
  float: left;
  margin: 1px 0px 1px 10px !important;
}
#special_allowance_add
{
  float: right;
  border: 1px solid white;
  padding: 2px;
  margin-top: -3px;
  border-radius: 5px;
  cursor: pointer;
}
.special_allowance_related
{
  display: none;
}
.special_allowance_related h4{font-family: montserrat-medium!important;font-size: 12px!important;color:var(--is-black)!important;}
.special_allowance_row_remove{
  float:right;
  margin-right:50%;
  cursor: pointer;
}
.allowance_comment_details{
  width:230px !important;
}
input[type="radio"] {
  width:13px;
  height:13px;
  cursor:pointer;
  margin-left:5px;
}
.checked{
background:#2196F3;
}
.notChecked{
  background:none;
}
.reviewed{
  background:#f0efef;
}
.notreviewed{
  background:none;
}
.travel-container table, .travel-container table thead th
{
  font-family: montserrat-medium !important;
color:#151515;
font-size: 12px;
border-right: 1px solid lightgray;
padding-left: 10px;
}

.travel-container table tbody th,.travel-container table tbody td
{
  padding: 5px !important;
  height: 50px;
  vertical-align: middle;
  font-weight: initial;
  border-right: 1px solid lightgray;
  font-family:montserrat-medium;
}
.travel-container table tr
{
  border:1px solid lightgray;
}
.travel-container p,.travel-container lable {
  font-family: montserrat-medium;
}
.modalFinalAmt
{
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  background:#eaeaea;
  padding: 10px;
  border: 1px solid lightgray;
  margin: 0px;
}
.special_allowance_table thead tr td,.special_allowance_table tbody tr td
{
  height: 20px !important;
  padding: 5px !important;
  width: 400px;
  color: #6c6c6c !important;
  border-right: 1px solid lightgray;
  font-family: montserrat-medium!important;
}
.special_allowance_table
{
  margin-top: 10px !important;
}
.special_allowance_table p {
 font-family: montserrat-medium;
}
.special_allowance_table tr
{
  border:1px solid lightgray;
}
.edit.export img
{
  width: 22px;
  margin: 10px auto;
}
#bill_create_table .expense_detail_textarea
{
  padding: 5px;
}
.indian-cur-details tbody tr td
{
  width:50% !important;
}
@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;
}
}
.mobile-user-section{display: none;}
.resultDiv{
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#release_notes_body{
  margin: 160px 15px 15px 15px;
  /* display: flex;
  flex-direction: column;
  min-height: 100vh; */
}
#release_notes_body .release-body-section{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 6px;
  padding-left: 0px;
  padding-right: 0px;
}
#release_notes_body #heading_row{
  background-color: #8347AD;
  color: #FFF;
}
#release_notes_body .release_content{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 6px;
  margin-bottom: 15px;
  background-color: white;
  padding: 20px;
}
#release_notes_body #heading_row h3{margin-top: 10px;}
#release_notes_body .release_content b {font-weight: 100;font-family: mont-semibold;}

.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%);
    }
    #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;}