.footer-m{
display:none;	
}
.navbar-toggler {
    border: 1px solid #ec0280!important;
}
:focus-visible {
    outline: none;
}
button:focus {
    outline:none;
}
.fa.fa-bars.cus_menu_bar_style {
    color: #ec0280!important;
}
.navbar .nav-item {
    padding: 10px 10px;
}
.cus_collapse_txt{
	background:white;
	padding: 0 28px;
}
.cus_container {
    width: 85%;
        height: 80px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* .cus_fa_download {
    font-weight: 600;
} */
.main_header_style_s {
        width: 92%;
    margin: 0 auto;
    display: flex;
}
.cus_collapse_txt {
    background: white;
    padding: 0;
    height: 80px;
}
    .cus_container {
    width: auto;
}
img.org-logo {
    width: 150px;
}
.time-sh-l {
    border: none !important;
    border-style: groove;
    border-bottom: 1px solid #b1b3b5 !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: black !important;
}

/* #import_li, #add_progr,button#export_b,#can_btn,#btn_save,#btn_reset,.create-new-signcourse-btn,
.dataTables_wrapper .dataTables_filter input,.add_to_existing_group,#add-to-new-grp-btn,#save_btn,.goBackLink,
#Upload,#add_sub,#add_inst,#cancel_sub,#addUser,#btn_submit,#add_btn,.export-simplified-view-btn,.submit-map-btn,.approve-map-btn{
height:33px !important;	
} */

.goBackLink{
line-height:1.9;	
}
.dataTables_wrapper .dataTables_filter input{
border-radius:5px !important;	
}
a.btn.goBackLink{
	line-height:1.4;
	}

/* 
.dropdown-menu.sign_sub.show,.dropdown-menu.arti-child.show,a#navbarDropdownMenuLink+.dropdown-menu.show{
	
	background:#EC0280;
	
	padding-top: 0;
    padding-bottom: 0;
	    margin-top: 22px;
} */
.dropdown-menu.sign_sub.show, .dropdown-menu.arti-child.show, a#navbarDropdownMenuLink+.dropdown-menu.show {
    /* background: #EC0280; */
    padding-top: 0;
    padding-bottom: 0;
   /*  margin-top: 22px; */
    /* border: 1px solid #b1b3b5; */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 10px #999!important;
}

a#navbarDropdownMenuLink+.dropdown-menu.show a{
	background:#FDEBF5;
	color: #000!important;
    border: 1px solid #FDEBF5;
}
.navbar-nav .show>.nav-link{
outline:none;	
}

.dropdown-menu.sign_sub.show a:hover,.dropdown-menu.arti-child.show a:hover,a#navbarDropdownMenuLink+.dropdown-menu.show a:hover{
	background:#EC0280;
	color : #fff!important;
}

.dropdown-menu.sign_sub.show a,.dropdown-menu.arti-child.show a,a#navbarDropdownMenuLink+.dropdown-menu.show a{
	color:white;
font-weight:600;
/* font-size: 12px;
    padding: 0.75rem 1.5rem;
       letter-spacing: 1px;  */
        font-size: 14px;
           padding: 10px 20px;
       /* border-style: groove; */
   /*  border-bottom: 1px solid #b1b3b5; */
   border: 1px solid #b1b3b5;
}


.dropdown-menu.logout-menu {
    left: -120px !important;
}
.dropdown-item{
white-space:normal !important;	
}
.dataTables_wrapper .dataTables_filter input {	
    width: 100% !important; 	
}
.container{
max-width:unset;
} 

 img.org-logo{
/* width: 150px; */
    height: auto;
}
nav.navbar {
    background-color: white !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
    height: 80px;
    z-index: 2;
    position: fixed;
    width: 100%;
    top: 0;
        padding: 0;
}
.navbar-dark .navbar-nav .show>.nav-link {
    color: #000;
}
.b-main{
	    position: relative !important;
    /* padding-top: 90px !important;
        margin-top: 0; */
        /* margin-top: 90px; */
        z-index: 1;
}

