@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");


.cursor-pointer{
    cursor: pointer !important;
}

.scrolldiv{
    max-height: 384px;
    overflow-y: auto;
}

.bg-primary .text-primary{
	color :#fff !important;
}

.bg-warning .text-warning{
	color :#fff !important;
}

.bg-danger .text-danger{
	color :#fff !important;
}

.bg-success .text-success{
	color :#fff !important;
}

.bg-grey
{
	background: #eee !important;
	box-shadow: inset 0 0 10px #000;
}

.progbar-color-darkred
{
	background-color: #ed0202 !important;
}

.progbar-color-red
{
	background-color: #ff0000 !important;
}

.progbar-color-darkorange
{
	background-color: #fc7100 !important;
}

.progbar-color-orange
{
	background-color: #fc9b00 !important;
}

.progbar-color-yellow
{
	background-color: #ffe900 !important;
}

.progbar-color-greenishyellow
{
	background-color: #e2ff07 !important;
}

.progbar-color-green
{
	background-color: #91fc05 !important;
}

.progbar-color-darkgreen
{
	background-color: #04d620 !important;
}

.progbar-color-darkestgreen
{
	background-color: #087c00 !important;
}

.progbar-color-grey
{
	background-color: #ccc !important;
}

.progressdetail .progress
{
	height: 1rem !important;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
/* ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
} */

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #999; 
}






.dynamicdropcontainer .input-group:nth-child(1) {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  float: none;
  /*min-width: 100%;*/
  margin: 0px 0;
}

.dynamicdropcontainer .input-group:nth-child(1):after {
    content: '\f107';
    font: 300 normal normal 14px/1 FontAwesome;
    color: #333;
    right: 52px;
    top: 6px;
    height: 34px;
    padding: 5px 0px 0px 8px;   
    position: absolute;
    pointer-events: none;
	z-index: 99999!important;
	font-weight: 300!important;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.dynamicdropcontainer .input-group:nth-child(1) select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  float: right;
  /*margin: 5px 0px;
  padding: 0px 24px;*/
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #0ebeff;
  -ms-word-break: normal;
  word-break: normal;
}


.button-new1 {
	float: left !important;
	width: inherit !important;
	font-size: 12px !important;
	margin-top: 0px !important;
	margin-left: 10px !important;
	background: #343a40!important;
	border: 0px!important;
}

