:root
{
    --primary-color:#2d3972;
}


table.dataTable tbody th, table.dataTable tbody td
{
    padding:8px 2px !important;
}

.dataTable a 
{
    font-size: 10px;
}


body 
{
    font-size:13px;
        background:#f1f1f1;
}

.staffdetail img 
{
    height:250px;
    width:100%;
}

.staffdetail h4 
{
    text-align:center;
}

.subcontract 
{
    margin:60px 0 0 0;
}


.editform 
{
    background:#eee !important;
}

::placeholder 
{
    font-size:13px;
}

.btn:hover,.btn:active 
{
    color:#fff;
}

form .error {
  color: #ff0000;
}

.close 
{
    border:0;
    padding:0 15px;
}

.mainheader,.mainfooter,.mainfooter1
{
    background:var(--primary-color);
}

.mainheader p 
{
    font-size:22px;
}

.mainfooter 
{
    position:absolute;
    width:100%;
    bottom:0;
}

.mainfooter1 
{
    width:100%;
    bottom:0;
}

.mainsection
{
    height: 83%;
    position: fixed;
    width: 100%;
    display: flex;
    align-items: center;

}

.mainsection .card img 
{
    height:310px;
    object-fit:cover;
    width:100%;
    padding:20px;
}

.mainsection .card 
{
    box-shadow: 2px 3px 5px #ddd;
    border: 0;
    background: #f1f1f1;
    border-radius:15px;
}

.mainsection .card-body 
{
    background: #fff;
    text-align: center;
    border-radius:0 0 15px 15px;
}

.mainsection .card-title a
{
    text-decoration: none;
    text-transform: uppercase;
    color: #303030;
    font-weight: bold;
    font-size:20px;
    display:block;
}


.btn-dmrc 
{
    background:#cb2029!important;
    color:#fff;
    padding:5px 20px;
    font-size:14px;
}


.btn-login 
{
    width:100%;
    background:#cb2029!important;
    color:#fff;
    padding:10px 40px;
}

.btn-login:hover 
{
    color:#fff;
}

a 
{
    text-decoration:none !important;
}

.btn-login1 
{
    width:100%;
    background:#2d3972!important;
    color:#fff;
    padding:10px 40px;
}

.btn-login1:hover 
{
    color:#fff;
}

.loginbox 
{
  
        box-shadow: 2px 5px 5px #eee;
    border: 1px solid #2d3972;
    padding: 20px;
    border-radius:10px;
    background:#fff;
}

.login-form 
{
    background: #f1f1f1;
    padding: 20px;
}

.addbtn
{
	background:#2c3f69;
	color:#fff;
	padding:8px 15px;
}


.phead .modal-header .close
{
    margin:7px 10px !important;
}

.phead {
   background: #E5E7E9;
    padding: 0px 0px;
    color: #F96921;
    border-radius: 2px 2px 0 0;
}

.phead h4
{
    width:100%;
}

.phead h3, .phead h4
{
margin: 0px;
    font-size: 12px;
    background: #2d3972 !important;
    color: #fff !important;
    padding: 8px 20px;
}

.pcontent
{
	padding:0px;
}

.wlcom
{
	float:right;
}
.toptime
{
	float:right;
	list-style:none;
    margin:0 !important;
    padding:0 !important;
	
}
.toptime li
{
	float:left;
	padding:0 7px;
	font-size:13px;
	
}
.brdr
{
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	border-radius:2px;
	
}
.toptime li a
{
	text-decoration:none;
	color:#f9702b;
}
.toptime li a:hover
{
	text-decoration:none;
	color:#f9702b !important;
}

.innersection 
{
    padding:20px 25px;
    background:#f1f1f1;
    min-height:650px;
}

.innersection1 
{
    padding:20px 12px;
    background:#f1f1f1;
}

.bgctop
{

	padding:10px 25px;
	background:#fff;
}

input[type="radio"]
{
   transform:scale(1.4);
   margin:0 10px 0 0;
}

.btn-file 
{
    background-color: #ddd!important;
    border: 1px solid #ddd!important;
    width: 100%;
    color: #000 !important;
}

.logo .card
{
    border:0;
}

.btn-form 
{
    background:#cb2029!important;
    border:1px solid #cb2029!important;
}