.navbar-dark .navbar-nav .nav-link {
   font-size: 17px;
    outline: none !important;
    box-shadow: none !important;
    font-weight: 600;
 
    }
    
        .navbar-dark .navbar-nav .nav-link {
    color: black;
}

.navbar-dark .navbar-nav .nav-link:active:focus, .navbar-dark .navbar-nav .nav-link:active, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    outline: none !important;
    box-shadow: none !important;
    color: #ec0280!important;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #ec0280!important;
} 
   
 /*  body{
	font-family: inherit;
}  */
  
 .btn {
 box-shadow:none;
    /* text-transform: uppercase;
    border: none; */
    /* box-shadow: 1px 1px 4px rgb(0 0 0 / 40%); */
   /*  transition: all 0.4s; */
}   
 a.application_name {
    color: #f0a23e !important;
    font-weight: bold;
    padding: 0 10px;
    text-transform: capitalize;
    font-size: 20px;
    margin-left: 25px;
    text-decoration: none;
    cursor: default;

}
body{
	/* font-family:montserrat !important; */
	overflow-x: hidden;
	/* font-family: inherit; */
}  


 /* here is the all pages common code   */
 
.head_lbl {
    font-weight: bold;
    color: #425563;
    font-size: 24px;
    /* left: -37px; */
}
.navbar-nav>li>a {
    padding-top: 20.5px;
    padding-bottom: 20.5px;
}



/* here is the icon code collapse expand icon */
.openbtn {
    position: absolute;
    /* left: 40%; */
    font-size: 20px;
    margin-left: -14px;
    /* z-index: 15; */
    top: 33px;
    background-color: white;
}
.icon-div .hidden_icon {
   /*  position:absolute;
    top:0;
    left:0; */
    display:block;
    /* display:none; */
}
.openbtn:hover {
	position: absolute;
    /* left: 40%; */
    font-size: 20px;
    margin-left: -14px;
    /* z-index: 15; */
    top: 33px;
   background-color:#425563;
    color:white;
}
/* i#first {
    border: 1px solid gray;
    border-radius: 50%;
    
    font-size: 23px;
    text-align: center;
    padding: 1px 8px;
    padding-bottom: 3px;
   
} */
i#first {
    border: 1px solid gray;
    border-radius: 50%;
   
    font-size: 23px;
    text-align: center;
   padding: 0px 7px;
    padding-bottom: 2px;
    padding-right: 9px;
    top: 45px;
}
.add,.btn .btn-primary:active{
 background-color: #425563 !important;
    color: white !important;
    border: none;
 } 
 .page-item.active .page-link{
    background-color:#EC0280 !important;
    border-color:#EC0280!important;	
}
 button.dtsp-paneButton.dtsp-collapseButton {
    color:#425563 !important;
    background-color:#bbbcbc!important;
    border: 1px solid #bbbcbc;
}
table.dataTable tbody tr.selected {	
    background-color:#bbbcbc!important;	
}
div.dtsp-topRow {
    background: #fafafa;
    height: 40px;
}
div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {
   color:#ffffff !important;
    background-color:#425563!important;
    border: 1px solid #425563;
    font-weight: 700;
}
thead {
    background: #fafafa;
}
 table.dataTable thead th {
    border-bottom: 1px solid #e1e1e1 !important;
}
table.dataTable.nowrap th {
    font-size: 13px;
    color: black !important;
}
table.dataTable thead th, table.dataTable tfoot th {
    font-weight: bold;
}
table.dataTable thead th {
    font-size: 13px;
    color: black !important;
    border: none;
}
table.dataTable.display tbody td {
    font-size: 13px;
    padding: 10px 15px;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
   
    max-width: 225px;
    text-overflow: ellipsis;
    overflow: hidden;
}

