html 
{
    width: 100%;
    position: relative;
    padding: 0px;margin:0px;
    min-height: 100%;
 
}

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.ie9 img[src$=".svg"] {
  width: 100%; 
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
  }
}

.hide {display:none}
.border0 {border: 0;}

.previewActive {
    background:white;
    border:1px solid orange;
    border-radius:0.3em;
    text-align:center;

}
.glyphBoxArea {position:relative;top:0.1em;}
.glyphBox {padding:0.2em 0.25em;border-left:1px solid #dddddd}
.glyphBox:first-child {border-left:0px}
/*
.glyphBox{ transition: all .2s ease-in-out; }
.glyphBox span:hover { font-size:1.5em;}
.glyphBox span:first-child {border:0}
*/
.GlyphNotEffect .GlyphNotEffect {
    position: absolute;
    top: -0.18em;
    left: -0.15em;
    font-size: 1.45em;
    color: rgba(255,0,0,0.8);
    line-height: 1em;
    /*z-index:-1;*/}
.GlyphNotEffect {font-size: 1em;position:relative}

.WorkingSystem {border-radius: 0.5em; background-color:#b9b9b9; color:White;position:relative;padding:0.12em;}
.idleTime {position:absolute;right:2em;top:3.2em;color:#b9b9b9;user-select:none;opacity:0}
.DistanceTriangle>tbody>tr>td {width:5%;}

.bigger {font-size:2em;}
.bigger td.CellLabel {line-height:2.5em;}

body {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-family: 'Roboto Condensed', Tahoma, Verdana, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    min-height:100%;
    background: transparent none repeat scroll 0% 0%;
    /* 10px bigger then footer */
    /*margin-bottom: 50px;*/
    line-height: normal;
}

/* footer */
.footer {
    height: 40px;
    font-size: 0.8em;
    margin-top: 1.5em;
    padding-top: 0.3em;
    padding-bottom: 0.4em;
    position:absolute;
    bottom: 0px;
    width: 100%;
}

form {min-height:100%;}

.InlineBlock {display:inline-block;}

#Header
{
    position:fixed;
    top:0;left:0;
    width:100%;
    z-index:16;
    padding-bottom:0.3em;
    border-bottom: 1px solid #b9b9b9;
    background-color:white;
    /*background-color:#777777;*/ /*#ececec;*/
}

/* Make <a> look like button inside gridview */

/*.table>tbody>tr>td.FlexRow a {position:relative !important;}
.table>tbody>tr>td {position:relative;}
.table>tbody>tr>td a:hover {color: #23527C;background-color:#eeeeee;}
.table>tbody>tr>td a { height:1.85em; top:0px; left:0; width:100%;position:absolute;line-height:1.75em;
                       border: 1px solid #cdcdcd; border-radius:0.3em;padding-left:0.3em;overflow-y:auto;overflow-x:hidden;} 
*/

/* Make Menu Simbol 3 lines*/
.box-shadow-menu {
  position: relative;
  display:block; width:100%;
  padding-left: 1.25em;
}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: white;
  box-shadow: 
    0 0.25em 0 0 white,
    0 0.5em 0 0 white;
}

.TableBtn {
    color: #337ab7;
    cursor: pointer;
    width: 100%;
    padding:0.295em;
    border-left: 3px solid #dfdfdf;
}

.TableBtn:hover { background-color:#fffef0;}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 0.3em;
    line-height: normal;
    /*vertical-align: top;*/
    border-top: 1px solid #ddd;
    vertical-align: middle;
    /*word-break: break-word;*/
}

#HeaderFake 
{
    /* feito por javascript em (side-bar_v1.js)*/
     min-height:45px;
}

a:hover, a:focus {text-decoration: none;}
a:focus {
    outline: thin dotted;
}

th div .icon {
    font-size: 0.85em;
    line-height: 1.7em;
    width:100%;
    text-align:center;

}

.Wmin2em {min-width:2em;}
.Blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}

input[type=checkbox], input[type=radio] {margin-right:0.5em;}

    
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.form-group {
  width:100%;
}

/** full screen - usado para paineis ficarem fullscreen**/
table.fullScreen
{
    position: absolute;
    top: -45px;
    left: 0px;
    z-index: 2456;
    width: 100%;
    height:100%;
    overflow:scroll;
    min-height:50em;
}

.fullScreen tbody {     overflow:scroll;}
.fullScreen tr {
    /*width: 100%;*/
    vertical-align: top;
    height:100%;
} 
.fullScreen tr:first-child
{
    height:1.6em;
}

/* DateHour Icon */
.DateHourIcon 
{
    position: relative;
    right: 1.3em;
    top: 2px;
}

/* generic */
.W1em{width:1em;}
.W2em{width:1em;} 
.W3em{width:3em;}
.W4em{width:4em;} 
.NoMargin {margin:0 !important;}

.TextBoxMoney {text-align:right;width:80px !important;}
.TextBoxMoneySum {text-align:right;width:80px !important;font-weight:bold;}

.TextBoxDocumentNo {text-align:left;width:100px !important;}

input[type="text"].TextBoxSmallNumber{width:55px !important;text-align:right;}

/* tab nos preços */
.cpWebTabHeader {color:#808080; min-width:125px;padding-top:0.2em; padding-bottom:0.2em;padding-left:1em; padding-right:1em;text-align:center;height:2.5em}   
.cpWebTab {border-top: 1px dotted lightgray; border-left: 1px dotted lightgray; border-right: 1px dotted lightgray; background-color:#eeeeee;cursor: pointer; }
.cpWebTabSelected {color:black;border-top: 1px solid lightgray; border-left: 1px solid lightgray; border-right: 1px solid lightgray;border-bottom:1px solid white; }
.cpWebTabRemaining{width:100%;}
.cpWebTabSeparator{min-width:1px;border-bottom: 1px solid lightgray}
    
/* generico */    
/* input {white-space: nowrap;} input[type="radio"], */
input { border: 1px solid #b0b0b0;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea 
{
  width: 100%;
  padding-left:0.3em;padding-right:0.3em;
}
label {margin-right: 0.3em;font-weight:normal;}
.LefPOSTdding { padding-left:0.5em;}
.RighPOSTdding { padding-right:0.5em;}


.BetweenDates {display:flex;}
.BetweenDates > span 
{
    display:inline-flex;
    flex:0 1 8em;
}


/**** flex ******/

.FlexRow .FlexRow.Date, .FlexRowDateRange .date {width:110px}
.FlexRow .FlexRow.Time, .FlexRowDateRange .time {width:100px}

.FlexRowDateRange
{
    display:flex;
}

.FlexRowDateRange>span:first-child, .FlexRowDateRange>span:nth-child(3)
{
    margin-right:10px;
}




/* flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;  */
.FlexRow {
  display:flex;
  /*width: 100%;*/
}

/* add a border to element has if it was a buton */
.FlexBtnEffect 
{
  padding-right:0.2em;padding-left:0.2em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px dotted rgba(204,204,204,0.8);
  background-color:White;
} 
.FlexBtnEffect:last-child 
{
    border-right:1px solid #ccc;
    border-left:0;
    border-radius:0px 3px 3px 0px;
}
.FlexBtnEffect:hover {background-color: #eeeeee;}

.FlexGrow {
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.FlexFixedAuto {
  flex: 0 1 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.FlexInlineFlex{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.15em;
}

.FlexFixedMoney{
  flex: 0 1 4.5em;
  display: inline-flex;
  justify-content: center;
  text-align:right;
  position : relative;
}

.FlexFixedCode{
  /*flex: 0 0 8em;*/
  flex: 8em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.FlexFixedIcon, .FlexFullCenter {
  flex: 0 0 1.3em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

input[type="text"].TextBoxDate, .FlexFixedDate{
  flex: 0 0 6em;
  display: inline-flex;
  align-items: center;
  /*justify-content: center;*/
}

input[type="text"].TextBoxYearMonth{
  flex: 0 0 6em;
  display: inline-flex;
  align-items: center;
  width:60px;
  /*justify-content: center;*/
}

input[type="text"].TextBoxTimeSeconds, .FlexFixedSmallCode{
  flex: 0 0 5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
input[type="text"].TextBoxTime, .FlexFixedSmall {
  flex: 0 0 3.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

    


/* **** Dialog  **** */
.cpDialogBox, .modal-content {
  background-color: White;
  border-radius: 0.6em;
}

/*div.documentBody {height:490px}*/
#dialogBoxPreDiv {overflow-y:auto}
.cpDialogBox{padding-bottom:0em;}
.cpDialogBoxBody{padding:1em;height:100%;}
.cpDialogBoxTable {padding-left:1em;padding-right:1em;height:100%;
    background-color:white;
    box-shadow:0px 0px 80px #888888;
    border-radius:0.6em;}
#cpDialogBoxTitleRow, .bootstrap-dialog .modal-header {border-radius:0.5em 0.5em 0em 0em; min-height:3.5em;}
#cpDialogBoxTitleRow {height:2em;}
#cpDialogBoxTitleRow a {color:white;}
.cpDialogBoxTitleCell {border-radius:0.3em 0em 0em 0em; }
.cpDialogBoxCloseCell {width:1em; text-align:right; font-size:2em; padding:0.3em 0.3em;border-radius:0em 0.3em 0em 0em;}
#cpDialogBoxTitleRow td {padding-left:1em;}

.DialogBox {position:relative;}

#dialogBoxBody { vertical-align: middle;padding-left: 0.8em;}
/*#cpDialogFakeFooter {height:40px}*/
#BtnFooter{
    /*height: 2.5em;
    
    position: fixed;
    bottom: 0em;
    right: 0em;
    width: 100%;
*/
}
#OkCancelCell {
    right: 0.6em;
    bottom: 0em;
}

.bootstrap-dialog-body {display: table; width: 100%;}}
.bootstrap-dialog-message { display: table-row;overflow-wrap: break-word;}
/* **  ConfirmDialog ** */
.DialogBoxMargin {margin:0em} /*margin:20px 20px 10px 20px;*/

.DialogBoxLeftIconCol {display:table-cell; vertical-align:top}
.DialogBoxLeftIcon {margin-right:1em;float:left;background-color:White}
.DialogBoxMessage {display:table-cell;vertical-align:top;width:100%}

/* Readonly */
textarea[readonly="readonly"], input[readonly="readonly"], select[disabled="disabled"]  {
    color:Gray;
    border: 1px dotted #E2E2E2;
}
.aspNetDisabled
{
    color:Gray;
    /*
    border: 1px dotted #E2E2E2;
    background-color:White;
    */
}
button[readonly="readonly"], button[readonly="readonly"]:hover 
{
    border:0px solid black;
    padding:0px;
    background-color:white;
    cursor:default;
}

textarea {min-height:4em;}
textarea.TextAreaBig {min-height:8em;}

select {  width: 100%;}

.sunkenPanel {
    position: relative;
    padding: 15px 10px 10px 10px;
    background-color: rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.3),
            inset 0px -1px 1px rgba(255,255,255,0.5);
    -webkit-border-radius: 5px;
    -moz-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.3),
            inset 0px -1px 1px rgba(255,255,255,0.5);
    -moz-border-radius: 5px;
    width: 100%;
}

#FilterDiv 
{
     padding-right:15px; margin-bottom:8px;padding-left:15px;
}

.filterLabel
{
    position:relative;
    top:0.7em;
    cursor:pointer;
    border:1px solid #e6e6e6;
    padding:0.4em;
    padding-right:1em;
    border-radius:0.2em;
}

.FilterTable td
{
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color: lightgray;
    padding:0.4em 0.5em;
}
.FilterTable td td
{
border: 0;
}

.RibbonButton.hasFilter {background-color: rgba(51,122,183,0.1);}

.TextBoxNumber,.TextBoxCode, .TextBoxSmallCode, input[type="number"]{max-width:9em !important;}
/*  input[type="text"].TextBoxSmallCode   input[type="text"].TextBoxCode */
input.TextBoxSmallCode
{
    width:50px;
}

input.TextBoxCode
{
    width:120px;
}

.TextBoxNumber, input[type="number"]{width:75px !important; text-align:right;}

input[type="text"].TextBoxTime
{
    /*width:55px;*/
}



.input-group {width: 100%;}
.input-group-addon {padding: 3px;line-height: 0.5; background-color:White; width:auto;}
.input-group-btn {width:auto;}


.input-group-2 input:first-child {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.input-group-2 input:last-child {  border-top-left-radius: 0; border-bottom-left-radius: 0;}

.input-group-3 input:first-child {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.input-group-3 input:nth-child(2) {border-radius:0;}
.input-group-3 input:last-child {border-top-left-radius: 0; border-bottom-left-radius: 0;}

iframe, .cpDialogBoxFrame {border: 0px solid black; width:100%; height:100%}
.LogDegailsIframe {border: 0px solid black; width:100%; height:500px;}





/* tabela */
.trTopDivider {border-top:2px dashed #337ab7 }
table {width:100%;}
tr.trSelected:not(:first-child)
 {background-color:rgba(215, 159, 44, 0.1) !important;}
/*tr.trSelected:nth-of-type(odd) {background-color:rgba(215, 159, 44, 0.15) !important;}*/
td {min-height:1.6em;min-width:15px} /*min-width:1em;*/

.dataTables_scrollBody {
    border-bottom: 1px solid #808080
}

table.GridView td div.FlexRow span {padding:0.3em; justify-content:left; text-align:left;}
table.GridView td div.FlexRow span:not(:first-child) {border-left: 1px solid #ddd;}
th { font-weight:normal;}
td.CellMandatory,CellEmpty {width:15px; max-width:30px} /*width:1.3em;*/
td.CellLabel4, td.CellLabel {
  width: 15%;
  
  text-align: left;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: lightgray;
  height: 24px;
  padding: 1px 1px 0px 0.5em;
  margin-left:1em;
}


td.CellLabelIndent
{
    width: 15%;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: lightgray;
    height: 24px;
    padding: 1px 1px 0px 2em;
}

td.CellData4 
{
  width: 35%;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-bottom-color: lightgray;
  }

/* fadeMessageDiv */ 
#prefadeMessageDiv { position:absolute}
#fadeMessageDiv { z-index:455; font-size:1.2em; background-color:white; color:#337ab7; padding:1em;margin:2.0em auto;border-radius:0.4em; border: 2px solid #337ab7}


/* ** Card boxs ** */
.cpWebTabTableFastTab {
    margin: 5px auto 10px;
    border-collapse: separate;
    border-color: #E9E9E9;
    border-width: 1px;
    border-style: solid;
    /*width: 99%;*/
    padding: 0em;
    border-spacing: 0px;
    border-radius: 4px;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
    background-color:White;
}

.cpWebRowTitleFastTab {
    background-color:#337ab7;
    color:White;
    cursor:pointer;
}
.cpWebTabContents {
    width: 100%;
}

.cpWebTabHContents {
    width: 100%;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    padding-left:10px;
    padding-top:10px;
}

.cpWebTabContentsCell {
    padding:0.7em;
}
.cpWebTabContentsCell table 
{
        width: 100%;
}

.cpWebCellImgFastTab {
    width: 1em;
    padding: 0.5em;
}
.cpWebCellTitleFastTab 
{
    text-align:left;
    width: 17em;
    border-right: 1px dotted #6ba5d3;
}
    
.cpWebCellTitleFastTabRight 
{
     text-align:left; 
     padding-left:0.6em;
}

/* Expand Colapse icon*/
.cpWebTabCellExpandColapseFastTab {width: 3em;padding: 0.5em;}

.cpWebTabFullRestoreIcon {font-size:0.8em;}

/**** Card Buttons ***/
.UCButtons {
  margin: 0.5em 0 0.5em 0;
  /* background-color: #E9E9E9; */
  display: flex;
  width:auto;
  font-size:0.9em;
}

.UCButtons .UCOnTabTop {margin: -0.5em 0 0.2em 0;}
/* colocar class UCOnTabTop quando os botões estão dentro do TAb em cima */


/**** UserUC   *****/
.logged-user {
    right:0.6em;
    color:white;
    z-index:2;
    position:fixed;
    float:right;
    top:0em;
    background-color:black;
    height:2.3em;
    padding-top:0.5em;
}
.logged-item { padding-right:0.3em; }
.logged-user a, .logged-user span.name {color:white;}

.logged-user .count {
    position: absolute;
    top: -7px;
    padding: 0px 5px;
    border-radius: 30px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    border-width: 2px;
    border-style: solid;
    color: #fff;
    background: #E60404 !important;
    left:-18px;
    border-color: Black; /* same as history panel*/
}

.count {padding: 0px 5px;
    border-radius: 30px;
    line-height: 1.8em;
    text-align: center;
    font-size: 1.3em;
    border-width: 2px;
    border-style: solid;
    color: #fff;
    background: #E60404 !important;
    border-color: white;
    position: absolute;
    /*right: 2em;*/
    top: -3em;
    z-index: 27;
    
}

.logged-user .icon {font-size:0.8em;vertical-align:middle;}

/* > vertical Menu - side-bar.js */

#Menu-Small { position: relative; background-color:Black; padding:0.3em;color:White;}

.MainBodySmall { margin-left:45px; padding:0px; }


.left-sidebar.minified {
	position:absolute;z-index:2;overflow: visible;
}
@media (min-width: 740px) {
.MainBodySmall {width: 92%;}
}
@media (min-width: 768px) {
.MainBodySmall {width: 94%;}
}
@media (min-width: 992px) {
.MainBodySmall {width: 95%;}
}
@media (min-width: 1200px) {
.MainBodySmall {width: 96%;}
}


/* BOXs*/
.box-bottom-margin { margin-bottom:0.6em}

.main-nav-toggle {color:White; font-size:2em; line-height:1.2em}

@media (max-width: 768px) 
{  
   .MainBodySmall { margin-left:0px; width:100% }
   .left-sidebar.minified {position: relative; }   
}

.ShotcutKeys {font-size:0.75em;color:#959595;float:right;}

/* < vertical Menu */

/* modal */
.modal-backdrop {z-index:24;}
.modal-content {z-index:29;}
.modal {z-index:101;}
/*.modal-body {min-height:8em;}*/
.modal-body td {padding:0.5em;vertical-align:top}

/* wait background */

#controlPostBackDiv { width: 100%; height: 100%; visibility: visible; position: fixed; top: 0px; left: 0px; z-index: 99; display: block;overflow:hidden}
.PostBackLoadPosition {position:relative;top:20%;}
.DivPostBackInCourse {
  opacity: 0.70;
  filter: alpha(opacity=70);
  background-color: black;
  text-align: center;
  vertical-align: middle;
  overflow: scroll;
}

.photoFrame {padding:0 !important;width:150px;height:177px;background-image:url(/App_Layout/images/NoPhoto.jpg);background-size:cover}
.photoFrameimg {object-fit:scale-down;max-width:150px;}
.spinbus {}
#WaitEffect {
    margin: 20px auto;
    width: 1em; 
    height: 1em;
    font-size: 5em; color:grey;  
    -webkit-animation: spin 2.5s infinite linear;

}

@-webkit-keyframes spin {
	0%  {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}	
}
/* loading >> */
#floatBarsG{
	position:relative;
	width:234px;
	height:28px;
	margin:auto;
}

.floatBarsG{
	position:absolute;
	top:0;
	background-color:rgb(0,0,0);
	width:28px;
	height:28px;
	animation-name:bounce_floatBarsG;
		-o-animation-name:bounce_floatBarsG;
		-ms-animation-name:bounce_floatBarsG;
		-webkit-animation-name:bounce_floatBarsG;
		-moz-animation-name:bounce_floatBarsG;
	animation-duration:1.5s;
		-o-animation-duration:1.5s;
		-ms-animation-duration:1.5s;
		-webkit-animation-duration:1.5s;
		-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
}

#floatBarsG_1{
	left:0;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#floatBarsG_2{
	left:29px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#floatBarsG_3{
	left:58px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#floatBarsG_4{
	left:88px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#floatBarsG_5{
	left:117px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#floatBarsG_6{
	left:146px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#floatBarsG_7{
	left:175px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}

#floatBarsG_8{
	left:205px;
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}



@keyframes bounce_floatBarsG{
	0% {
		transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100% {
		transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_floatBarsG{
	0% {
		-o-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100% {
		-o-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_floatBarsG{
	0% {
		-ms-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100% {
		-ms-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_floatBarsG{
	0%{
		-webkit-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
		-webkit-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_floatBarsG{
	0%{
		-moz-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
		-moz-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

/* loading << */


/* Glyphs */
.nounderline:hover ,
.ImgGlyphlink:hover,
a span .ImgGlyphlink:hover
{
    text-decoration: none;
}

.DisabledBlock {width:100%;height:100%; position:absolute; background-color: rgba(255,255,255,0.8)}

/* size */
.medsize, .size3_5 {font-size:3.5em;}
.size1_5 {font-size:1.5em;}
.size2 {font-size:1.5em;}

.label {font-weight: normal;display: inline-block;}
.label + .label {margin-left: 0.5em;}

.labelBig+.labelBig{margin-left:0.5em}
.labelBig {padding:0 0 0.5em 0;display:inline-block;/*margin-top:0.5em;margin-bottom:0.3em;*/}
.labelBig > span, .labelBig > div
{
 color:white;
 font-size: 1.25em;
 padding: .3em .6em .3em;
 margin-bottom: 0.5em;
 margin-right: -0.12em;
 display:inline-block;
}
.labelBig > span.disabled { color:#f7f7f7;border: 1px dotted #f2f2f2; }
.labelBig > span:first-child 
{ border-top-left-radius: 0.3em;
  border-bottom-left-radius: 0.3em;
}

.labelBig > span:last-child 
{ border-top-right-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
}

.BoardHighlight {/*width:30em;*/display:inline-block;margin:1em auto;padding:1em;line-height:1.5em;border: 1px solid grey; border-radius:0.5em;background-color:#f7f7f7}
.BoardHighlight div {vertical-align:middle;padding-right:0.5em;}
.BoardHighlight input {width:6em;}

.MainBlock {display:inline-block;}
.MainBlock + .MainBlock {padding-left:2em}

.ValErrorDiv {/*border-bottom: 1px dotted #dfdfdf;*/}
.validatorbox {padding-left:0.3em;padding-right:0.3em;padding-top:0.2em; border-bottom-left-radius:0.3em;border-bottom-right-radius:0.3em;}

.LabelNote
{
    font-size:0.8em;
}

/* Header Bar */
.RibbonButtonBigGlyph {
    font-size: 2.5em;
    text-align:center;
}

.ButtonsPainel .RibbonButtonGlyph 
{
    font-size: 1.3em;
    padding-left:0.4em;
    /*padding-top:0.2em;*/
}

.RibbonButtonGlyph {
    display: table-cell;
    vertical-align: middle;
}

.RibbonButtonText {
  width: 100%;
  text-align: center;
  /*padding-right:0.4em;*/
}

.ButtonsPainel {
 font-size: 0.8em;
 min-height: 0px;
}

.ButtonsPainel .RibbonButton {width:100%}
.ButtonsPainel2, .ButtonsPainel1 {display:block;}
.ButtonsPainel2 .RibbonButton { /*background-color: #c0d9ed;*/ border-style :dotted;}

.RibbonButton, .RibbonButtonBig, input[type="submit"], .s2bButton
{
    color: #337ab7;
    background-color:White;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    cursor:pointer;
}

.RibbonButton:hover, .RibbonButtonBig:hover, input[type="submit"]:hover, .s2bButton:hover {
   color: #23527C;
   background-color:#fcfcfc;
}

.RibbonButtonBig 
{

    display:table;
    padding:0.2em;
    padding-top:0.55em;
    margin-top:0.3em;
    width:100%;
    text-align:center;
    font-size: 0.9em;

}
.RibbonButtonBig span
{
    display:table-row;
}
.ButtonsPainel .RibbonButton 
{
  padding:0.2em !important; 
}
.ButtonsPainel .RibbonButtonText {
  padding-top: 0.3em;
}
.RibbonButton 
{
    vertical-align: middle;
    margin-top:0.3em;
    margin-right:5px;
    /*display:block;*/
    /*padding:0.2em;*/ 
    /*Novo 22-07-2017*/
    padding:6px 12px;
    display:flex;
    line-height: 1.42857143;
}
.RibbonButton span {
  vertical-align: middle;
  display: table-cell;
  padding-left:2px;
}



/* History bar */
.HistoryBar {
  padding: 0px;
  border-spacing: 0px;
  border-bottom: thin inset #c3c3c3;
  width:100%;
  background-color:black;
}

.HistoryBar tr 
{
      width:100%;
}

.HistoryBar td {
  color: white;
  padding: 0.3em 0 0.3em 0.5em;
}

.HistoryBar a {
  color: white;
  cursor:pointer;
}


#crumbs ul #HistoryCompany a::after { border-left: 15px solid #e60423;  }

#crumbs {
    background-color: black;
    width: 100%;
}


	#crumbs ul {
		list-style: none;
		display: inline-block;
		margin:0px; margin-left:-2em;
	}
		#crumbs ul li {
			display: inline;
		}
	
#crumbs ul li a, #crumbs ul li span a,  #crumbs ul li span span {
    display: block;
    float: left;
    height: 30px;
    background: #404040;
    text-align: center;
    padding: 0.3em 1em 0em 2em;
    position: relative;
    margin: 0 0.3em 0 0;
    font-size: 0.9em;
    text-decoration: none;
    color: white;
}

#crumbs ul li a::after, #crumbs ul li span a::after, #crumbs ul li span span::after {
    content: "";
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #404040;
    position: absolute;
    right: -14px;
    top: 0px;
    z-index: 1;
}

			
#crumbs ul li a::before, #crumbs ul li span a::before, #crumbs ul li span span::before {
    content: "";
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid black;
    position: absolute;
    left: 0px;
    top: 0px;
}

#crumbs ul li:last-child a, #crumbs ul li:last-child span a, #crumbs ul li:last-child span span {
	padding-right: 1em; background-color:#5c5c5c;
	border-top-right-radius: 0.4em; border-bottom-right-radius: 0.4em;
}
#crumbs ul li:last-child a:after, #crumbs ul li:last-child span a:after, #crumbs ul li:last-child span span:after {
	display: none; 
}

#crumbs ul li:first-child a::before,#crumbs ul li:first-child span span::before {
    display: none;
}
	
#crumbs ul li:first-child a, #crumbs ul li:first-child span a, #crumbs ul li:first-child span span {
	border-top-left-radius: 0.4em; border-bottom-left-radius: 0.4em; padding-left:0.8em;background-color: #e60423
}
#crumbs ul li:first-child a:before {
	display: none; 
}
				

			
#crumbs ul li a:hover {
background: #5c5c5c;
}
#crumbs ul li a:hover:after {
	border-left-color: #5c5c5c;
}
		

        

#ButtonBar {
  /*background: white;*/
  color: #222222;
  font-size: 1em;
/*
  border-bottom: 1px solid #c3c3c3;
  padding-top: 0.3em;
  height: 85px;
  display: inline-block;
  width: 100%;
*/
}



  /* pager */
.cpWebDataPager {display:flex; height:1.5em;margin-bottom: 5px;}
.cpWebDataPagerTextBox, .cpWebDataPagerLabel 
{
    max-width:3.5em; display:inline-flex;align-items: center;
    justify-content: center;
    text-align:center;
    height:100%;
    padding-left:0.6em;
    padding-right:0.6em;
    font-size:0.8em;
    }
.cpWebDataPagerEmptySpan{display:inline-flex; flex: 1 1 auto;}
.cpWebDataPagerTotalSection {display:inline-flex; margin-right:1.5em}
#Footer_DataPager_TotalPages {padding-right:0em;}
a.cpWebDataPagerLinkGotoBegin::before { content: "<<";}
a.cpWebDataPagerLinkGotoPrevious::before { content: "<";}
a.cpWebDataPagerLinkGotoNext::before { content: ">";}
a.cpWebDataPagerLinkGotoEnd::before { content: ">>";}
a.cpWebDataPagerLinkGotoPrevious, a.cpWebDataPagerLinkGotoNext, a.cpWebDataPagerLinkGotoBegin, a.cpWebDataPagerLinkGotoEnd 
{
    display: inline-flex;
    width: 2em;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    text-align:center;
    height:100%;
    }





.BeginNewBusStopArea td
{
    border-top-color:#aaaaaa !important;
    border-top-style:solid !important;
    border-top-width:1px !important;
}




/**** Gogggle Maps ****/
.MapBusStop
{
    color: white;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 1em;
    white-space: nowrap;
    padding:3px;
}

.MapBusStopArea0 {
    background-color: rgba(0,0,0,0.4);
    fill: rgba(0,0,0,0.4);
    stroke: rgba(0,0,0,0.4);
}

.MapBusStopArea1 {
    background-color: rgba(0,0,255,0.4);
    fill: rgba(0,0,255,0.4);
    stroke: rgba(0,0,255,0.4);
}

.MapBusStopArea2 {    
    background-color: rgba(0,128,0,0.4); 
    fill: rgba(0,128,0,0.4);
    stroke: rgba(0,128,0,0.4);
}


.MapBusStopArea3 {
    color: black;
    background-color: rgba(255,255,0,0.4); 
    fill: rgba(255,255,0,0.4);
    stroke: rgba(255,255,0,0.4);
}

.MapBusStopArea4 {
    color: black;
    background-color: rgba(255,127,39,0.4);
    fill: rgba(255,127,39,0.4);
    stroke: rgba(255,127,39,0.4);
}

.MapBusStopArea5 {
    background-color: rgba(2,111,125,0.4);
    fill: rgba(2,111,125,0.4);
    stroke: rgba(2,111,125,0.4);
}

.MapBusStopArea6
 {
    background-color: rgba(128,64,0,0.4);
    fill: rgba(128,64,0,0.4);
    stroke: rgba(128,64,0,0.4);
}

.MapBusStopArea7 {
    background-color: rgba(64,0,128,0.4);
    fill: rgba(64,0,128,0.4);
    stroke: rgba(64,0,128,0.4);
}

.MapBusStopArea8 {
    background-color: rgba(255,128,255,0.4);
    fill: rgba(255,128,255,0.4);
    stroke: rgba(255,128,255,0.4);
}

.MapBusStopArea9 {
    background-color: rgba(128,255,255,0.4);
    fill: rgba(128,255,255,0.4);
    stroke: rgba(128,255,255,0.4);
}

.MapBusStopArea10 {
    background-color: rgba(0,0,128,0.4);
    fill: rgba(0,0,128,0.4);
    stroke: rgba(0,0,128,0.4);
}

.MapBusStopArea11 {
    background-color: rgba(124,28,3,0.4);
    fill: rgba(124,28,3,0.4);
    stroke: rgba(124,28,3,0.4);
}

.MapBusStopArea12 {
    background-color: rgba(0,64,0,0.4);
    fill: rgba(0,64,0,0.4);
    stroke: rgba(0,64,0,0.4);
}

.MapBusStopArea13 {
    background-color: rgba(254,75,106,0.4);
    fill: rgba(254,75,106,0.4);
    stroke: rgba(254,75,106,0.4);
}

.MapBusStopArea14 {
    background-color: rgba(114,193,66,0.4);
    fill: rgba(114,193,66,0.4);
    stroke: rgba(114,193,66,0.4);
}

.MapBusStopArea15 {
    background-color: rgba(85,107,174,0.4);
    fill: rgba(85,107,174,0.4);
    stroke: rgba(85,107,174,0.4);
}

.MapBusStopArea16 {
    background-color: rgba(95,165,154,0.4);
    fill: rgba(95,165,154,0.4);
    stroke: rgba(95,165,154,0.4);
}

.MapBusStopArea17 {
    background-color: rgba(19,176,193,0.4);
    fill: rgba(19,176,193,0.4);
    stroke: rgba(19,176,193,0.4);
}

.MapBusStopArea18 {
    background-color: rgba(205,7,91,0.4);
    fill: rgba(205,7,91,0.4);
    stroke: rgba(205,7,91,0.4);
}

.MapBusStopArea19 {
    background-color: rgba(214,177,173,0.4);
    fill: rgba(214,177,173,0.4);
    stroke: rgba(214,177,173,0.4);
}

.MapBusStopArea20 {
    background-color: rgba(232,226,155,0.4);
    fill: rgba(232,226,155,0.4);
    stroke: rgba(232,226,155,0.4);
}
.MapBusStopArea21 {
    background-color: rgba(230, 0, 0,0.4);
    fill: rgba(230, 0, 0,0.4);
    stroke: rgba(230, 0, 0,0.4);
}
.MapBusStopArea22 {
    background-color: rgba(36, 143, 36,0.4);
    fill: rgba(36, 143, 36,0.4);
    stroke: rgba(36, 143, 36,0.4);
}
.MapBusStopArea23 {
    background-color: rgba(0, 102, 204,0.4);
    fill: rgba(0, 102, 204,0.4);
    stroke: rgba(0, 102, 204,0.4);
}
.MapBusStopArea24 {
    background-color: rgba(230, 230, 0,0.4);
    fill: rgba(230, 230, 0,0.4);
    stroke: rgba(230, 230, 0,0.4);
}
.MapBusStopArea25 {
    background-color: rgba(153, 0, 153,0.4);
    fill: rgba(153, 0, 153,0.4);
    stroke: rgba(153, 0, 153,0.4);
}

.labelReference 
{
  color: white;
     background-color: rgba(176,0,0,0.4); /* red;*/
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 10px;
     text-align: center;
     width: 10px;     
     white-space: nowrap;
 }
 
 .labels 
 {
     
     color: white;
     background-color: rgba(0,0,255,0.4); /* Blue */
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 10px;
     text-align: center;
     width: 10px;     
     white-space: nowrap;
 }
 
 /* /*** Goggle Maps */
 
 /**** area box begin ***/
table.cpAreaBoxTable
{
    border-collapse:collapse;
     width:99%;
     border-width:0px;
     border-spacing:0px;
     font-weight:normal;
     margin:-10px 5px 10px 5px;
}
.cpAreaBoxTitleMarginCell
{
    width:10px;
    border-bottom:1px solid lightgray;
}

.cpAreaBoxTitleCell
{
    width:1px;
    vertical-align:middle;
    padding-left:10px;
    padding-right:10px;
    white-space:nowrap;
}

.cpAreaBoxTitleCell span
{

    font-size:0.9em;
    font-weight:bold;
}

.cpAreaBoxTitleCell img
{
    margin-right:0.7em;
}

.cpAreaBoxTitleEmptyCell
{
    white-space:nowrap;
    border-bottom:1px solid lightgray;
}

.cpAreaBoxTitleLeftCell
{
    border-left:1px solid lightgray;
}

.cpAreaBoxTitleRightCell
{
    border-right:1px solid lightgray;
}

.cpAreaBoxBodyMarginCell
{
    border-left:1px solid lightgray;
    border-bottom:1px solid lightgray;
}

.cpAreaBoxBodyCell
{
    border-right:1px solid lightgray;
    border-bottom:1px solid lightgray;
    padding-right:10px;
}


/**** area box end ***/

/*
.HeaderMessages {
    background-color: rgb(249,240,191);
    margin: 0px 2px 10px 2px;
    vertical-align: middle;
    text-align: center;
    padding: 6px 0 8px;
}
*/
.HeaderMessages span {
    display: block;
    word-break: break-word;
}


/*
.popover {
  max-width: 600px;
  width: auto;
}
*/

/* GridView */
.GridView 
{
    width:100%;
    margin-bottom:0em;
}
.GridViewSection {
  position: relative;
  padding-bottom: 1.5em;

  /*padding-top: 2em;*/ 
  /*background-color: #808080;*/  
}


.GridView th[sorted="asc"] a:after, .GridView th[allowsort="asc"] a:after {
    font-weight: normal;
    font-size: 1.5em;
    content: "\25B4";
    top: 3px;
    margin-right: -4px;
    margin-left: 3px;
}


.GridView th[sorted="desc"] a:after, .GridView th[allowsort="desc"] a:after {
    font-weight: normal;
    font-size: 1.5em;
    content: "\25BE";
    top: 3px;
    margin-right: -4px;
    margin-left: 3px;
}


.allowsort {
    font-weight: normal;
    font-size: 1.2em;
    margin-left: 5pt;
    position:relative;
    top:-5px;
}

.sorted {
    font-weight: bold;
    font-size: 1.2em;
    position: relative;
    top: -5px;
    color: red !important;
    margin-left: 5pt;
}


.GridViewSection.DatatableJS {padding-top:0}
	
.MarTopGridViewHeaderBackground {/*margin-top:2em*/}
.GridViewHeaderBackground  
{
  position:absolute;
  height: 2em;
  margin-top:-2em;
  width:100%;
  background-color: #808080; 
}
.GridViewHeader, .GridViewFooter /*, .cpWebTrackinChangesHeaderRow, .table-striped>tbody>tr:first-child*/
{
    background-color: #808080 !important;
    font-weight: normal;
    color:White;
}
    
.GridViewHeader th { border-right: 1px solid #bbb}
.GridViewHeader th a { text-decoration:none; color:#fff}
.GridViewHeader th a:hover { text-decoration:none; color:#ccc}
tr.GridViewHeader th div, tr.GridViewHeader th div span, tr.GridViewHeader th div span a{
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
/* Gridview fixed header is: th div */

th div {
  line-height:2;
  border-left: 1px solid white;
  margin-left: -0.5em;
  height:2em;
  padding-left:0.5em;
}

tr[data-click] { cursor: pointer;color: #337ab7;}
tbody tr[data-click]:hover {
    color: #23527c;
    background-color: #fffef0;
}
/* No fixed header in GridView inside Tab */
.cpWebTabContents th div {position: relative;}
.cpWebTabContents .GridViewSection {padding-top:0em;}
.cpWebTabContents .GridViewHeaderBackground {display:none}

td.triangleTableHeaderCell {
    word-break:keep-all;
}
td.triangleTableCell input {
    text-align: center;
    display: block;
}

#MenuSection {
  position: relative;
  
}
.overflowcontainer {
  overflow-y: auto;
  /*min-height: 400px;*/
}

.overflowNoX{
  overflow-x: hidden;
 }
/* triangleTable */ 

.triangleTable
{
    overflow: hidden;
    background-color:transparent;
}

.triangleTable tr
{
    border-left-style:solid;
    border-left-width:1px;
    border-left-color:#DBDDDE;
    
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#DBDDDE;
    
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#DBDDDE;
}


.triangleTable tr:hover
{
    background-color: rgba(255,255,34,0.3);
}


.triangleTable tr td,
triangleTable tr th {
  position: relative;
}

.triangleTable tr td:hover::after,
.triangleTable tr th:hover::after {
  content: "";
  position: absolute;
  background-color: rgba(255,255,34,0.3);
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

.triangleTable td 
{
    text-align:center;
    border-style:solid;
    border-width:1px;
    border-color:#DBDDDE;
    
    padding:0 5px 0 5px;
}



/*tbody tr.GridViewHeader td, td .MinWidthWithPadding,*/
.triangleTableHeaderCell,.triangleTableHeaderRow { background-color:rgba(0,0,0,0.5);color:white;border-bottom: 1px solid #bbb;border-right: 1px solid #bbb;}
.triangleTableCell {border-bottom:1px solid #ddd;border-right: 1px solid #ddd;white-space:nowrap;}
.RightAlign {min-width:4em;}


/* Toogle */

.checkbox label .toggle,
.checkbox-inline .toggle {
	margin-left: -20px;
	margin-right: 5px;
}

.toggle-on.btn.active{    color:White;background-color:#337ab7;}

/*
.btn, .btn.active, .btn:active {
    color: #337ab7;
    background-color: White;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*

/*
.toggle {
	position: relative;
	overflow: hidden;
}
.toggle input[type="checkbox"] {
	display: none;
}
.toggle-group {
	position: absolute;
	width: 200%;
	top: 0;
	bottom: 0;
	left: 0;
	transition: left 0.35s;
	-webkit-transition: left 0.35s;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.toggle.off .toggle-group {
	left: -100%;
}
.toggle-on {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 50%;
	margin: 0;
}
.toggle-off {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	margin: 0;
}
.toggle-handle {
	display:none;
}

.toggle.btn { min-width: 59px; min-height: 15px; }

.toggle.btn-lg { min-width: 79px; min-height: 45px; }
.toggle-handle.btn-lg { width: 40px; }

.toggle.btn-sm { min-width: 50px; min-height: 30px;}
.toggle.btn-xs { min-width: 35px; min-height: 20px;}

*/

/* invoice */
.GridViewRowInvoicePending td {
    background-color: rgba(206,125,17,0.15) !important;
}
.GridViewRowInvoiceCreated td {
    background-color: rgba(63,143,63,0.15) !important;
}
.GridViewRowInvoice td {
    background-color: rgba(0,119,162,0.30) !important;
}

#NoRecordsFoundMessage{
    position: absolute;
    top: 0.3em;
    color: white;
    width: 100%;
}

/* bootstrap corrections */
/*.table-striped>tbody>tr:nth-of-type(even) {
    background-color: white;
}*/
.table-hover>tbody>tr:hover {
    background-color: #e8f1f9;
}
th:first-child div{
  border: none;
}
.table>thead>tr>th 
{
    border: 0px solid black;
}

/*.LabelWarning {color:Red;}*/

.RowWarning input[type="text"]
{
    background-color:Red !important;
    color:White;
}




/*********** row div begin *************/

.RowDiv_Main
{
    padding-left:120px;
    padding-right:30px;
    white-space:nowrap;
}

.RowDiv_Code
{
    width:120px;
    left:-120px;
    display:inline-block;
    position:relative;
    float:left;
}

.RowDiv_Description
{
    display:inline-block;
    width:100%;
    position:relative;
    left:-120px;
}

.RowDiv_ButtonClear
{
    display:inline-block;
    width:30px;
    position:relative;
    left:-120px
}

.RowDiv_ButtonClear input[type="image"]
{
    margin:0;
}


.GridViewRow .RowDiv_Main, .GridViewRowSugestion .RowDiv_Main
{
    padding-left:55px;
}

.GridViewRow .RowDiv_Code, .GridViewRowSugestion .RowDiv_Code
{
    width:55px;
    left:-55px;
}

.GridViewRow .RowDiv_Description, .GridViewRowSugestion .RowDiv_Description
{
    left:-55px;
}

.GridViewRow .RowDiv_ButtonClear, .GridViewRowSugestion .RowDiv_ButtonClear
{
    left:-45px
}


button.modal-close, button.modal-close:before {
    content:"\e063";
    text-decoration:none;
    font-family:"s2b" !important;
    font-style:normal !important;
    font-weight:normal !important;
    font-variant:normal !important;
    text-transform:none !important;
    speak:none;
    line-height:1;
    -webkit-font-smoothing: antialiased;
    float:right;
    font-size:1.6em !important;
    text-shadow:none !important;
    color: White !important;
    opacity:1 !important;
    margin-top:-0.15em !important;
}

/*********** row div end *************/

.cpWebFormValidator {
    word-break: break-word;
}

.form-signin 
{
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
  margin-top: 40px;
}
.form-signin .form-signin-heading,
.form-signin input {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="username"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*circuit Icons */
.s2b-circuit-schedule {color:#477187}
.s2b-circuit-emptykm {color:#803315}
.s2b-circuit-reserve {color:#73B282}
.s2b-circuit-excess {color:#807215}
.s2b-circuit-external {color:#FF8D4F}
.s2b-circuit-stop {color:#98b85c}

.input-group2 { display:flex;}
.input-group-addon2 {display:inline-flex;}

.StepSuccess
{
    margin-top: 30px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    background-color: #22b14c;
    padding: 10px;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    white-space:normal;
}

.StepError
{
    margin-top: 30px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    background-color: #ff0000;
    padding: 10px;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    white-space:normal;
}

/* auto complete begin */

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  padding: 2px 0.5em;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;

    max-height: 100px;
    overflow-y: auto;
    
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    
    cursor:default;
    white-space: nowrap;
}

.ui-autocomplete a {color:#444444;}

.ui-autocomplete a:hover, a.ui-state-focus 
{
    color:#000000;
    background-color: #f0f0f0;
}
	
.ui-helper-hidden-accessible {
display: none;
}

/* auto complete end */

.cardsize {   width: 325px; height: 199px;  margin: auto;}
.cardborder { border: 1px dotted grey; border-radius:9px;}
.modal-card {width:395px !important; overflow:hidden;}

#SMSArea { margin-bottom: 0.4em;}
#SMSlblfooter {font-size:x-small; float:right}



.PrintArea
{
    width:200mm;
    margin-left:30mm;
    margin-right:30mm;
}

.PrintArea .TabularData tr:first-child
{
    
    border-bottom:1px solid black;
}

.PrintArea .TabularData tr:first-child>th
{
    font-weight:bold;
}


.PrintArea .TabularData tr:not(:first-child)
{
    border-bottom:1px dotted black;
}

.PrintArea .TotalRow
{
    font-weight:bold;
    border-top:1px solid black;
    border-bottom:none !important;
}

.PrintArea .TotalRow td:last-child
{
    text-align:right;
}

.PrintArea .TabularData
{
    margin-top:10px;
}

.PrintArea td
{
    padding-right:10px;
}

.PrintArea h1
{
    font-size:1.5em;
    font-weight:bold;
    margin-bottom:20px;
}

.PrintArea h2
{
    font-size:1.1em;
    font-weight:bold;
    margin-top:20px;
}

@media print
{
    #Header, .idleTime, #HeaderFake, .NoPrint
    {
        display:none;
    }
    
}

.CheckBoxList
{
    width:auto !important;
    border:none;
}

.cpWebTrackinChangesRow td:first-child, .cpWebTrackinChangesRow td:nth-child(2)
{
	white-space: nowrap;
}

/* status colors */

.inactive-letters, .ProcessStatusNotPrinted, .ProcessStatusPrinted,.debug {color:#dfdfdf;}
.inactive-background {background-color:#dfdfdf;}

.warning-letters,.warn {color:#f0ad4e}
.warning-background, .type-warning .modal-header {background-color:#f0ad4e; color:white}

.info-letters,.info {color:#5bc0de}
.info-background{background-color:#5bc0de; color:white}	

.success-letters,.ok, .ProcessStatusFormated {color:#5cb85c}
.success-background , .type-success .modal-header {background-color:#5cb85c; color:white}	
	
.danger-letters,.error,.fatal {color:#d9534f}
.danger-background, .type-danger .modal-header {background-color:#d9534f; color:white}

.primary-letters {color:#337ab7}
.primary-background,.type-info .modal-header, .type-primary .modal-header, .type-default .modal-header, #cpDialogBoxTitleRow {background-color:#337ab7;color:white;}


.triangleTable .icon {  position:absolute;right:3px;}
.ExceptionValue .titlepricediv { cursor:alias}
.ExceptionDistance.ExceptionPrice {background-color:rgba(126,145,221,0.4);}
.ExceptionDistance {background-color:rgba(35,159,222,0.4);}
.ExceptionPrice {background-color:rgba(216,136,67,0.4);}
.ConsolePrintSimulation
{
    width:160mm;
    margin-left:auto;
    margin-right:auto;
    border:1px solid #cccccc;
}

.ConsolePrintSimulation span
{    
    font-size: medium;
    font-family: Monospace;
}


.GlobalWarnings
{
    width:70%;
    display:flex;
    margin-left:auto;
    margin-right:auto;
    margin-top:150px;
}

.GlobalWarnings>div
{
    width:100%;
    display:flex;
}

.GlobalWarnings>div>div
{
    display:block;
    margin-left:20px;
    margin-top:5px;
}


.pagination {margin:0;}


div.dataTables_filter {
    float: right;
}

div.dataTables_wrapper div.dataTables_info {
    white-space: nowrap;
    float: left;
    margin-top:2px;
}


.btn-default, .btn-default:active, .btn-default:focus {
    color:#337ab7;
    background-color:#fff;
    border-color:#ccc;
}
.btn-default:hover {
    color:#23527C;
    background-color:#eeeeee;
    border-color:#adadad;
}

.btn.active, .btn:focus, .btn:hover {
    text-decoration:none;
    box-shadow:none;
}


.dt-buttons 
{
    float:left;
    margin-bottom:0;
}

.dt-buttons .btn, .dt-button, .pagination>li>a, .paginate_button {
    display: inline-block;
    text-align: center;
    border:0;
    border-left: 1px dotted grey;
    padding: 0 0.5em;
    border-radius:0;
}

.disabled {}

.paginate_button.current { background-color: #337ab7; color:White}
.paginate_button {cursor: pointer;}
.paginate_button:hover,.dt-button:hover { background-color: #e6e6e6;}

.dataTables_filter input 
{
    cursor: pointer;
    padding:0; height: 1.6em; border: 1px solid grey;
    border-radius:0; margin-bottom:0;
    display: inline-block;
    width: auto;
}
.dataTables_paginate {margin-top:2px;float:right;}



div.DatatableJS .dt-buttons {
    position: absolute;
    float: left;
    margin-bottom: 0;
    top: -1.5em;
}

div.DatatableJS div.dataTables_filter {
    float: right;
    position: absolute;
    right: 0;
    top: -1.7em;
}

.GridViewResize.DatatableJS, div.DatatableJS {
    margin-top: 2em;
}

th.sorting,
th.sorting_asc,
th.sorting_desc {
  cursor: pointer;
  *cursor: hand;
}
th.sorting,
th.sorting_asc,
th.sorting_desc,
th.sorting_asc_disabled,
th.sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}
th.sorting {
  background-image: url("/scripts/DataTables/DataTables-1.10.12/images/sort_both.png");
}
th.sorting_asc {
  background-image: url("/scripts/DataTables/DataTables-1.10.12/images/sort_asc.png");
}
th.sorting_desc {
  background-image: url("/scripts/DataTables/DataTables-1.10.12/images/sort_desc.png");
}
th.sorting_asc_disabled {
  background-image: url("/scripts/DataTables/DataTables-1.10.12/images/sort_asc_disabled.png");
}
th.sorting_desc_disabled {
  background-image: url("/scripts/DataTables/DataTables-1.10.12/images/sort_desc_disabled.png");
}
.sorting_1 {
    background-color: rgba(255,225,147,0.3);
}

.readerIconsDiv
{
    z-index: 3;
    position: fixed;
    right:0.2em;
    top:0.1em;
}

.md-container
{
    padding: 1em;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 1em !important;
    border-left: 5px solid #eee;
}

.iconpicker li,.iconpicker>li
{
    font-size: 1.5em !important;
}

.progress
{
    height:30px;
}

.progress-bar
{
    font-size:14px;
}

.gridViewScale
{
    width:auto !important;
}

.gridViewScale > tbody > tr:first-child {
    background-color: #808080 !important;
    font-weight: normal;
    color: White;
    white-space:nowrap
}

    .gridViewScale td {
        padding: 3px;
    }

    .gridViewScale th {
        border-right: 1px solid #bbb;
        padding: 3px;
    }



.gridViewScaleAvailableTime {
    height: 7px;
    font-size: 0.8em;
}


    .gridViewScaleAvailableTime td {
        background-color: rgb(166,255,140);
        text-align: center;
        vertical-align: middle;
        height: 7px;
    }

.textBoxViewScale input[type="text"] {
    width: 150px !important;
}

.gridViewScale select {
    width: auto !important;
}