@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

a:hover,a:focus,a:active
{
	text-decoration: none;
}
.bg-none
{
	background: none !important;
}
/*----Padding-----*/
.p-1
{
	padding: 5px !important;
}
.py-2
{
	padding-top:10px;
	padding-bottom: 10px;
}
.p-2
{
	padding: 10px;
}
.pl-2
{
	padding-left: 10px !important;
}
.pl-3
{
	padding-left: 15px !important;
}
.no-padding
{
	padding: 0px !important;
}
.radius-0
{
	border-radius: 0px !important;
}
/*Margin*/
.no-margin
{
	margin:0px;
}

.mb-n-25px
{
	margin-bottom:-25px;
}
/*Padding*/

/*Color*/
.sky
{
	color:#1FB5AC !important;
}
.light
{
	color:#ddd;
}
.light1
{
	color:#475767;
}
 .light2
  {
  color:#9E9E9E;
  }
.white
{
color:#f1f1f1!important;
}
.white-1
{
	color:#fff!important;
}
.red
{
color:#AA0508!important;
}
.red-1
{
 color:#460007 !important;
}
.black
{
	color:#000!important;
}
.blue
{
color:#0A5582!important;
}
.green
{
color:#5B9B3E!important;
}
.black-1
  {
  color:#333;
  }
 .black-2
 {
   color:#686868 !important;
 }
.yellow
{
	color:#FFCC00 !important;
}
.white-bg
{
	background:#fff;
}
/*Shadow*/
.s-top {
	box-shadow: 0 -5px 5px -5px #333;
}

.right {
	box-shadow: 5px 0 5px -5px #333;
}

.s-bottom {
	box-shadow: 0 5px 5px -5px #333;
}

.s-left {
	box-shadow: -5px 0 5px -5px #333;
}

.s-all {
	box-shadow: 0 0 5px #333;
}
.s-none
{
	box-shadow:none !important;
}
/*Heading & Para*/


/*==Border====*/
.border-right
{
border-right:1px solid rgba(221, 221, 221, 0.49);
}
.border-left
{
border-left:1px solid rgba(221, 221, 221, 0.49);
}
.border-bottom
{
border-bottom:1.5px solid #ddd !important;
}
.border-top
{
border-top:1px solid #ddd !important;
}
.border-none
{
	border:0px!important;
}
.border-r
{
	border-right:0px!important;
}
.border-l
{
	border-left:0px!important;
}
.border-t
{
	border-top:0px!important;
}
.border-b
{
	border-bottom:0px!important;
}
label
{
	font-size: 12px;
	margin-top: 10px;
}
table.dataTable thead > tr > th, table.dataTable tbody > tr > td
{
	font-size: 12px !important;
}
#hideMe {
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}
.dataTables_filter
{
	margin-top: -10px;
    margin-right: 10px;
}
.buttons-excel,.dataTables_filter
{
	float: right;
}
.dataTables_filter input
{
		display: inline-block;
        height: calc(2.25rem + 2px);
        padding: 3px;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        width: 185px;
    }
 .buttons-copy
 {
 	    color: #fff;
        background-color: #28a745;
        border-color: #28a745;
        content: 'hi';
 }
   .buttons-copy:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34
    }
    .buttons-copy.focus,
    .buttons-copy:focus {
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
    }
    .buttons-excel {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }
    .buttons-excel:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc
    }
    .buttons-excel.focus,
    .buttons-excel:focus {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
    }
    .buttons-pdf {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }
    .buttons-pdf:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130
    }
    .buttons-pdf.focus,
    .buttons-pdf:focus {
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
    }
    .buttons-pdf,.buttons-excel,.buttons-copy,.previous,.next,.current
    {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }
.paging_simple_numbers
{
	float: right;
}

.previous,.next,.current  {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}
.previous:hover,.next:hover,.current:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}
.previous.focus,
.previous:focus,
.next.focus,
.next:focus,
.current.focus,
.current:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.paginate_button 
{
    padding: 5px 8px;
    cursor: pointer;
}
.main-footer
{
    padding-block: 10px !important;
    background: #2047ce;
    /* position: fixed; */
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px 5px 0px 5px;
}
.panel-green {
    border-color: #5cb85c ;
}
.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: white;
    background-color: #5cb85c !important;
}
.panel-red {
    border-color: #d9534f;
}
.panel-red > .panel-heading {
    border-color: #d9534f;
    color: white;
    background-color: #d9534f;
}
.panel-yellow {
    border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: white;
    background-color: #f0ad4e;
}
.badge
{
    background: #fff;
    color: #333 !important;
}
.center {
    display: flex;
    justify-content: right;
    align-items: center;
    height: 10px;
}
.left {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 10px;
}
.search {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 200px;
    width: 50%;
    background-color: #e7e7e7;
}
.height-auto{
    height: 90vh;
}
.mb-0{
    margin-bottom: 0px;
}
.fo-bg-color{
    background-color: #001b66;
padding-block: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.text-cen{
    margin-bottom: 0;
    text-align: center;
    color: white;
}
.fo-img{
    width: 155px;
    padding-left: 11px;
}
.header-img{
    width: 200px;
  position: absolute;
  top:3px;
}
/* .bg{
  
    background-image:url(../../uploads/login-img/login-bg.jpg);
    background-color: #cccccc00;
    background-position: center;
    background-size:100%;
    background-repeat: no-repeat; */
/* } */
.input-feilds label, .input-feilds input{
    display: block;
}
.input-feilds label{
   color: #000;
   font-family: 'Poppins', sans-serif;
}
.flex{
    display: flex;
    align-items: center;
    justify-content: center;
}
.container-fluid{
    padding: 0px !important;
   
    
}
.container-fluid-height{
height: 92vh;
background-color: #f9f4f1;

}
.right-sec h1{
font-weight: 500;
font-family: 'Poppins', sans-serif;
color: #000;
font-size: 35px;

}
.right-sec{
    border-radius: 10px;
    padding-block:20px;
   margin-top: 0px;
   padding-inline: 30px;
    background-color:#e7eefd; 
}
.input-feilds{
    padding-block:20px;
}
 .input-feilds input{
    width: 351px;
    border-radius: 7px;
    border: none;
}

input:focus{
 background-color: #fff;

 border: 1px solid rgba(0, 0, 0, 0);
 outline-style: solid;
 outline-color:#007bff;
 outline-width: thin;
}
button{
    color:#fff;
    background-color: #2047ce !important;
    margin-top: 10px !important;
}
.btn:active{
    border: none !important;
    outline: none !important;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline:none;
  outline: none;
  outline-offset: none;
}
.rem-col{
    color:#2047ce;
}
/* .left-sec {

} */
.left-sec img{
    margin-top: 40px;
width: 50%;
}
.left-text {
text-align: center;
   
}
.left-text h2{
font-weight: 800;
color:#2047ce;
font-family: 'Poppins', sans-serif;

font-size: 35px;
}
.header-text{
    font-size: 20px;
    font-weight: 600;
    margin: 0px !important;
    padding: 0px !important;
    font-family: 'Poppins', sans-serif;

}