td a, td a:hover {
	color:#976900;
   /*  color: #f1a94e; */
    /* background: #fceedc; */
    padding: 4px 15px;
    border-radius: 2px;
    font-size: 13px;
    padding-left: 0px;
    text-decoration:none;
    font-weight: bold;
}
 button#export_b, #sortby_b, #samp_v {
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 10px;
} 
.fa-2x {
    /* background-color: yellow; */
    width: 40px;
    font-size: 2em;
    cursor: pointer;
}
/* div.dtsp-panesContainer {
    width: 20%;
    padding-left: 15px!important;
    padding-top: 30px;
} */
.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 15px;
    padding-left: 15px!important;
    padding-right: 15px!important;
}
/* here is the add pages common code */
/* #btn_submit {
    color:#425563 !important;
    background-color:#bbbcbc!important;
} */

/* here is the cations coloumn styles */
i.fa.fa-ellipsis-h {
	color: black;
	font-size: 17px;
}
i.fa.fa-ellipsis-h:hover {
    color: white;
    background-color:#bbbcbc;
    font-size: 17px;
     /* width: 37px; */
   /*  height: 24px; */
   /*  padding-top: 3px;
    text-align: center; */
}
i.fa.fa-ellipsis-h:active {
    color: white;
    background-color:#425563;
    font-size: 17px;
   /*  width: 37px; */
   /*  height: 24px; */
   /*  padding-top: 3px;
    text-align: center; */
}
i.fa.fa-ellipsis-h:visited {
    color: white;
    background-color:#425563;
    font-size: 17px;
}
i.fa.fa-ellipsis-h:focus {
    color: white;
    background-color:#425563;
    font-size: 17px;
}
button#export_b, #sortby_b, #samp_v {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 10px;
    padding: 4px 3px;
    width: 65px;
    /* background-color: transparent !important; */
    color: black !important;
    border-color: #425563 !important;
    /* color: #fff; */
    /* background-color: #425563; */
    height: 28px;
}
.form-control{	
	    border-color: #425563 !important;	
	        font-weight: 600 !important;	
}	
.form-control:focus {	
    border-color: #976900 !important;	
box-shadow: 0 0 0 0.5px rgba(151,105,0,255) !important;	
}	
select.form-control {	
    font-weight: 500 !important;	
}

/* here is the code for logout dropdown */
/* .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    left: -120px;
    top: 44px;
    width: 186px;
} */
.dropdown-menu.gsc_menu.show {
    position: absolute;
    left: 9px;
   
    top: 44px;
    width: 186px;
}
.dropdown-menu.articulation_menu.show {
    position: absolute;
    left: -1px;
    top: 44px;
    width: 136px;
}
.dropdown-menu.administration_menu.show {
    position: absolute;
    left: 0px;
    top: 44px;
    width: 137px;
}
.dropdown-menu.articulation_menu a {
    color: black !important;
}
.dropdown-menu.gsc_menu a {
    color: black !important;
}
.dropdown-menu.administration_menu a {
    color: black !important;
}
a#navbarDropdownMenuLink>span>.fa {
    font-size: 20px;
}
/*scroll bar css*/
/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
background: white;  
 box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 10px;
}

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

/* pagination gap issue resolve code */
/* .dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 0.5em!important;
    margin-left: 0px !important;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}
 */
 
 table#sign_course_requests.dataTable tbody tr.even.selected{