.button-new1:hover{ background:#dc3545!important;}

.bg-gradient-success.btn:hover {
	background: #dc3545 !important;
	border: 0px!important;
}


.card-body th{ padding: 0.2em!important;}
.card-body td{ padding: 0.2em!important;}

body.layout-top-nav{font-size: 14px!important;}
body{font-size: 14px!important;}

.main-brand-image 
{
	height: 93px;
}
.brand-text
{
	    padding: 10px !important;
 
    font-size: 27px !important;
    
    font-weight: 500 !important;
}
.sub-brand-text
{
padding: 2px;font-size: 15px;
}
.brand-link .brand-image {
	float: left;
	line-height: .8;
	/* margin-left: .8rem; */
	margin-right: .5rem;
	margin-top: -16px !important;
	max-height: 50px !important;
	width: auto;
	margin-left: 6px !important;
}
.nav-sidebar{margin-top: 22px!important;}

.my-left-search {
	margin-top: 34px;
	border-radius: 5px !important;
}


.ml-3.my-left-search{margin-left: 0px!important;}
/* .btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
	box-shadow: none;
	padding: 2%;
	font-size: 12px;
	margin-top: 17px;
} */

.change-attribute-btn{
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
	box-shadow: none;
	padding: 2%;
	font-size: 12px;
	margin-top: 17px;
}

.page-link{color: #000!important;}
.page-link:hover{color: #000!important;}

.text-secondary i{ margin-left: 8px!important;}
.text-danger i{ margin-left: 8px!important;}
.text-success i{ margin-left: 8px!important;}

.head-text{font-size: 18px; color: #000!important; font-weight: bold!important;}
.navbar-expand .navbar-nav .nav-link {
	padding-right: 1rem;
	padding-left: 1rem;
	line-height: 20px!important;
}


.elevation-3 {
	box-shadow: 0 0px 0px rgba(0,0,0,.19),0 0px 0px rgba(0,0,0,.23) !important;
}



.sub-header {
	background: #343a40 !important;
	color: #fff !important;
	/* display: block; */
	/* float: left; */
	/* z-index: 99999; */
	position: relative;
	top: 50px;
	
}

.sub-top {
	top: 42px !important;
	background: #343a40 !important;
	height: 34px;
}

.login-my{color: #fff!important; line-height: 34px!important;}

.log-out-my{ margin-top: 3px!important;}



.button-new-logout {
	float: left !important;
	width: inherit !important;
	font-size: 12px !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
	background: #343a40!important;
	border: 0px!important;
	/*color: #ffc107!important;*/
	padding: .25rem .3rem!important;
	
}

.button-new-logout:hover{ background:#343a40!important;}

.bg-gradient-success.btn.button-new-logout:hover{
	background: #343a40 !important;
	border: 0px !important;
}





.my-select {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  float: none;
  /*min-width: 100%;*/
  margin: 0px 0;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
	
}

.my-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  float: right;
  /*margin: 5px 0px;
  padding: 0px 24px;*/
  font-size: 18px;
  line-height: 0.75;
  color: #333;
  border: 1px solid #0ebeff;
  -ms-word-break: normal;
  word-break: normal;
margin-left: 24px;
height: 41px!important;
background:#343a40!important;
border: none!important;
border-radius: 0px!important;
color: #fff!important;
	
	
	
}

/* .my-select select option{ font-size: 14px!important; line-height: 20px!important; background:#fff!important; color: #000!important;}
.my-select select option:hover{background: #000!important;} */




.breadcrumb {
	background: none !important;
	margin-top: 14px;
}

.brand-link {
	display: block;
	font-size: 1.25rem;
	line-height: 1.5;
	padding: 1.5rem .5rem !important;
	transition: width .3s ease-in-out;
	white-space: nowrap;
}

.elevation-4 {
	box-shadow: 0 0px 0px rgba(0,0,0,.25),0 0px 0px rgba(0,0,0,.22) !important;
}

.my-left-search .fa-search{ margin-left: 14px!important;}
.content-header {
	padding: 0px .5rem!important;
}

.navbar {
	padding: 0rem 0rem!important;
}

.breadcrumb-item.active {
	color: #fff!important;
}

.breadcrumb-item + .breadcrumb-item::before {
	display: inline-block;
	padding-right: .5rem;
	color: #fff!important;
	content: "/";
}

.breadcrumb-item a:hover{color: #fff!important;}

.container-fluid{ padding-top: 15px!important;}
/*.card-body table tbody{height: 200px!important; overflow-y: scroll!important; display: block!important;}*/

/*.card-body table tbody tr{ display: table!important;
width: 100%!important;

}*/

/*----------------soumya design work 20-3-2020 starts here-------------------*/
.error-page { margin-top: 150px;}
.error-page h2{ font-size: 116px;}
.error-content{ margin-top: 30px;}
.error-content p{ font-size: 16px;}
.content-wrapper{ margin-bottom: 0px !important;}

/*----------------soumya design work 20-3-2020 ends here-------------------*/

.linecard
{
	border-top: 1px solid #aaa;
	margin-bottom: 1rem;
}

.dotcard
{
	border-top: 1px dashed #888;
	margin-bottom: 1rem;
}

.nocard
{
	margin-bottom: 1rem;
}

.disabled
{
	opacity: 0.5;
    background: #fff;
    border-radius: 5px 5px 0 0;
}

.nsel, .ysel
{
	max-height: 120px !important;
	overflow-y: auto;	
}



.DTFC_LeftBodyLiner{overflow-y:unset !important}
.DTFC_RightBodyLiner{overflow-y:unset !important}

.linkseparator
{
	color: #fff !important;
	line-height: 26px !important;
}

.thisrowremove .fas
{
	background: #ff0000;
    border-radius: 50%;
    color: #fff;
	padding: 10%;
}

/*For Menu view change*/
.menuChangeOuter{background: #fff; border-radius: 5px;}
.btn-select {
  border: 1px solid #333;
  cursor: pointer;
}

.btn-select.active {
  background: #34d632;
  cursor: auto;
}

/*For sessionShow*/
.sessionShow{font-size: 18px; color: #fff !important; background: #343a40 !important;  height: 42px;}

.carddisabled
{
	position: absolute;
    background: rgba(255,255,255,0.2);
    width: 100%;
    height: 100%;
    z-index: 9;
    left: 0;
    right: 0;
}

#processListDiv{overflow: scroll; max-height:300px;}
.readMoreBtn{border: 1px solid grey; padding: 2px 14px; font-size: 14px; margin: 3px; cursor: pointer;}
.successBtn{background-color: #28a745; color: #fff; padding: 7px 11px; font-size: 1rem; border-radius: 5px; float: right;}
.dangerBtn{background-color: #dc3545; color: #fff; padding: 7px 11px; font-size: 1rem; border-radius: 5px; float: right;}
#refreshBtn{position: absolute; right: 50px; top: 20px; color: green;}
#refreshPage{color: green; font-size: 17px;}
#loader{position: fixed; width: 100%; height: 100%; padding-top: 21%; padding-left: 48%; z-index: 100000000000; display: none; opacity: 0.5; background-color: rgb(10, 10, 10); margin-top: -60px; height: webkit-fill-available;}
#loaderText{font-size: 30px; color: red; padding-left: 8px;}

.yrHead{background-color: #000 !important; color: #fff !important; padding-top: 7px !important; padding-bottom: 5px !important;}
.proPic, .sign{width: 200px !important;}
.sign{height: 55px;}

.courseDetailsTbl .yrHead{background-color: #000 !important; color: #fff !important; padding-top: 7px !important; padding-bottom: 5px !important;}
.courseDetailsTbl .cardHeader{padding: 7px 10px 2px !important;}
.walletInfo{width: 115px; height: 33px; padding-top: 9px; font-size: 13px;}
.walletInfomargin{margin-left: 130px;}

table.courseDetailsTbl th{font-size: 14px; border-bottom: 0 !important;}
table.courseDetailsTbl th, table.courseDetailsTbl td{padding: 5px !important; }
.courseDetailsTbl th{background-color: #000; color: #fff; }
table.courseDetailsTbl tr{border-right: 2px solid #dee2e6;}
.courseDetailsTbl .leftBorder{border-left: 2px solid #dee2e6;}

.holiday-list
{
	list-style-type: none;
    font-size: 13px;
    line-height: 25px;
    text-align: left;
}

.holiday-list li span
{
	font-weight: bold;
}

.padding-5
{
	padding: 5px;
}

.yearval
{
	background: #ddd;
}
.seldat
{
	zoom: 120%;
	background: red;
}
  
  .rain {
	position: fixed;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	display: none;
  }
  
  .rain.back-row {
	display: none;
	z-index: 1;
	bottom: 60px;
	opacity: 0.5;
  }

  body{
	  overflow-x: hidden;
	  overflow-y: auto;
	  height: 100%;
  }
  
  .drop {
	position: absolute;
	bottom: 100%;
	width: 15px;
	height: 120px;
	pointer-events: none;
	animation: drop 0.5s linear infinite;
  }
  
  @keyframes drop {
	0% {
	  transform: translateY(0vh);
	}
	75% {
	  transform: translateY(90vh);
	}
	100% {
	  transform: translateY(90vh);
	}
  }
  
  .stem {
	width: 1px;
	height: 60%;
	margin-left: 7px;
	background: linear-gradient(to bottom, rgba(8, 8, 8, 0), rgba(8, 8, 8, 0.25));
	animation: stem 0.5s linear infinite;
  }
  
  @keyframes stem {
	0% {
	  opacity: 1;
	}
	65% {
	  opacity: 1;
	}
	75% {
	  opacity: 0;
	}
	100% {
	  opacity: 0;
	}
  }
  
  .splat {
	width: 15px;
	height: 10px;
	border-top: 2px dotted rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	opacity: 1;
	transform: scale(0);
	animation: splat 0.5s linear infinite;
	display: none;
  }
  
  body.splat-toggle .splat {
	display: block;
  }
  
  @keyframes splat {
	0% {
	  opacity: 1;
	  transform: scale(0);
	}
	80% {
	  opacity: 1;
	  transform: scale(0);
	}
	90% {
	  opacity: 0.5;
	  transform: scale(1);
	}
	100% {
	  opacity: 0;
	  transform: scale(1.5);
	}
  }

  .rainplaybutn
  {
	cursor: text !important;
  }
  .popover {
    z-index: 999999 !important;
}

.selectedcourses
{
	padding: 0;
	margin: 0;
	column-count: 2;
}

thead th.SFMhead{padding-top: 8px !important; padding-bottom: 8px !important; color: #fff;}
thead tr.SFMheadRow{background: #000;}
.studentDataDiv{margin-bottom: 30px;}

.studentpresent
{
	background-color: rgba(174, 251, 180, 0.65) !important;
}

.onlineclasstd
{
	color: rgb(0, 189, 0);
	font-weight: bold;
	animation: .8s shake infinite alternate;
}

.uploadselect
{
	background: #d6f3d6 !important;
	border: 1px solid #0f0 !important;
}

.errShow{margin: 5px auto;}

.printBtn{color: #fff !important;}

/*css starts for wbuafs*/
.bgColorBl{background-color: #bcd8f4 !important; margin-bottom: 8px; }
.blFont{color: #000;}
.nonLoginMenuHt{height: 268px !important;}

#misc_add td{position: relative;}

.appFrmCanBtn{color: #fff !important;}
.appFrmSvBtn{padding-top: 7px !important; padding-bottom: 7px !important; margin-top: 0px !important;}
.hideMe{display: none !important;}
.marksErr{border: 2px solid red;}
.ml-810{margin-left: 810px !important;}
/*css ends for wbuafs*/

@keyframes shake {
	0% { transform: skewX(-15deg); }
	5% { transform: skewX(15deg); }
	10% { transform: skewX(-15deg); }
	15% { transform: skewX(15deg); }
	20% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }  
  }

  .tableFixHead { overflow-y: auto; height: 500px; }

  .collapseSMgroup
	{
		margin: -5px !important;
		transform: scale(0.75) !important;
	}

.collapseheading
{
	color: #343a40 !important;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.dropdivmaster{
	list-style-type:none;
	padding: 0;
	text-align: center;
}

.groupheader h6{
	line-height: 40px;
}
:root {
	--white: #e8e9ed;
	--gray: #434257;
	--blue: #18172c;
	--green: #00d084;
	--pink: #ff4b77;
  }
  
  ol {
	list-style: none;
  }
  
  .checkswitcher {
	position: absolute;
	left: -9999px;
  }
  
  .switches {
	max-width: 500px;
	width: 95%;
	border-radius: 5px;
  }

  .switches label {
	cursor: pointer;
  }
  
  .switches li {
	position: relative;
	counter-increment: switchCounter;
  }
  
  .switches li:not() {
	border-bottom: 1px solid var(--gray);
  }
  
  .switches label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
  }
  
  .switches span {
	position: relative;
	width: 50px;
	height: 26px;
	border-radius: 15px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
	background: #f55858;
	color: #fff;
	transition: all 0.3s;
  }
  
  .switches span::before,
  .switches span::after {
	content: "";
	position: absolute;
  }
  
  .switches span::before {
	left: 1px;
	top: 1px;
	width: 24px;
	height: 24px;
	background: var(--white);
	border-radius: 50%;
	z-index: 1;
	transition: transform 0.3s;
  }
  
  .switches span::after {
	top: 50%;
	right: 8px;
	width: 12px;
	height: 12px;
	transform: translateY(-50%);
	background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/uncheck-switcher.svg);
	background-size: 12px 12px;
  }
  
  .switches .checkswitcher:checked + label span {
	background: var(--green);
  }
  
  .switches .checkswitcher:checked + label span::before {
	transform: translateX(24px);
  }
  
  .switches .checkswitcher:checked + label span::after {
	width: 14px;
	height: 14px;
	/*right: auto;*/
	left: 8px;
	background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/checkmark-switcher.svg);
	background-size: 14px 14px;
  }
  
  @media screen and (max-width: 600px) {
	.switches li::before {
	  display: none;
	}
  }

  .successfiller{
	border: 2px solid green !important;
    border-radius: 3px !important;
  }



  input[type="checkbox"].interactive_checkbox { display: none; }

  input[type="checkbox"].interactive_checkbox + label {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 20px;
	font: 14px/20px 'Open Sans', Arial, sans-serif;
	color: #000000;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
  }
  
  input[type="checkbox"].interactive_checkbox + label:last-child { margin-bottom: 0; }
  
  input[type="checkbox"].interactive_checkbox + label:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border: 2px solid #1e6986;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .6;
	-webkit-transition: all .12s, border-color .08s;
	transition: all .12s, border-color .08s;
  }
  
  input[type="checkbox"]:checked.interactive_checkbox + label:before {
	width: 10px;
	top: -5px;
	left: 5px;
	border-radius: 0;
	opacity: 1;
	border-top-color: transparent;
	border-left-color: transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  }

  .custom_pagination_search{
    margin-top: 3px;
    width: 74px;
	height: 34px;
  }

  th.verticalTableHeader {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);   
  }
  th.angularTableHeader {
	-webkit-transform: rotate(330deg);
	-moz-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	-o-transform: rotate(330deg);
	transform: rotate(330deg);   
	padding: 50px 20px!important;
  }

  /* for sm */

.custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 1rem;
    padding-bottom: 1rem;
}

.custom-switch.custom-switch-sm .custom-control-label::before {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
}

.custom-switch.custom-switch-sm .custom-control-label::after {
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    border-radius: calc(1rem - (1rem / 2));
}

.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1rem - 0.25rem));
}

/* for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

/* for lg */

.custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 3rem;
    padding-bottom: 2rem;
}

.custom-switch.custom-switch-lg .custom-control-label::before {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.custom-switch.custom-switch-lg .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: calc(3rem - (2rem / 2));
}

.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2rem - 0.25rem));
}

/* for xl */

.custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 4rem;
    padding-bottom: 2.5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::before {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::after {
    width: calc(2.5rem - 4px);
    height: calc(2.5rem - 4px);
    border-radius: calc(4rem - (2.5rem / 2));
}

.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2.5rem - 0.25rem));
}

#ui-datepicker-div{ z-index:99999 !important; position:fixed !important; }

.startExamSection{ overflow: scroll;margin-bottom: 3%;}

.copyul{
	list-style-type: number;
    padding-left: 15px;
}

.labelprint{
	cursor: pointer;
	margin-left:3px;
}

.labelprintul{
	list-style-type: none;
    padding: 0;
    column-count: 4;
}

.labelprintulbody{
	list-style-type: number;
    padding-left: 15px;
    font-weight: bold;
    column-count: 5;
}

.flexbox{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.fine_waiver_amount{
	margin-bottom: 2px;
	width: 18%;
	margin-left: 2px;
}

#collapse1{
	overflow-x: auto;
}

section.content{
	overflow: scroll;
    margin-bottom: 3%;
}

/* Designer added some CSS below for new pages deisgn and css paste by santanu from designer*/

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
button.editbtn {
    background-color: #17a2b8;
    border: none;
    font-size: 12px;
    padding: 2px 10px 2px 10px;
    border-radius: 2px;
    color: #fff;
}

.table-text th {
    padding: 0.3em!important;
}
.table-text td {
    padding: 0.5em!important;
    font-size:14px;
}
.card-header>.card-tools {
    float: right;
    margin-right: -0.625rem;
}
.button-version1 {
    float: right; !important;
    width: inherit !important;
    font-size: 14px !important;
    margin-top: 10px !important;
    margin-right: 10px !important;
    background: #28a745 !important;
    border: 0px!important;
    padding: 10px 20px 10px 20px;
    color:#fff !important;
}
.button-version2 {
    font-size: 14px !important;
    margin-right: 10px !important;
    background: #28a745 !important;
    border: 0px!important;
    padding: 8px 20px 8px 20px;
    color:#fff !important;
}
label.form-check-label {
    margin-right: 46px;
}
.form-group-search {
    float: right;
}
.select2-container {
    display: inline-block !important;
    margin-right: 10px;
}
.text-right {
    margin-bottom: 20px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #007bff !important;
    border-color: #006fe6 !important;
}
.header-text {
    background-color: #17a2b8;
}
h3.title-text {
    color: #fff;
}
h4#exampleModalLabel {
 font-size: 1.1rem !important;
    color: #000;
}
#processListDiv {
    overflow-y: scroll;
    max-height: 300px;
}
button.btn-modal {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
    box-shadow: none;
}
.modal-box-dialog {
    width: 750px !important;
}
h3.title-header-text {
    font-size: 22px;
    font-weight: 500;
}
button.btn-modal:hover{
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}
.part-table td
{
	vertical-align: middle;
}
.part-table thead tr:first-child th
{
	font-size: 17px;
}
.part-table th:not(:first-child) {
    text-align:right !important;
}
.part-table td:not(:first-child) {
    text-align:right !important;
}
.payment-table th:not(:first-child) {
    text-align:right !important;
}
.payment-table td:not(:first-child) {
    text-align:right !important;
}
.totalrow
{
	font-size: 20px;
	font-weight: bold;
}
/*  designer CSS end here for some new pages paste by santanu end here */

#modal-add .modal-content{
	background-color: #d9edf2;
}

.form-group > .select2-container {
    width: 100% !important;
}
.select2-container--bootstrap .select2-selection--single {
    height: 38px !important;
}
.scrollableTable{
	display: block;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
    overflow-x: auto;
    white-space: nowrap;
}

.scrollableTable td:not(:first-child),.scrollableTable th:not(:first-child){
		min-width: 200px;
}

/* .scrollableTable td, .scrollableTable th{
	min-width: 200px;
}

.scrollableTable td:first-child, .scrollableTable th:first-child{
min-width: auto;
} */

.card-header .nav{
	margin-top: -50px !important;
    margin-left: 1px !important;
}

a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
.card-header .nav-tabs{
    background-color: transparent;
    border: none;
}
.card-header .nav-tabs li a{
    color: rgb(255, 255, 255);
    background: #17a2b8;
	font-weight: bold;
    padding: 15px 15px 10px;
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: hidden;
    position: relative;
	box-shadow: 0px 0px 17px -3px rgb(0, 0, 0, 0.4);
    z-index: 1;
    transition: all 0.3s ease 0s;
}


.card-header .nav-tabs li:last-child a{ margin-right: 0; }
.card-header .nav-tabs li a:hover,
.card-header .nav-tabs li.active a{
    color: #222;
    background: #fff;
    border: none;
}
.card-header .nav-tabs li a.active{ color: #17a2b8; box-shadow: none !important;}
.card-header .nav-tabs li a:before,
.card-header .nav-tabs li a:after{
    content: "";
    background-color: #17a2b8;
    height: 7px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.5s ease 0s;
}


.card-header .nav-tabs li a.active:before,
.card-header .nav-tabs li a.active:after{
    content: "";
    background-color: #6CBF1C;
    height: 7px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.card-header .nav-tabs li a.active:after{
    content: "";
    background-color: #6CBF1C;
    height: 7px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.card-header .nav-tabs li a:after{
    background-color: #6CBF1C;
    height: 100%;
    opacity: 0;
}
.card-header .nav-tabs li.active a:before,
.card-header .nav-tabs li a:hover:before{
    height: 100%;
    opacity: 0;
}
.card-header .nav-tabs li.active a:after,
.card-header .nav-tabs li a:hover:after{
    height: 7px;
    opacity: 1;
}
.card-header .tab-content{
    color: #555;
    background: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 23px;
    padding: 20px;
}
.card-header .tab-content h3{
    color: #222;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 7px 0;
}
@media only screen and (max-width: 479px){
    .card-header .nav-tabs li{ width: 100%; }
    .card-header .nav-tabs li a{ margin: 0 0 10px; }
    .card-header .tab-content h3{ font-size: 18px; }
}


.modal-addFrm .card{
	border-radius: 0 !important;
}

.dataTables_scrollHead {
  position: sticky !important;
  top: 119px;
  z-index: 99;
  background-color: white;
  box-shadow: 0px 5px 5px 0px rgba(82, 63, 105, 0.08);
}

/*table.scrollableTable > span.select2-container{
    width: 100% !important;
    max-width: 300px!important;
}*/

.repeatertable .form-group .select2-container{
  width: 300px !important;
}