/*@import url('https://fonts.googleapis.com/css?family=Meera+Inimai');*/


body{font-family: 'CALIBRI'!important;font-weight:normal!important;}

#toast-container { display:none!important; visibility:hidden!important;}
.listTable td{ vertical-align:middle;}
.listTable td:first-child{ text-align:center;}
.listTable img{ height:50px;}

header.navbar a.navbar-brand { background:none!important;}
header.navbar a.navbar-brand img{ max-width:100%; margin:5px; height:43px; background: #fff;
    border-radius: 5px;}

.bgMerun{ background:#9C005B; color:#FFFFFF;}
.bgLightBlue{ background:#006CB4; color:#FFFFFF;}
.bgDarkBlue{ background:#024E80; color:#FFFFFF;}
.bgWhite{ background:#FFFFFF; color:#333333;}
.bgBlue{ color:#024E80;}


.martop21{    margin-top: 21px;}
.mar0{margin:0px!important}
.p10{ padding:10px;}
.p20{ padding:20px;}
.p30{ padding:30px;}
.p40{ padding:40px;}
.p50{ padding:50px;}
.p100{ padding:100px;}


.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt100{ padding-top:100px;}

.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}
.pr40{ padding-right:40px;}
.pr50{ padding-right:50px;}
.pr100{ padding-right:100px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}
.pb100{ padding-bottom:100px;}

.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl40{ padding-left:40px;}
.pl50{ padding-left:50px;}
.pl100{ padding-left:100px;}

.m10{ margin:10px;}
.m20{ margin:20px;}
.m30{ margin:30px;}
.m40{ margin:40px;}
.m50{ margin:50px;}
.m100{ margin:100px;}

.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt100{ margin-top:100px;}

.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr40{ margin-right:40px;}
.mr50{ margin-right:50px;}
.mr100{ margin-right:100px;}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb100{ margin-bottom:100px;}

.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}
.ml50{ margin-left:50px;}
.ml100{ margin-left:100px;}

.hLine{ border-top:#CCCCCC dotted 1px; clear:both; display:block; overflow:hidden; height:1px; margin:0 5px;}
.noLink{ cursor:default;}

.txtl{ text-align:left!important;}
.txtc{ text-align:center!important;}
.txtr{ text-align:right!important;}
.txtj{ text-align:justify!important;}

.nm{ margin:0!important;}
.ntm{ margin-top:0!important;}
.nrm{ margin-right:0!important;}
.nbm{ margin-bottom:0!important;}
.nlm{ margin-left:0!important;}

.np{ padding:0!important;}
.ntp{ padding-top:0!important;}
.nrp{ padding-right:0!important;}
.nbp{ padding-bottom:0!important;}
.nlp{ padding-left:0!important;}

.imgFit{ width:100%!important;}
.img-responsive{ max-width:100%;}
.imgBdr{ border:#CCCCCC solid 1px; padding:5px; border-radius:5px;}
.noBdr{ border:0!important;}
.center{ margin:auto!important; float:none!important;}
.relative{ position:relative!important;}
.absolute{ position:absolute!important; z-index:100000;}

.fl{ float:left;}
.fr{ float:right;}
.clr{ clear:both; display:block!important; overflow:hidden; height:1px;}



/*Arun Pandi*/
fieldset .controls{    border: 1px solid #0d5f0d;border-radius: 0.25rem;}
.btn-call-form{margin-top: 0px; margin-bottom: 25px;font-size: 18px!important;}
.generte{padding-top: 10px;}
.generte .btn{margin-top: 26px;}
.select2-chosen, .select2-choice > span:first-child, 
.select2-container .select2-choices .select2-search-field input {    padding: 6px 0px;}
table > thead > tr ,table > tfoot > tr {background-color: #c7af12;color: #fff;}
.table-striped tbody tr.color{background-color:#cae1fb;}
.log-in{    background-color: #d9534f; border-color: #d9534f;}
.log-in:hover{background-color: #bf100b; border-color: #bf100b;}
/*.lrForm{    position: absolute;top: 30%; left: 50%;}*/
.lrForm{    margin-top: 20vh;}
/*.lrForm img{    margin-bottom: 11px;}*/
label{font-size: 16px;font-weight: bold;}
.select2-container-multi .select2-choices .select2-search-choice{    border: 1px solid #35a3ff;background-color: #35a3ff;    color: #fff;}
.card-block {padding: 1.25rem;/*box-shadow: 5px 5px 3px 0px;*/}
.shadow{box-shadow: 5px 5px 3px 0px;}
.modal-content{height: auto; min-height:330px;/* 316px;*/ width: 720px;   overflow-y: scroll;}
body.index{/*background-color: #a5b0b7;*/background-image: url(../img/bmg-admin.jpg);background-blend-mode: multiply;    background-size: cover; background-position: center;}


.log-in-page img	{display: block;
    margin: 0 auto;
    margin-bottom: 12px;}

/*tooptip2*/
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip div {
    z-index:10;display:none; padding:14px 20px;
    margin-top:30px; margin-left:-160px;
    min-width:420px; width:auto;line-height:16px;
}
a.tooltip:hover div{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
    background:#35373d url(../img/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
.callout {z-index:20;position:absolute;border:0;top:-31px;left:40%;}
    

a.tooltip div
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    
}



/*alert box1*/
 
#info  {
right: 20%;
top: 20%;
width: 30%;
border: 1px solid #35a3ff;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position:fixed;
color: #000000;
box-shadow: 4px 5px 6px -2px #35a3ff;
margin-left: auto;
 margin-right: auto;

}



.close-btn {
    color: #000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    opacity: 0.2;
    
}

.close-btn:hover{color: #000;}




/*Alert box2*/

.alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
}
.alert a{color: #000;}
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}


/*alert box3*/.alert-box {    padding: 15px;    margin-bottom: 20px;    border: 1px solid transparent;    border-radius: 4px;    position: fixed;    top: 20%;    right: 2%;    min-width: 245px;    min-height: 100px;}
.alert-msg {
    color: #fff;
    background-color: #35a3ff;;
    border-color: #35a3ff;;
    display: none;
}

.alert-msg a{color: #000;}





/*Top nav bar*/
.top-navigation #myNav li a {color: #fff!important;    padding-top: 15px;padding-bottom: 15px;}
.dropdown-menu{background-color:#827732!important; }
.top-navigation #myNav li a:focus, #myNav li a:hover{background-color: #35373d!important;color: #fff;}
.nav>li>a:focus, .nav>li>a:hover{background-color: transparent!important;}

/*datd picker*/
.input-group-addon{background-color: #0d5f0d!important;
    border: 1px solid #0d5f0d!important;
    border-left: none!important;
    color: #fff!important;
    
}


.bootstrap-datetimepicker-widget .picker-switch td span{color: #fff;}



.cus-number{width: 91%!important;float: left;}
.copy-number{float: right;margin-right: -1px;padding-top: 4px;}
.btn-primary {
    color: #fff;
    background-color: #cc9f05!important;
    border-color: #d2a609!important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #13710f!important;
    border-color: #13710f!important;
}



/*table*/

.filterable .form-inline .form-control{width: 81%!important;}
.filterable .form-inline .form-control.remarks{width: 89%!important;}
.filterable .input-sm{ padding: 1px 10px;}
.filterable .form-control{font-size:12px;}
.filterable .dataTables_length label{display: block;float: none;}
.filterable .dataTables_filter label{display: block;float: none;}
#DataTables_Table_0_length .form-control{width: 26%!important;}
#DataTables_Table_0_filter{float: right; }
#DataTables_Table_0_filter .form-control{width: 74%!important;}


div.dataTables_length label{display: block;float: none;}
.input-sm{padding: 0px 10px!important;}

td a{margin-right: 10px;}

/*Model pop up*/
.modal-backdrop{z-index: -1!important;}
.modal-dialog{    margin: 20vh auto!important;}
.modal-content .table-striped thead tr {    background-color: #c7af12!important;color: #fff;}
.list-group-item{margin-bottom: 10px!important;}
.modal-content .btn-default{ padding: 8px;
    margin-top: 3px;
    padding-left: 30px;
    padding-right: 30px;}
.modal-content .close{opacity: 1}


.noticeboard .row .col-sm-8{border-left: 3px solid #fff;}
.card-header{border-bottom: none!important;}
.dataTables_length{    margin-bottom: 15px;}

.panel-heading span{font-size: 25px;}

em{font-style: normal!important;}





.panel-body .left{width: 50%;float: left;border-right: 1px solid #2a3f54;height: 136px;    padding-right: 15px;}
.panel-body .right{width: 50%;float: left;padding-left: 15px;}
.modal-content .table-bordered>tbody>tr>td{    color: #101010;}



@media  (min-width:1200px) and (max-width:1400px){
    
   /* .panel-heading{font-size: 16px!important; }*/
    .panel-heading span{font-size: 18px!important;}
    .top-navigation #myNav li a {
        /*width: 152px!important;*/
         width: auto!important;
    }

}

@media (min-width:1401px) {

    .panel-heading {
        font-size: 17px!important;
    }

    .panel-heading span {
        font-size: 19px!important;
    }

    .top-navigation #myNav li a {
        /*width: 152px!important;*/
        width: auto!important;
    }
}

.dropdown-menu a.dropdown-item{padding-top: 5px!important;padding-bottom: 5px!important;text-align:left!important;}
.cancel-commitment .table-striped tbody tr:nth-of-type(odd){ background-color: #c4d8d4!important;}
.cancel-commitment .table-striped tbody tr:nth-of-type(even){ background-color: #fff!important;}
.performance-report .table-striped tbody tr:nth-of-type(odd){ background-color: #c4d8d4!important;}
.performance-report .table-striped tbody tr:nth-of-type(even){ background-color: #fff!important;}
.performance-report tr.align-center th{text-align:center;}
#DataTables_Table_0_wrapper .col-sm-12{overflow-y: scroll;}
.performance-report table.table{width: 200%;}


/*Notification Modal*/
.notification-model{
    width: 381px!important;
    min-height: 200px!important;
    overflow: auto!important;
        margin-left: 7vw;
}

.notification-model .modal-header h3{font-size: 14px;    margin-top: 5px;
    margin-bottom: 0px;}
	
	.mrg-btn10{margin-bottom:10px;	}

	.selectdate-time{width: 33%!important;float: left!important;    border-radius: 0.25rem;}
	
	
	
	.label-pill {
    padding-right: 4px!important;
    padding-left: 4px!important;
}



.form-control {
    border-radius: 4px!important;
}

.pace-progress{display:none!important;}


.dataTables_processing{top: -20px!important;background-color:#00bcd4!important;color:#fff!important;padding-top: 5px!important;
background: linear-gradient(to right, rgb(55, 96, 101) 0%, rgb(55, 96, 101) 25%, rgb(55, 96, 101) 75%, rgb(55, 96, 101) 100%)!important;
}
.nav>li>a{	    padding: 10px 10px!important;}



.processing{
	
    text-align: center;
    font-weight: bold;
    font-size: 29px;
    background-color: #ffffff;
}

.dash{
	
	    display: block!important;
    margin: 0 auto!important;
    float: none!important;
	    border-right: 1px solid #aaadb2!important;
	
}
.status-content select{
    height: 135px !important;
    margin-bottom: 15px;
}


@media (min-width: 220px) and (max-width: 580px) {
  
    .lrForm{
      left: 0;
    }
    
  }