background:white !important;	
}
 
 table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after{
     margin-top: -26px;
     
 }
 

 
 
 @media screen and (min-width: 1280px) and (max-width:5000px) {

.container{
    max-width: unset !important;

}

 }
 @media screen and (min-width:320px) and (max-width:600px){
 .cus_collapse_txt {
    background: white;
    padding: 0;
    height: auto;
    width: 100%;
    padding: 0 28px;
}
.cus_container {
    width: auto;
    padding: 0 28px;
}
.main_header_style_s {
    width: 100%;
    display: block;
}
 .head_lbl {
    font-weight: bold;
    color: #425563;
    font-size: 1.5rem;
    
}
.add,.btn .btn-primary:active{
 background-color: #425563 !important;
    color: white !important;
    border: none;
 } 
 
 
 table.dataTable thead th {
    border-bottom: 1px solid #e1e1e1 !important;
}
table.dataTable.nowrap th {
    font-size: 1rem;
    color: black !important;
}
table.dataTable thead th, table.dataTable tfoot th {
    font-weight: bold;
}
table.dataTable thead th {
    font-size: 1rem;
    color: black !important;
    border: none;
}
table.dataTable.display tbody td {
    font-size: 1rem;
    padding: 10px 15px;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
   
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

td a, td a:hover {
    color: #976900;
    /* background: #fceedc; */
    padding: 4px 15px;
    border-radius: 2px;
    font-size: 13px;
    padding-left: 0px;
    text-decoration:none;
}
 button#export_b, #sortby_b, #samp_v {
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 10px;
} 
.fa-2x {
    /* background-color: yellow; */
    width: 40px;
    font-size: 2em;
    cursor: pointer;
}
/* div.dtsp-panesContainer {
    width: 20%;
    padding-left: 15px!important;
    padding-top: 30px;
} */
.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 15px;
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.dropdown-menu.logout-menu {
    left: 0px !important;
}
.vl{
display:none;	
}

 }
 
  @media screen and (min-width:601px) and (max-width:767px){	
  
  .dropdown-menu.logout-menu {
    left: 0px !important;
}
.vl{
display:none;	
}

  }
  @media screen and (min-width:768px) and (max-width:900px){ 
   .cus_collapse_txt {
    background: white;
    padding: 0;
    height: auto;
    width: 100%;
    padding: 0 28px;
}
.cus_container {
    width: auto;
    padding: 0 28px;
}
.main_header_style_s {
    width: 100%;
    display: block;
}
.dropdown-menu.logout-menu {
    left: 0px !important;
}
  }
 @media screen and (min-width:1024px) and (max-width:1280px){	
  .dataTables_wrapper .dataTables_filter input {	
    width: 95% !important; 	
}	
table.dataTable.nowrap th, table.dataTable.nowrap td{	
max-width:100px !important;	
width:100px !important;		
}	
a.application_name{
font-size:17px;
white-space: nowrap;
max-width: 220px;
text-overflow: ellipsis;
font-size: 17px;
overflow: hidden;	
}

  }
  
  
  
.navbar-expand-lg .navbar-nav .dropdown-menu {
    
   /*  top: 44px;
    width: 217px; */
        position: absolute;
    /* left: -120px; */
    left: auto;
    top: 80px;
    width: 200px;
}

.invalid-feedback {
    color: #dc3545;
    font-size: 11px;
    font-weight: 600;
}
  
  
  ul li.cus_public_nav_item {
    margin-right: 25px;
} 





.data_row {
	overflow-x: hidden;
}

.main_header_style_s {
	width: 92%;
	margin: 0 auto;
	display: flex;
}

.cus_collapse_txt {
	background: white;
	padding: 0;
	height: 80px;
}

.cus_container {
	width: auto;
}

img.org-logo {
	/* width: 200px; */
	
}

.bg-dark {
	background-color: white !important;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
	height: 80px;
}

.navbar .navbar-brand {
	font-size: 30px;
}

.navbar .nav-item {
	padding: 10px 10px;
}

.navbar .nav-link {
	margin-left: 10px;
}

.fa-bars {
	color: #007bff;
	font-size: 30px;
}

.navbar .cus_public_nav_link {
	padding-top: 4px;
	padding-right: 14px;
	padding-bottom: 4px;
	padding-left: 14px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 17px;
	color: black;
	font-weight: 600;
}

.navbar .nav-link:hover {
	color: #EC0280;
}

li.nav-item.active a {
	color: #EC0280 !important;
	/*  font-weight: bold; */
}

#sign-in {
	background: #EC0280 !important;
	border-radius: 10px;
	color: #fff !important;
	padding: 8px 20px;
	/* line-height: 1.2; */
	font-size: 18px;
	padding-bottom: 10px;
}

#sign-in:hover {
	background: #b60263 !important;
}

.evn-banner {
	background: #feebf5;
	padding: 0 7%;
	padding-top: 20px;
	margin-top: 80px;
}

.main_heading-2 {
	font-weight: bold;
	font-size: 38px;
	line-height: 55px;
}

.low_fw {
	font-weight: 400;
}

.right_side_image {
	padding: 0px 0 20px 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 430px;
}

