.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }
.font11 { font: normal 11px Tahoma; }
.Required { color: #FF0000; }
.EitherRequired { color : #FF7700; }
.clr { clear: both }
.hide { display: none; }
.show { display: block; }

.navbar-default {
    background-color:#212D41;
    border-bottom: 2px solid #3A5158;
}

.navbar-top-links li a {
    color: #F1E9E9;
}

.navbar-top-links li a:hover {
    color: #333333;
}

.sidebar ul li a.active {
    border-top-color: rgba(0,0,0,0);
    background-color: #1564B2 !important;
    color: #FFF;
}

.navbar-top-links .dropdown-menu li a {
    color: #333333;
}

ul.list-timing {
    list-style: none;
}

ul.list-timing li {
    display: block;
    float: left;
    width: 14.28%;
}

.h1, h1 {
    font-size: 20px;
    margin-top: 0px;
    font-weight: 600;
}

.navbar-default .navbar-brand {
    color: #FFFFFF;
}

/*li a {
        color: #FFFFFF;
}*/

/*----------CSS For table formatting-------------*/
/*  Used :  HRMS :-requisition   Table in Skill And Qualification*/
table.hovertable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
}
table.hovertable th {
    background-color:#c3dde0;
    border-width: 1px;
    padding: 0px;
    border-style: solid;
    border-color: #a9c6c9;
}
table.hovertable tr {
    background-color:#d4e3e5;
}
table.hovertable td {
    border-width: 1px;
    padding: 0px;
    border-style: solid;
    border-color: #a9c6c9;
}
/* ------------------------------------ */


.selectbutton 
{
    color:darkblue;
    /*border: 1px solid #94C1E8;*/
    border: 0px solid #4E8CCF;
    width:21px;
    height:23px;
    background: Transparent url("../images/selectIcon.PNG") repeat-x top left;  
}

.gunpnl {
    color: #FFF !important;
    background-color:#005281 !important;
    border-color: #005281 !important;
    font-weight: bold;
}
.sidebar {
    background-color: #005281;
    position: fixed;
}

.page-header {
    margin: 76px 0 15px 0px;
}

.panel {
    background: url("../img/bg-white-lock.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.panel-default > .panel-heading-login {
    /*background-color: #F5F5F5;
    border-color: #DDDDDD;*/
    color: #EEEEEE;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}

.clr-red {
    color: #ff3030;	
    font-size:10px;
}
.clr-grn {
    color: #00b500;
}

/*-------------Default Background image Button--------*/
.clean-btn { 
    background: url("../images/basic/clean-btn2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}
.clean-btn:hover {
    background: url("../images/basic/clean-btn1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}

.cancel-btn { 
    background: url("../images/basic/cancel-btn2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}
.cancel-btn:hover {
    background: url("../images/basic/cancel-btn1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}

.clean-btn { 
    background: url("../images/basic/clean-btn2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}
.clean-btn:hover {
    background: url("../images/basic/clean-btn1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}

.clean-btn { 
    background: url("../images/basic/clean-btn2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}
.clean-btn:hover {
    background: url("../images/basic/clean-btn1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}

.clean-btn { 
    background: url("../images/basic/clean-btn2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}
.clean-btn:hover {
    background: url("../images/basic/clean-btn1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}

.clean-btn { 
    background: url("../images/basic/clean-btn2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}
.clean-btn:hover {
    background: url("../images/basic/clean-btn1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}

.clean-btn { 
    background: url("../images/basic/clean-btn2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}
.clean-btn:hover {
    background: url("../images/basic/clean-btn1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}

/*----------End Default Background image Button------*/
/*-------------Date Range Picker----*/
.page-header .dashboard-date-range  {
    position: relative;
    top: -8px;
    margin-right: -30px;
    display: none;
    padding: 9px 9px 8px 9px;
    cursor: pointer;
    color: #fff;
    background-color: #e02222;
}

/* hack for chrome and safari */
@media all and (-webkit-min-device-pixel-ratio:0) {
    .page-header .dashboard-date-range  {
        padding: 9px;
    } 
}

.page-header .dashboard-date-range > span {
    font-size: 12px;
    font-weight: 300; 
    color: #fff;
    text-transform: uppercase;
} 

.page-header .dashboard-date-range > .icon-calendar {
    text-transform: normal;
    color: #fff;
    margin-top: 0px;
    font-size: 14px;
}

.page-header .dashboard-date-range > .icon-angle-down {
    color:#fff;
    font-size: 16px;
}

/*------End Date range picker------*/

.displayLink {
    font-size: 14px;
    text-decoration: none;
    color: #5E88B6 !important;
    display: block;
    padding-left: 32px;
    line-height: 32px;
    background: Transparent url(../images/clients_arrow_up.png) no-repeat left center;
}
.displayLink img {
    border: 0;
    float: left;
}
.displayLink:hover {
    background: #F6F6F6 url(../images/clients_arrow_over.png) no-repeat left center;
}


/*-------------Date Range Picker----*/
.date-range  {
    position: relative;
    top:0px;
    margin-right: -5px;
    display: none;
    padding: 9px 9px 8px 9px;
    cursor: pointer;
    color: #fff;
    background-color: #005281;
}

/* hack for chrome and safari */
@media all and (-webkit-min-device-pixel-ratio:0) {
    .date-range  {
        padding: 9px;
    } 
}

.date-range > span {
    font-size: 12px;
    font-weight: 300; 
    color: #fff;
    text-transform: uppercase;
} 

.date-range > .icon-calendar {
    text-transform: normal;
    color: #fff;
    margin-top: 0px;
    font-size: 14px;
}

.date-range > .icon-angle-down {
    color:#fff;
    font-size: 16px;
}

/*------End Date range picker------*/

/*------------ used for Commom Pop-Up-----------*/
#TransparentDiv[id] {
    position: fixed;
}
#TransparentDiv {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5000;
}

/*  for pop up header*/
.popUpHeader {
    background: none repeat scroll 0 0 #005F96;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    padding: 2%;
    width: 100%;
    height: 30px;
    font-family: 'Trebuchet MS','Lucida' ;
    text-align: center;
    cursor :move;
}
/* FOR DRAGABLE DIV*/
.drag {
    background: #FF0000; /* red background */
    position: absolute; /* we want to set an absolute position so the div can be moved in reference to the screen */
    top: 50px; /* this sets the positioning of the element in reference to the top left of your window. it will space it 50 pixels from the top */
    left: 50px; /* this will set the position of the element 50 pixels to right of the top left of your window. */
    z-index: 5; /* this will position it above anything with a lower z-index, sort of like layers. So you could layer these divs using z-index and have them stack on each other. */
}
.popUpHeader p a{
    font-weight: bold;
    color: #FFFFFF;
}
.roundedbottom{
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

.roundedtop {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

.floatL { float : left }
.floatR { float : right }

.sitePopUp {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    position: absolute;
    top:20%;
    left:35%;
    min-height: 150px;
    width:30%;
    z-index: 5001;
    display:none;
}

.PopUpContainer{
    background: none repeat scroll 0 0 #004080;
    color: #FFFFFF;
    padding-top:50%;
    float:left;
    font-size: 13px;
    font-weight: bold;
    width: 96%;
    font-family: 'Trebuchet MS','Lucida' ;
    text-align: center;
}

.quo_title {width: 99%; font-weight: bold; font-size: 10px; }

.botomBorder { 
    border-bottom:1px solid gray
}

.quo_row { min-height: 10px; display:block; font-size: 10px; }

.quo_border_table {width: 100%; border: 1px solid #232323; border-collapse: collapse;}


.popupcontent{
    padding-top: 35px;
}
.popupcontent1{
    padding-top: 15px;
    width: 40%;
}
.popupcontent2{
    padding-top: 15px;
}
.popupcontent3{
    padding-top: 15px;
    width: 15%;
    text-align: center;
}
/* end*/

/*============== AUTO OMPLETE CSS==============*/
/*=====START======*/
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100px;
}
/*=====END======*/

.fltPopUp {
    float:left;
    padding-top:15px;
    margin-left: 12px;
}
.fltPopUp1 {
    float:left;
    padding-top:15px;
}
a.table_link{
    color:#0c7aaf;
    font-size:13px;
    text-decoration:none;
}

span.error {
    color: #E46C6E;
    white-space: pre;
}

.scrollbar_checkbox{	
    padding:4px 4px 10px 10px;
    height: 150px;
    overflow-y: auto;
}
.strip1{
    background-color: rgba(0, 82, 129, 0.04);
    border-bottom: 1px solid #D1E7F5;
    padding: 6px 0px 0px 0px;
    margin-top: 1%;
    word-wrap: break-word;
}
.strip2{
    background-color: rgba(221, 221, 221, 0.55);
    padding: 6px 0px 0px;
    margin-top: 1%;
    border-bottom: 1px solid rgba(204, 204, 204, 0.88);
    word-wrap: break-word;
}

.strip3{
    background-color: #337AB7;
    padding: 10px 0px 9px 28px;
    margin-top: 2%;
    color: #fff;
    font-weight: 700;
}
.add-heading
{
    background-color: #337AB7;
    width: 100%;
    color: #fff;
    margin-top: 2%;
    padding: 10px 5px 5px 0px;
    margin-bottom: 2%;
}
.e-grid .e-headercell
{
    background: #337AB7 !important;
    color:#fff;
}
.e-grid .e-gridheader {
    border-bottom-color:#0E6EA5 !important;
}

.e-grid .e-headercelldiv{  font-weight: normal!important ; }

.e-hover{ background:#ddd !important;}
.e-active{ background:#ddd !important; color:#000!important;}

.bg-hover
{
    background-color:#fff;
}

.bg-hover:hover
{
    background-color:#ddd;
}

.e-gridheader .e-scrollcss
{
    background: #337AB7 !important;
}
img {
    cursor:pointer;
}

.e-rowcell a:hover
{
    color:#282827;
}
.style-anchor{
    cursor: pointer;
    color: #0043FF;
    text-decoration: none;
}
.style-anchor:hover{
    color: #0043FF;

}
.e-rowcell{
    padding : 4px !important;
}
.e-filtertext{
    height:18px !important;
}
.e-filterbarcell{
    border-bottom: 1px solid #0E6EA5 !important;
}
.e-grid .e-groupdroparea {
    background: #179bd7 !important;
}
.scrollbar{
    border: 1px solid #DAD8D8;
    padding-left:5px; 
    height: 85px;
    overflow-y: auto;
}
.fix_column .col-lg-6{
    height:50px;
}

/* Added by Pawan on 16.01.2019 */

.err, .mandatory{
    font-size: 12px;
    color: red;
}
.mandatory{    
    font-weight: 900;
}

.response_success{
    display: block;
    text-align: center;
    font-weight: 900;
    color: green;
    padding-bottom: 10px;
    font-size: 16px;
}
.response_failure{
    display: block;
    text-align: center;
    font-weight: 900;
    color: red;
    padding-bottom: 10px;
    font-size: 16px;
}

/* Added by Pawan on 16.01.2019 */