input.hasDatepicker {
    display: inline-block;
    margin-right: 0px;
    padding-bottom: 9px;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: -ms-calc(100% - 40px);
    width: calc(100% - 40px);
}

.gridCSS {
    /*background-color: floralwhite;*/
    background-color: #EBF6FF;
    /*height: 40px;*/
}
    .gridCSS:hover {        
        color: blue;
        /*height: 40px;*/
    }

.gridHeaderCSS {
    background-color: #5D7B9D;
    /*height: 40px;*/
}

    .gridHeaderCSS th {
        color: white;
    }

.gridFooterCSS {
    /*background-color: antiquewhite;*/
    background-color: lightsteelblue;
    /*height: 40px;*/
}

    .gridFooterCSS td {
        font-weight:bold;
    }

#idCancelado{
    text-align:center;
}

.divWaitMenu {
  margin-left: auto;
  margin-right: auto;
  max-width:100%;
  display: block;
}

#divWait {
    position: fixed;
    width:100%;
    height:100%;
    z-index: 100;
}

#divWait img {
  margin-left: auto;
  margin-right: auto;
  max-width:100%;
  display: block;
}

#divFade {
    display: none;  /* ensures it’s invisible until it’s called */
    position: fixed;  /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    background-color: #2c3e50;
    -moz-opacity: 0.7; /* makes the div transparent, so you have a cool overlay effect */
    opacity: 0.1;
    filter: alpha(opacity=70);
    width: 100%;
    min-height: 100%;
    height:100%;
    z-index: 90; /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
}

#divBG {
    display: normal;  /* ensures it’s invisible until it’s called */
    position: absolute;  /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    background-color:#2c3e50; /*#d9edf7;*/
    -moz-opacity: 0.7; /* makes the div transparent, so you have a cool overlay effect */
    opacity: 0.3;
    filter: alpha(opacity=70);
    width:100%;
    min-height:100%;
    z-index: -1;
}

.splitterCSS {
    background-color: lightgray; /* #337ab7; /*#2c3e50;*/
}

tbody > tr > th.igHeaderAlignRight {
    text-align: right;
    padding-right: 7px;
}

tbody.igg_Item > tr > td.igg_Office2007BlackItemTop {
    vertical-align: top !important;
}

tbody.igg_Item > tr > td.igg_Office2007BlackItemCenter
{
    text-align: center !important;
}

tbody.igg_Item >  tr > td.igg_Office2007BlackItemRight
{
    text-align: right !important;
}

tbody.igg_Item > tr > td.igg_Office2007BlackItemNoWrap
{   
    white-space:nowrap !important;
}

tbody.igg_Item > tr > td.igg_Office2007BlackItemConteudo
{   
    height:26px !important; 
    line-height:18px !important;
    white-space:normal !important;
}

.igg_Office2007BlackItemEditCell
{   
    min-height:52px !important; 
    max-height:130px !important; 
}
 
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  /*background-color: antiquewhite;*/ /*#f5f5f5;*/
   background-color: lightsteelblue; 
}

.igg_Control table { border-collapse: separate; visibility: initial; } 
.igg_Office2007BlackControl table { border-collapse: separate; visibility: initial; } 



/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
    .smallscreen { display: none; }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
    .smallscreen { display: none; }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
/*/@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .largescreen { display: none; }  
}*/

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
/*@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .largescreen { display: none; }    
}*/

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
    .largescreen { display: none; }    
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    .largescreen { display: none; }    
}

/*@media (pointer:none), (pointer:coarse) {
    .largescreen { display: none; }  
    .smallscreen { display: block; }  
}*/


/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 14px;
}

.slider.round:before {
    border-radius: 50%;
}