.parent {
	display: flex;
	height: 45px;
	margin-top: 45px;
	align-items: center;
}

.btn-main {
	background-color: #ec0280;
	border-radius: 10px;
	border: 1px solid #ec0280;
	padding: 10px 15px;
	color: white;
	font-size: 1rem;
}

.img-2, .img-3 {
	margin-left: 10px;
	height: 45px;
}

.span-01 {
	font-weight: bold;
}

.envgi_card {
	padding: 3rem 8rem;
	justify-content: center;
}

.cus_heading {
	font-size: 26px;
	font-weight: bold;
}

.card_set {
	display: flex;
	align-items: center;
	padding: 0;
	border-radius: 10px;
	border-left: 5px solid white;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	/* height: 276px; */
	height: 180px;
	margin-top: 30px;
}

.card_set:hover {
	border-left: 5px solid #ec0280;
}

.info {
	margin-left: 16px;
	padding-right: 16px;
	font-size: 14px;
	line-height: 1.8;
}

.homepageHr{
	background: #ec0280 !important;
	width: 16%;
	margin-left: 0px;
	margin-top: 0;
	height: 2px;
	margin-bottom: 15px;
}

.btn_m {
	text-align: center;
}

.footer_data_row {
	background: #20202d;
	color: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 60px;
	margin-top: 40px;
}

.image_set_style {
	width: 150px;
}

.resourses_set a {
	margin-right: 10px;
}

.btn-main:hover {
	background-color: #b60263;
	color: white;
}
/*media queries*/
@media screen and (min-width: 320px) and (max-width: 767px) {
	.main_header_style_s {
		/* display: block; */
		flex-direction: column;
		width: 100%;
	}
	
	.cus_login_n_s_item {
		text-align: center;
	}
	.cus_new_style_nav_item {
		display: flex;
	}
	.navbar .nav-link {
		margin-top: 0;
		padding-top: 0;
	}
	.cus_collapse_txt {
		background: white;
		padding: 0 28px;
		height: auto;
	}
	.cus_container {
		width: 92%;
		padding: 0;
	}
	.envgi_card {
		padding: 0 7%;
		padding-top: 20px;
	}
	.evn-banner {
		padding: 0 8%;
	}
	.footer_data_row {
		display: block;
		text-align: center;
	}
	.cd_view {
		margin-bottom: 30px;
	}
	.card_set {
		height: auto;
		padding: 15px;
	}
	.right_side_image {
		margin-top: 30%;
	}
	.parent {
		display: block;
		margin-top: 0;
		text-align: center;
		position: relative;
		z-index: 1;
	}
	.main_heading-2 {
		font-weight: bold;
		font-size: 37px;
		line-height: 1.5em;
		padding: 0 15px;
	}
	.left_content {
		text-align: center;
		padding: 10px 0;
	}
	.btn-main {
		padding: 10px 15px;
		margin: 0 auto;
		margin-bottom: 7%;
		margin-top: 2%;
	}
	.btn_m {
		width: 86%;
		margin: 0 auto;
	}
	.sub_parent {
		display: flex;
		justify-content: center;
	}
	.resourses_set {
		display: flex;
		justify-content: center;
	}
}

@media screen and (min-width: 768px) and (max-width: 900px) {
	.main_header_style_s {
		display: block;
		width: 100%;
	}
	.cus_login_n_s_item {
		text-align: center;
	}
	.cus_new_style_nav_item {
		display: flex;
	}
	.navbar .nav-link {
		margin-top: 0;
		padding-top: 0;
	}
	.cus_collapse_txt {
		background: white;
		padding: 0 28px;
		height: auto;
	}
	.cus_container {
		width: 92%;
		padding: 0;
	}
	.envgi_card {
		padding: 0 7%;
		padding-top: 20px;
	}
	.right_side_image {
		margin-top: 6%;
	}
	.card_set {
		height: 335px;
	}
	.cd_view {
		margin-bottom: 8%;
	}
	.btn_m {
		margin-top: 4%;
	}
	.footer_data_row {
		padding: 10px 46px;
		padding-right: 40px;
	}
}