table.dataTable thead th,table th
{
    color:#000 !important;
    padding:3px!important;
    
        border: 1px solid #acbfd4;
        background: #dceaf9 !important;
}


table td 
{
    font-size:11px !important;
}

.dmrc span 
{
    margin:0 5px;
}

.dmrc table td
{
    font-size:11px !important;
}


.dmrc table th 
{
    font-size:9px !important;
}

.trainingth
{
    width:63%;
}

label
{
  padding:10px 0;
  font-weight:bold !important;
  text-transform:capitalize;
  font-size:12px;
}
.bg-white{
  background:#fff;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.12);
  border-radius: 2px;  
}

input[type="text"] {
    color: #333;
}
.form-control {
    border-radius: 0px;
    background: #fff;
}

table.dataTable td,table td
{
    border:1px solid #ccc !important;
}

.bg-white h4 {
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: bold;
}

.table>tbody>tr>th {
    vertical-align: middle !important;
}

.btn-default {
    background-color: #cb2029!important;
    border: 1px solid #cb2029!important;
}
.btn {
    border-radius: 0px;
    color: #FFFFFF;
}


@media (max-width: 819px) 
{ 
    
    .subcontract
    {
        margin:0;
    }
    
    .mainheader h1 
    {
        font-size:25px;
    }
    .mainheader p 
{
    font-size:20px;
}

   .mainsection
    {
  position:static;
    padding: 20px 15px;
    }
    
    .mainfooter 
    {
        position:static;
    }

}


@media (max-width: 767px) 
{ 
    
    
    .dataTable td 
    {
        padding:12px 30px !important;
    }
    
    .subcontract
    {
        margin:0;
    }
    
    .dashboardbox
    {
        margin:0 !important;
    }
    
    .innersection
    {
        min-height:100%;
    }
    
    .btn-login1,.btn-login 
    {
        padding:10px 25px;
    }
    
    .dateheader 
    {
        text-align:center !important;
        margin:5px 0 !important;
    }
    
    .toptime 
    {
        display:flex;
        justify-content:center;
        width:100%;
        margin:0 0 5px 0 !important;
    }
    
    .wlcom 
    {
      float:none;
      text-align:center;
    }
    
    .btn-file
    {
        width:100%;
    }
    
    .mainfooter1 p 
    {
        text-align:center !important;
        margin:0 0 5px 0 !important;
    }
    
    .logo 
    {
        display:block;
        margin:0 auto;
    }
    .bgctop
    {
        padding:10px 15px;
    }
    
    .innersection 
    {
        padding:20px 15px;
    }
    
    .mainsection
    {
        position:static;
        padding:30px 0;
    }
    .mainfooter 
    {
        position:static;
    }
    .mainsection .card 
    {
        margin:0 0 30px 0;
    }
    .mainfooter  p
    {
       text-align:center !important; 
       margin:0 0 10px 0 !important;
    }
}


@media (max-width: 700px) 
{ 
    .mainheader h1 
    {
        font-size:25px;
    }
    .mainheader p 
{
    font-size:20px;
}

   .mainsection
    {
  
    padding: 20px 15px;
    }

}


@media (max-width:568px)
{
    .mainsection
    {
  
    padding: 20px 15px;
    }
    
   
    
    .mainheader h1 {
    font-size: 25px;
}

.mainheader p 
{
    font-size:20px;
}
    
}

@media (max-width:414px)
{
    .mainsection
    {
    position: fixed;
    height: 83%;
    padding: 20px 15px;
    }
    
    .mainfooter 
    {
        position:absolute;
    }
    
    .mainheader h1 {
    font-size: 18px;
}

.mainheader p 
{
    font-size:16px;
}
    
}

@media (max-width:360px)
{
    .mainsection
    {
    position: fixed;
    height: 80%;
    padding: 20px 15px;
    }
    
    .mainfooter 
    {
        position:absolute;
    }
    
    .mainheader h1 {
    font-size: 18px;
}

.mainheader p 
{
    font-size:17px;
}
    
}

@media (max-width: 320px) 
{ 
    .mainheader h1 
    {
        font-size:15px;
    }
    
    .mainheader p 
    {
        font-size:14px;
    }
    .mainsection
    {
       height: 75%;
    padding: 15px;
    position: fixed;
    }
    
    .mainfooter 
    {
        position:absolute;
    }
}