@charset "UTF-8";

/* ==========================================================================
   Memo:

   Rose: #e40f48
   Jaune: #fbbb11
   vert: #9ec324
   bleu: #009cd8
   Orange validation : #fe7f14

   ========================================================================== */

/* CLEARFIX  http://nicolasgallagher.com/micro-clearfix-hack/ */

/* For modern browsers */
.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    *zoom:1;
}

.clear {
    clear: both;
}



/* BASE ===================================================================== */




/* fix para Chrome (melhor antialiasing) */

html, body { height: 100%; }

html{font-size: 62.5%; }

body {
	font-size: 13px; /* IE8- */
	font-size: 1.3rem;
	font-family: 'Cabin', sans-serif;
	color: #000000;
	box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background-color: #FFFFFF;
}
::-moz-selection { background: #000; color: #fff;}
::selection { background: #000; color: #fff;}

.bodyLogin { background: #E9E9E9; }


a {text-decoration: none; color: #000; font-family: 'Oxygen', sans-serif; }
a:link { }
a:visited {}
a:hover {}
a, a:focus, :focus {}

img {vertical-align: middle;} /*Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */

h1 {font-size:1.8em}
h2 {font-size:1.6em}
h3 {font-size:1.4em}
h4 {font-size:1em; font-weight: bold; margin-bottom: 5px;}
h1,h2,h3 {margin:1em 0;}

h1,h2,h3,h4,h5,h6 {font-family: 'Oxygen', sans-serif; font-weight: normal; color: #005A8A;}


abbr,acronym { border-bottom:1px dotted #000; cursor:help;}
em {font-style: italic;}
strong { font-weight: bold;}
blockquote,ul,ol,dl {}
ol,ul,dl {}
ol li {list-style: decimal inside;}
ul li {list-style: disc inside;}

dl dd {margin-left:1em;}
th,td {border:0; padding:.5em;}
th {font-weight:bold; text-align:center;}
caption { margin-bottom:.5em; text-align:center;}

/*p,fieldset,table {margin-bottom:1em;} -- Picanha. Retirei porque estava a danificar o data tables (list)*/

textarea { resize: vertical;}/* Allow only vertical resizing of textareas.*/
hr {
	height: 1px;
  margin: 20px 0;
  padding: 0;
  color: #F00;
  background-color: #e8e8e8;
  border: 0;
  clear: both;
}

.floatLeft{float:left}
.floatRight{float:right}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.posBottom {position: absolute; bottom: 0;}
.posRight {position: absolute; right: 0;}
.underline {text-decoration: underline;}


input[type=checkbox].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
input[type=checkbox].css-checkbox + label.css-label { padding-left:20px; height:21px; display:inline-block; line-height:13px; background-repeat:no-repeat; background-position: 0 0; font:400 13px 'Cabin', sans-serif; vertical-align:middle; cursor:pointer; color: #818179; }
input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -21px; }
label.css-label { background-image:url(../images/csscheckbox.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

input[type=radio].css-radiobutton { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
input[type=radio].css-radiobutton + label.css-labelRadioButton { padding-left:24px; height:19px; display:inline-block; line-height:19px; background-repeat:no-repeat; background-position: 0 0; font-size:19px; vertical-align:middle; cursor:pointer; }
input[type=radio].css-radiobutton:checked + label.css-labelRadioButton { background-position: 0 -19px; }
label.css-labelRadioButton { background-image:url(../images/csscheckbox_radionbutton.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; bottom: 10px; left: calc(50% - 9px); }

img.autoscale { max-width:100%; max-height:100%;}


.wrapLogin { display: block; margin: 0px auto 0 auto; width: 100%; max-width: 360px; }

header { width: 100%; margin: 0 auto; color: #FFF; z-index: 3; height: 98px; background: #003C49; }
.logoTopoLogin { margin: 25px 0 0px 25px; padding: 0; width: 113px; height: 52px; background: url(../images/logo-topo.png) no-repeat 0 0; text-indent: -5000px; display: inline-block; }
.seleccaoIdioma { display: inline-block; float: right; margin: 40px 25px 0 0; }
.seleccaoIdioma > a { color: #FFF; background: url(../images/arrow-down-idioma.png) no-repeat right center; padding: 0 20px 0 0; }

.tabsLogin { background: url(../images/bg-ul-tabs.png) repeat-x left bottom; margin: 10px 0 0 0; padding: 0; display: table; table-layout: auto; width: 100%;}
.tabsLogin li { list-style:none; display:table-cell; width: 50%; text-align: center; }
.tabsLogin a { padding:15px 10px 0 10px; display:inline-block; text-decoration:none; color: #67747E; font:400 14px 'Cabin', sans-serif; height: 35px; }
.tabsLogin a.active { background:#fff;  box-shadow: 0px -2px 2px #ECEDF0; color:#67747E; font:400 14px 'Cabin', sans-serif; width: calc(100% - 20px); }

.contentTabsLogin { background: #FFFFFF; margin: 0; padding: 15px 0; box-shadow: 0px 0px 2px #ECEDF0; text-align: center; }
.contentTabsLogin > h2 { margin: 20px 0; color:#DA3300; font:500 24px 'Cabin', sans-serif; }
.contentTabsLogin > div.texto { margin: 0px 30px 30px 30px; color:#666467; font:400 14px 'Cabin', sans-serif; }
.divRemember { max-width: 280px; width:100%; display: inline-block; text-align: left; color: #66737E; font:400 11px 'Cabin', sans-serif; }
.divButtonLogin { margin: 20px 0 10px 0; }
.divButtonLogin > a { background: #DD3200; padding: 10px; width: calc(100% - 20px); color: #FFF; text-transform: uppercase; font:500 16px 'Cabin', sans-serif; max-width: 260px; display: inline-block; border-radius: 3px; }
.divButtonLogin > a:hover { opacity: 0.7; }

.divInputs { display: block; margin: 0 0 10px 0; text-align: center; }
.inputLogin { padding: 14px 10px 14px 40px; width: calc(100% - 50px); border-radius: 3px; border: 1px solid #E3E4E7; background: #FFF url(../images/icon-login.png) no-repeat 15px center; color: #66737E; font:400 14px 'Cabin', sans-serif; max-width: 230px; }
.inputPassword { padding: 14px 10px 14px 40px; width: calc(100% - 50px); border-radius: 3px; border: 1px solid #E3E4E7; background: #FFF url(../images/icon-password.png) no-repeat 15px center; color: #66737E; font:400 14px 'Cabin', sans-serif; max-width: 230px; }
.inputEmail { padding: 14px 10px 14px 40px; width: calc(100% - 50px); border-radius: 3px; border: 1px solid #E3E4E7; background: #FFF url(../images/icon-email.png) no-repeat 15px center; color: #66737E; font:400 14px 'Cabin', sans-serif; max-width: 230px; }

footer { margin: 12px 0; display: block;  }
footer > div.list { background: #FFF; margin: 0 0 12px 0; box-shadow: 0px 0px 2px #ECECEC; display: block; padding: 8px 8px 7px 8px;  }
footer > div.list > ul { margin: 0; padding: 0;  }
footer > div.list > ul > li { margin: 0; padding: 0; list-style: none;  }
footer > div.list > ul > li > a { margin: 0 0 1px 0; padding: 0; list-style: none; background: #F0F0EB url(../images/arrow-menu-footer.png) no-repeat 12px center; display: block; padding: 12px 12px 12px 32px; color: #454C52; font: 400 12px 'Cabin', sans-serif; }
footer > div.list > ul > li > a:hover { opacity: 0.7; }

.divRecommendedBrowsers { text-align: center; color: #676468; font: 400 11px 'Cabin', sans-serif; padding: 10px 0 0 0; }
.tabRecommendedBrowsers { display: table; table-layout: auto; text-align: center; margin: 0 auto;}
.tabRecommendedBrowsers > div { display: table-cell; padding: 20px 10px 0 10px;}
.tabRecommendedBrowsers > div > span { display: block; padding: 5px 0 0 0;}



/******** CALENDAR COLECTION *********/
.logoTopo { margin: 25px 0 0 22px; padding: 0; display: inline-block;  width: calc(18% - 22px); }
.logoTopo > a { display: block; width: 113px; height: 52px; background: url(../images/logo-topo.png) no-repeat 0 0; text-indent: -5000px; }

.menuTopo { width: 67%; display: inline-block; }
.menuTopo > ul { margin: 0; padding: 0; table-layout: auto; display: table; width: 100%;}
.menuTopo > ul > li { list-style: none; display: table-cell; text-align: center; height: 98px; vertical-align: middle; width: 93px; position: relative; }
.menuTopo > ul > li > a { display: block; color: #FFF; font: 500 14px 'Cabin', sans-serif; line-height: 100%; }
.menuTopo > ul > li:hover, .menuTopo > ul > li:hover > a { background: #EEE; color: #E14430; }

.menuTopo > ul > li.dashboard > a > span { display: block; background: url(../images/icon-dashboard.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; }
.menuTopo > ul > li.dashboard:hover > a > span { background: url(../images/icon-dashboard.png) no-repeat center bottom; }
.menuTopo > ul > li.dashboardActive { color: #E14430; font: 500 14px 'Cabin', sans-serif; line-height: 100%; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE);  }
.menuTopo > ul > li.dashboardActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-dashboard.png) no-repeat center bottom; color: #E14430;  }

.menuTopo > ul > li.network > a > span { display: block; background: url(../images/icon-networking.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; }
.menuTopo > ul > li.network:hover > a > span { background: url(../images/icon-networking.png) no-repeat center bottom; }
.menuTopo > ul > li.networkActive { color: #E14430; font: 500 14px 'Cabin', sans-serif; line-height: 100%; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE);  }
.menuTopo > ul > li.networkdActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-networking.png) no-repeat center bottom; color: #E14430;  }


.menuTopo > ul > li.pickups > a > span { display: block; background: url(../images/icon-pickups.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; }
.menuTopo > ul > li.pickups:hover > a > span { background: url(../images/icon-pickups.png) no-repeat center bottom; }
.menuTopo > ul > li.pickupsActive { color: #E14430; font: 500 14px 'Cabin', sans-serif; line-height: 100%; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE);  }
.menuTopo > ul > li.pickupsActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-pickups.png) no-repeat center bottom; color: #E14430;  }

.menuTopo > ul > li.cot > a > span { display: block; background: url(../images/icon-cot.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; }
.menuTopo > ul > li.cot:hover > a > span { background: url(../images/icon-cot.png) no-repeat center bottom; }
.menuTopo > ul > li.cotActive { color: #E14430; font: 500 14px 'Cabin', sans-serif; line-height: 100%; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE);  }
.menuTopo > ul > li.cotActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-cot.png) no-repeat center bottom; color: #E14430;  }

.menuTopo > ul > li.exceptions > a > span { display: block; background: url(../images/icon-exceptions.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; }
.menuTopo > ul > li.exceptions:hover > a > span { background: url(../images/icon-exceptions.png) no-repeat center bottom; }
.menuTopo > ul > li.exceptionsActive { color: #E14430; font: 500 14px 'Cabin', sans-serif; line-height: 100%; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE);  }
.menuTopo > ul > li.exceptionsActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-exceptions.png) no-repeat center bottom; color: #E14430;  }

.menuTopo > ul > li.reports > a > span { display: block; background: url(../images/icon-reports.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; }
.menuTopo > ul > li.reports:hover > a > span { background: url(../images/icon-reports.png) no-repeat center bottom; }
.menuTopo > ul > li.reportsActive { color: #E14430; font: 500 14px 'Cabin', sans-serif; line-height: 100%; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE);  }
.menuTopo > ul > li.reportsActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-reports.png) no-repeat center bottom; color: #E14430;  }

.menuTopo > ul > li.notifications { border-left: 1px solid #265963; position: relative; }
.menuTopo > ul > li.notifications > a { font: 400 12px 'Cabin', sans-serif; color: #CCCCCC; }
.menuTopo > ul > li.notifications > a > span { display: block;  background: url(../images/icon-notifications.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; }
.menuTopo > ul > li.notifications > a > span > span { text-align: center; width: 17px; height: 15px; display: block; margin: 0 0 0 16px; padding: 2px 0 0 0; color: #FFF;  font: 600 12px 'Cabin', sans-serif; }
.menuTopo > ul > li.notifications:hover > a > span { background: url(../images/icon-notifications.png) no-repeat center bottom; }
.menuTopo > ul > li.notificationsActive { color: #E14430; font: 400 14px 'Cabin', sans-serif; line-height: 100%; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE);  }
.menuTopo > ul > li.notificationsActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-notifications.png) no-repeat center bottom; color: #E14430;  }

.menuTopo > ul > li.configurations > a > span { display: block;  background: url(../images/icon-configurations.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; }
.menuTopo > ul > li.configurations:hover > a > span { background: url(../images/icon-configurations.png) no-repeat center bottom; }
.menuTopo > ul > li.configurationsActive { color: #E14430; font: 400 14px 'Cabin', sans-serif; line-height: 100%; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE);  }
.menuTopo > ul > li.configurationsActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-configurations.png) no-repeat center bottom; color: #E14430;  }

.menuTopo > ul > li.myprofile > a > span { display: block;  background: url(../images/icon-profile.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; }
.menuTopo > ul > li.myprofile:hover > a > span { background: url(../images/icon-profile.png) no-repeat center bottom; }
.menuTopo > ul > li.myprofileActive { color: #E14430; font: 400 14px 'Cabin', sans-serif; line-height: 100%; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE);  }
.menuTopo > ul > li.myprofileActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-profile.png) no-repeat center bottom; color: #E14430;  }

.menuTopo > ul > li.billing > a > span { display: block; background: url(../images/icon-billing.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; }
.menuTopo > ul > li.billing:hover > a > span { background: url(../images/icon-billing.png) no-repeat center bottom; }
.menuTopo > ul > li.billingActive { color: #E14430; font: 500 14px 'Cabin', sans-serif; line-height: 100%; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE);  }
.menuTopo > ul > li.billingActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-billing.png) no-repeat center bottom; color: #E14430;  }

.menuTopo > ul > li.participants > a > span { display: block; background: url(../images/participants_ico.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; }
.menuTopo > ul > li.participants:hover > a > span { background: url(../images/participants_ico.png) no-repeat center bottom; }
.menuTopo > ul > li.participantsActive { color: #E14430; font: 500 14px 'Cabin', sans-serif; line-height: 100%; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE);  }
.menuTopo > ul > li.participantsActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/participants_ico.png) no-repeat center bottom; color: #E14430;  }

.menuTopo > ul > li.myQualification > a > span { display: block; background: url(../images/my_qualifications_ico.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; }
.menuTopo > ul > li.myQualification:hover > a > span { background: url(../images/my_qualifications_ico.png) no-repeat center bottom; }
.menuTopo > ul > li.myQualificationActive { color: #E14430; font: 500 14px 'Cabin', sans-serif; line-height: 100%; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE);  }
.menuTopo > ul > li.myQualificationActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/my_qualifications_ico.png) no-repeat center bottom; color: #E14430;  }

.menuTopo > ul > li.webservice > a > span { display: block;  background: url(../images/icon-webservices.png) no-repeat center top; width: 37px; height: 28px; margin: 0 auto 5px auto; }
.menuTopo > ul > li.webservice:hover > a > span { background: url(../images/icon-webservices.png) no-repeat center bottom; }
.menuTopo > ul > li.webserviceActive { color: #E14430; font: 400 14px 'Cabin', sans-serif; line-height: 100%; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE);  }
.menuTopo > ul > li.webserviceActive > span { display: block; width: 37px; height: 28px; margin: 0 auto 5px auto; background: url(../images/icon-profile.png) no-repeat center bottom; color: #E14430;  }


.menuTopo > ul > li > ul { display: none; position: absolute; top: 98px; left: 0; ; margin: 0; padding: 0; z-index: 10000; min-width: 150px; box-shadow: 2px 2px 2px #ccc; }
.menuTopo > ul > li:hover > ul, .menuTopo > ul > li > a:hover > ul { display: block; }
.menuTopo > ul > li > ul > li > ul { display: none; position: absolute; top: 0; left: 100%; margin: 0; padding: 0; z-index: 10000;box-shadow: 2px 2px 2px #ccc; min-width: 150px;  }
.menuTopo > ul > li > ul > li:hover > ul, .menuTopo > ul > li > ul > li > a:hover > ul { display: block; }
.menuTopo > ul > li > ul > li > ul > li > ul, .menuTopo > ul > li > ul > li > ul > li > ul > li > ul { display: none; position: absolute; top: 0; left: 100%; margin: 0; padding: 0; z-index: 10000; box-shadow: 2px 2px 2px #ccc; min-width: 150px;  }
.menuTopo > ul > li > ul > li > ul > li:hover > ul, .menuTopo > ul > li > ul > li > a:hover > ul > li > ul { display: block; }

.menuTopo > ul > li > ul.pickups > li { list-style: none; text-align: left; position: relative; display: block; }
.menuTopo > ul > li > ul.pickups > li > a { color: #666466; display: block;}
.menuTopo > ul > li > ul.pickups > li > a.list { background: #EAEAEA url(../images/button19.png) no-repeat 20px 20px; padding: 20px 20px 20px 50px; }
.menuTopo > ul > li > ul.pickups > li > a:hover.list { background: #F0F0F0 url(../images/button19.png) no-repeat 20px -48px; color: #E02D00; }
.menuTopo > ul > li > ul.pickups > li > a.more { background: #EAEAEA url(../images/button20.png) no-repeat 20px 20px; padding: 20px 20px 20px 50px; }
.menuTopo > ul > li > ul.pickups > li > a:hover.more { background: #F0F0F0 url(../images/button20.png) no-repeat 20px -48px; color: #E02D00; }


.menuTopo > ul > li > ul > li > ul > li { list-style: none; text-align: left; position: relative; display: block; }
.menuTopo > ul > li > ul > li ul > li > a { display: block; background: #EAEAEA; list-style: none; font: 600 15px 'Cabin', sans-serif; color: #666466; }
.menuTopo > ul > li > ul > li ul > li > a:hover { background: #EAEAEA; color: #E02D00; }

.menuTopo > ul > li > ul > li > ul li { list-style: none; text-align: left; position: relative; display: block; }
.menuTopo > ul > li > ul > li ul > li > ul > li > a { display: block; background: #EAEAEA; list-style: none; /*border-bottom: 1px solid #FFF; padding: 20px 20px 20px 20px;*/ font: 600 15px 'Cabin', sans-serif; color: #666466; }
.menuTopo > ul > li > ul > li ul > li > a:hover { background: #EAEAEA; color: #E02D00; }

.menuUser { display: none; z-index:10000; position:absolute; background:#003642; right:0; width: 25%; }
.menuUser > ul { display: block; margin: 0px 0px 0 0px; padding: 0; background:#004A5C; }
.menuUser > ul > li { list-style: none; border-top:1px solid #003C49; border-bottom: 1px solid #005B73; width: 100%;}
.menuUser > ul > li > a { padding-top: 10px; padding-bottom: 10px; color: #FFF; display: block; font: 700 12px 'Oxygen', sans-serif; margin: 0 15px; }
.menuUser > ul > li:first-child > a { border-top:0px solid #838D9A; padding-top: 5px; padding-bottom: 5px;}
.menuUser > ul > li > img { display: block; font: 700 12px 'Oxygen', sans-serif; padding: 10px 0; margin: 0 15px; }
.menuUser > ul > li > div { display: block; font: 700 12px 'Oxygen', sans-serif; padding: 10px 0; margin: 0 15px; }
/* .menuUser > ul > li:last-child { background:#003642; } */
/* .menuUser > ul > li:last-child > a { border-top:0px solid #838D9A; background: url(../images/btn-close-caixa-login.png) no-repeat 0px center; text-transform: uppercase; font: 400 11px 'Oxygen', sans-serif; padding:15px 0 15px 20px;  } */
.menuUser > ul > li > a > span { color: #FFF;display: block; font: 400 11px 'Oxygen', sans-serif; }

.menuNotifications { display: none; z-index:10000; position:absolute; background:#003642; right:calc(19% - 40px); width: 15%; padding: 20px; background:#004A5C; }
.menuNotifications > ul { display: block; margin: 0px 0px 0 0px; padding: 12px 0; border-bottom: 1px solid #005B73; border-top: 1px solid #003C49; }
.menuNotifications > ul:first-child { border-top: 0px solid #003C49; }
.menuNotifications > ul:last-child { border-bottom: 0px solid #003C49; }
.menuNotifications > ul > li { list-style: none; }
.menuNotifications > ul > li > a { color: #FFF; display: block; font: 400 12px 'Cabin', sans-serif; margin: 5px 0px; }
.menuNotifications > ul > li:first-child { color: #FFF; display: block; font: 600 15px 'Cabin', sans-serif; }
.menuNotifications > ul > li > a > span { color: #FFF;display: inline-block; font: 600 12px 'Cabin', sans-serif; background: #F84700; width: 17px; height: 17px; text-align: center; margin: 0 5px 0 0; border-radius: 2px; }

.moreOptions { display: none; z-index:1000; position:absolute; height: 58px; right: -5px; }
.moreOptions > div.topo { display: block; background: url(../images/bg-caixa-moreOptions.png) no-repeat right top; height: 8px; padding: 0 10px; }
.moreOptions > div.conteudo { display: block; background: url(../images/bg-caixa-moreOptions.png) no-repeat right bottom; height: 50px; border-left: 2px solid #CECEBE; border-right: 2px solid #CECEBE; box-shadow: 3px 3px 2px #999999; padding: 0 10px; }

.listButtonsMoreOptions { display: table; table-layout: auto; width: auto; margin: 0 auto; }
.listButtonsMoreOptions > ul { margin: 0; padding: 0; display: table-row-group; }
.listButtonsMoreOptions > ul > li { list-style: none; display: table-cell; height: 50px; vertical-align: middle; }
.listButtonsMoreOptions > ul > li > a { margin: 0 5px; }

.actionLabel01 { display: none; position: absolute; font: 500 12px 'Cabin', sans-serif; color: #FFFFFF; padding: 3px 7px; background: #F53100; border: 1px solid #FFF; border-radius: 3px; box-shadow: 2px 2px 2px #999999; top: 32px; right: 16px; min-width: 100px; width: auto; }

.fixedFooter { position: fixed; bottom:0; width:100%; display: block; z-index: 3; background: #003C48; color: #FFF;  }

.fixedFooterLeft { display: block; width: 40%; float: left;  }
.fixedFooterLeft > ul { margin: 0; padding: 0; display: table; table-layout: auto; width: 100%; }
.fixedFooterLeft > ul > li { list-style: none; display: table-cell; height: 60px; vertical-align: middle; border-right: 1px solid #052F37; }
.fixedFooterLeft > ul > li.chat  > a { background: url(../images/icon-chat.png) no-repeat 16px center; padding: 0 0 0 56px; }
.fixedFooterLeft > ul > li.help  > a { background: url(../images/icon-help.png) no-repeat 16px center; padding: 0 0 0 36px; }
.fixedFooterLeft > ul > li.bug  > a { background: url(../images/icon-report-bug.png) no-repeat 16px center; padding: 0 0 0 46px; }
.fixedFooterLeft > ul > li.mobile  > a { background: url(../images/icon-mobile-version.png) no-repeat 16px center; padding: 0 0 0 36px; }
.fixedFooterLeft > ul > li  > a {  font: 600 12px 'Cabin', sans-serif; color: #FFFFFF; display: table-cell; height: 60px; vertical-align: middle; }
.fixedFooterLeft > ul > li  > a:hover {  opacity: 0.7; }
.fixedFooterLeft > ul > li  > a > img { display: block; float: left; margin: 0 10px 0 0; }

.fixedFooterSocial { display: block; width: 25%; float: left;  }
.fixedFooterSocial > ul { margin: 0; padding: 0; display: table; table-layout: auto; width: 100%; }
.fixedFooterSocial > ul > li { list-style: none; display: table-cell; height: 60px; vertical-align: middle; width: 25%; }
.fixedFooterSocial > ul > li  > a { display: block; height: 60px; text-indent: -5000px; }
.fixedFooterSocial > ul > li  > a:hover { opacity: 0.7; }
.fixedFooterSocial > ul > li.twitter > a { display: block; background: #004E57 no-repeat center center; }
.fixedFooterSocial > ul > li.facebook > a { display: block; background: #004E57 no-repeat center center; }
.fixedFooterSocial > ul > li.instagram > a { display: block; background: #004E57 no-repeat center center; }
.fixedFooterSocial > ul > li.linkedin > a { display: block; background: #004E57 no-repeat center center; }


.divBtnsERP { width:25%; display: table; table-layout: auto; float: left; }
.btnContactErp { width:45%; display: table-cell; vertical-align: middle; }
.btnContactErp > a { display: table-cell; height: 60px; vertical-align: middle; font: 600 12px 'Cabin', sans-serif; color: #FFFFFF; border-left: 1px solid #052F37; cursor: pointer; padding: 0 0 0 35px; background: url(../images/icon-phone.png) no-repeat 20px center; }
.btnContactErp > a:hover, .btnMoreErp > a:hover { opacity: 0.7;  }
.btnMoreErp { width:55%; display: table-cell; vertical-align: middle; }
.btnMoreErp > a { display: table-cell; height: 60px; vertical-align: middle; font: 600 12px 'Cabin', sans-serif; color: #FFFFFF; border-left: 1px solid #052F37; cursor: pointer; padding: 0 0 0 35px; background: url(../images/more_about_epra.png) no-repeat 10px center; line-height: 100%;   }

.logoErpFooter > a { display: block; height: 60px; float: left; width: 9%; background: no-repeat center center; text-indent: -5000px; border-left: 1px solid #052F37; }

.userTopo {  padding: 0 17px; width: calc(15% - 34px); height: 98px; background: #003641; }
.userTopo > div.user:hover { cursor:pointer }
.userTopo > div.user { font: 400 11px 'Cabin', sans-serif; background: url(../images/icon-user.png) no-repeat 0 0; padding: 0 0 15px 35px; line-height: 100%;  margin: 15px 0 0 0; line-height: 100%; border-bottom: 1px solid #004C5D; float: none; }
.userTopo > div.user > span { display: block; font: 700 12px 'Oxygen', sans-serif; }
.userTopo > div.btnUser { float: right; border-top: 1px solid #002B35; display: block; width: 100%; padding: 13px 0 0 0;  }
.userTopo > div.btnUser > a { background: url(../images/arrow-down-idioma.png) no-repeat 0 0; text-indent: -5000px; display: block; width: 14px; height: 9px; margin: 0px 150px 0 auto; }
.userTopo > div.btnUserActive > a { background: url(../images/arrow-up.png) no-repeat 0 0; text-indent: -5000px; display: block; width: 11px; height: 7px; }

.langsTopo { position: absolute; right:0;top: 75px; width: auto;}

.main {width: 100%;height: 100%;overflow: auto;}

.tabs > ul {  margin: 0; padding: 0; }
.tabs > ul > li { list-style:none; display:block;  margin: 0; padding: 0; float: left; }
.tabs > ul > li > a { padding:20px 40px 0 40px; display:inline-block; background: url(../images/bg-tabs.png) no-repeat right center; text-decoration:none; color: #676468; font:600 20px 'Cabin', sans-serif; height: 47px; }
.tabs > ul > li > a > span { margin: 0 10px 0 0; }
.tabs > ul > li:last-child > a { background: none; }
.tabs > ul > li > a.active { background:#fff; color:#676468; }

.contentTabs { background: #FFFFFF; padding: 16px; color: #999999; font:400 15px 'Cabin', sans-serif; width: calc(100% - 32px); height: calc(100% - 207px); position: absolute; top: 175px; left: 0; }
.contentTabs > h3 { color: #666467; font:700 27px 'Cabin', sans-serif!important; margin: 0px 0 15px 0; }
.contentTabs > h3.marginTop { margin: 30px 0 15px 0; }

.contentDiv { background: #FFFFFF; padding: 0 16px 16px 16px; color: #999999; font: 400 12px 'Cabin', sans-serif; width: calc(100% - 36px); margin: 10px 0 0 0; padding-bottom: 90px; }
.contentDiv > h3 { color: #666467; font:700 27px 'Cabin', sans-serif!important; margin: 10px 0 15px 0; }
.contentDiv > h4 { font: 500 20px 'Cabin', sans-serif!important; color: #666466; margin: 40px 0 20px 0; padding: 0; }

.btnRequestPickup { width: 18%; }
.btnRequestPickup > a { display: block; float: right; background: #FB4600 url(../images/icon-mais.png) no-repeat 14px center; text-transform: uppercase; color: #FFF; font: 700 14px 'Cabin', sans-serif; padding: 15px 14px 0 44px; width: 108px; height: 52px; border-radius: 5px; }
.btnRequestPickup > a:hover { background: #DE2F00 url(../images/icon-mais.png) no-repeat 14px center;}

.calendarFilters { width: calc(82% - 12px); background: #F4F4F4; padding: 6px; border-radius: 5px; }

.divFiltrosCalendar { float: left; font: 400 12px 'Cabin', sans-serif; margin: 0 0 10px 25px; }
.divFiltrosCalendar > span { display: inline-block; padding: 2px 3px 0 0; }

.listPickupsCalendar {}
.listPickupsCalendar > ul { margin: 0; padding: 0; display: table; table-layout: auto; width: 100%; }
.listPickupsCalendar > ul > li { display: table-cell; list-style: none; }
.listPickupsCalendar > ul > li > span { display: table; table-layout: auto; background: #FFF; margin-right: 10px; padding: 3px 10px; font: 600 13px 'Cabin', sans-serif; color: #888A81; border-radius: 3px; width: calc(100% - 30px); }
.listPickupsCalendar > ul > li > span > span { display: table-cell; vertical-align: middle; }
.listPickupsCalendar > ul > li > span > span.number { font: 700 20px 'Cabin', sans-serif; text-align: right; color: #5C5C5C; }
.listPickupsCalendar > ul > li:last-child > span { margin-right: 0px; width: calc(100% - 20px); }

.listPickupsCalendarColor01 { color: #FE4400!important; }
.listPickupsCalendarColor02 { color: #85B200!important; }

.tabelaTransactions { display: table; table-layout: auto; width: 100%;  }

.tabelaTransactions > div.row:nth-child(odd) { display: table-row-group; background: #F8F8F5; }
.tabelaTransactions > div.row:nth-child(even) { display: table-row-group; }

.tabelaTransactions > div.row:nth-child(odd) > div:last-child { background: #FFF; }
.tabelaTransactions > div.row:nth-child(even) > div:last-child { background: #F8F8F5; }

.tabelaTransactions > div.row > div { display: table-cell; border-top: 1px solid #EEEEEE; vertical-align: middle; padding: 12px 0; height: 84px; }
.tabelaTransactions > div.row > div.estado { font: 600 12px 'Cabin', sans-serif; text-align: center; width: 10%; }
.tabelaTransactions > div.row > div.estado > span { display: block; margin: 0 0 5px 0; }

.tabelaTransactions > div.row > div.origemDestino { font: 600 12px 'Cabin', sans-serif; text-align: left; width: calc(27% - 20px); background: url(../images/separador-tabela-transactions.png) no-repeat 0 12px; padding: 0 0 0 20px; }
.tabelaTransactions > div.row > div.origemDestino > div.ref { display: block; float: left; font: 600 17px 'Cabin', sans-serif; color: #DC3100;  }
.tabelaTransactions > div.row > div.origemDestino > div.descritivo { display: table; table-layout: auto; width: auto; float: left; }
.tabelaTransactions > div.row > div.origemDestino > div.descritivo > div { display: table-row-group;  }
.tabelaTransactions > div.row > div.origemDestino > div.descritivo > div > span { display: table-cell; font: 500 13px 'Cabin', sans-serif; padding: 3px; color: #85857F; }
.tabelaTransactions > div.row > div.origemDestino > div.descritivo > div > span.origem { font: 500 17px 'Cabin', sans-serif; color: #333333; }
.tabelaTransactions > div.row > div.origemDestino > div.descritivo > div > span.destino { color: #666466; }
.tabelaTransactions > div.row > div.origemDestino > div.descritivo > div > span:first-child { text-align: right; }

.tabelaTransactions > div.row > div.dados { font: 600 13px 'Cabin', sans-serif; text-align: left; width: 23%; color: #818179; }
.tabelaTransactions > div.row > div.dados > div.authority > span { font: 400 13px 'Cabin', sans-serif; margin: 0 0 0px 5px; }
.tabelaTransactions > div.row > div.dados > div.data { margin: 15px 0 0 0px; display: table; }
.tabelaTransactions > div.row > div.dados > div.data > div { display: table-row-group; }
.tabelaTransactions > div.row > div.dados > div.data > div > span { display: table-cell; }
.tabelaTransactions > div.row > div.dados > div.data > div > span:last-child { padding: 5px 0 0 5px; font: 400 13px 'Cabin', sans-serif; }

.tabelaTransactions > div.row > div.buttons { font: 600 13px 'Cabin', sans-serif; text-align: left; width: 20%; text-align: center; }
.button01 { display: inline; margin: 0 3px; }
.button01 > a { display: inline-block; background: url(../images/button01.png) no-repeat 0 0; width: 30px; height: 30px; text-indent: -5000px; }
.button01 > a:hover { background: url(../images/button01.png) no-repeat 0 bottom; }

.button02 { display: inline; margin: 0 3px; }
.button02 > a { display: inline-block; background: url(../images/button02.png) no-repeat 0 0; width: 30px; height: 30px; text-indent: -5000px; }
.button02 > a:hover { background: url(../images/button02.png) no-repeat 0 bottom; }

.button03 { display: inline; margin: 0 3px; }
.button03 > a { display: inline-block; background: url(../images/button03.png) no-repeat 0 0; width: 30px; height: 30px; text-indent: -5000px; }
.button03 > a:hover { background: url(../images/button03.png) no-repeat 0 bottom; }

.button04 { display: inline; margin: 0 3px; position: relative; }
.button04 > a { display: inline-block; background: url(../images/button04.png) no-repeat 0 0; width: 30px; height: 30px; text-indent: -5000px; }
.button04 > a:hover { background: url(../images/button04.png) no-repeat 0 bottom; }

.button05 { display: inline; margin: 0 0px; position: relative; }
.button05 > a { display: inline-block; background: url(../images/button05.png) no-repeat center 0; width: 20px; height: 30px; text-indent: -5000px; }
.button05 > a:hover { background: url(../images/button05.png) no-repeat center bottom; }

.button06 { display: inline; margin: 0 0px; }
.button06 > a { display: inline-block; background: url(../images/button06.png) no-repeat center 0; width: 30px; height: 30px; text-indent: -5000px; }
.button06 > a:hover { background: url(../images/button06.png) no-repeat center bottom; }

.button07 { display: inline; margin: 0 0px; }
.button07 > a { display: inline-block; background: url(../images/button07.png) no-repeat center 0; width: 31px; height: 30px; text-indent: -5000px; }
.button07 > a:hover { background: url(../images/button07.png) no-repeat center bottom; }

.button08 { display: inline; margin: 0 0px; }
.button08 > a { display: inline-block; background: url(../images/button08.png) no-repeat center 0; width: 31px; height: 30px; text-indent: -5000px; }
.button08 > a:hover { background: url(../images/button08.png) no-repeat center bottom; }

.button09 { display: inline; margin: 0 0px; }
.button09 > a { display: inline-block; background: url(../images/button09.png) no-repeat center 0; width: 31px; height: 30px; text-indent: -5000px; }
.button09 > a:hover { background: url(../images/button09.png) no-repeat center bottom; }

.button10 { display: inline; margin: 0 0px; }
.button10 > a { display: inline-block; background: url(../images/button10.png) no-repeat center 0; width: 31px; height: 30px; text-indent: -5000px; }
.button10 > a:hover { background: url(../images/button10.png) no-repeat center bottom; }

.button11 { display: inline; margin: 0 0px; }
.button11 > a { display: inline-block; background: url(../images/button11.png) no-repeat center 0; width: 20px; height: 20px; text-indent: -5000px; }
.button11 > a:hover { background: url(../images/button11.png) no-repeat center bottom; }

.button12 { display: inline; margin: 0 0px; }
.button12 > a { display: inline-block; background: url(../images/button12.png) no-repeat center 0; width: 20px; height: 20px; text-indent: -5000px; }
.button12 > a:hover { background: url(../images/button12.png) no-repeat center bottom; }

.button13 { display: inline; margin: 0 0px; }
.button13 > a { display: inline-block; background: url(../images/button13.png) no-repeat center 0; width: 20px; height: 20px; text-indent: -5000px; }
.button13 > a:hover { background: url(../images/button13.png) no-repeat center bottom; }

.button14 { display: inline; margin: 0 0px; }
.button14 > a { display: inline-block; background: url(../images/button14.png) no-repeat center 0; width: 20px; height: 20px; text-indent: -5000px; }
.button14 > a:hover { background: url(../images/button14.png) no-repeat center bottom; }

.button15 { display: inline; margin: 0 0px; }
.button15 > a { display: inline-block; background: url(../images/button15.png) no-repeat center 0; width: 20px; height: 20px; text-indent: -5000px; }
.button15 > a:hover { background: url(../images/button15.png) no-repeat center bottom; }

.button16 { display: inline; margin: 0 0px; }
.button16 > a { display: inline-block; background: url(../images/button16.png) no-repeat center 0; width: 20px; height: 20px; text-indent: -5000px; }
.button16 > a:hover { background: url(../images/button16.png) no-repeat center bottom; }

.button23 { display: inline; margin: 0 0px; }
.button23 > a { display: inline-block; background: url(../images/ico_action_filter.png) no-repeat center 0; width: 31px; height: 30px; text-indent: -5000px; }
.button23 > a:hover { background: url(../images/ico_action_filter.png) no-repeat center bottom; }





/******** MAP *********/
.divMap { height:calc(100% - 104px); background: url(../images/mapa.jpg) no-repeat 0 0; position: relative; }
.divbuttonsMap { display: table; table-layout: auto; width: auto; float: right; }
.divbuttonsMap > ul { margin: 0; padding: 0; display: table-row-group; }
.divbuttonsMap > ul > li { display: table-cell; list-style: none; padding: 0 5px; }
.divbuttonsMap > ul > li:last-child { display: table-cell; list-style: none; padding: 0 0 0 5px; }
.divbuttonsMap > ul > li > a { display: block; padding: 0 10px; background: #FFF; font: 700 14px 'Cabin', sans-serif; color: #ffffff; width: 105px; text-align: center; padding: 6px 0; border: 1px solid #D6D6CD; border-radius: 5px; color: #CECEBC; }
.divbuttonsMap > ul > li > a:hover { opacity: 0.5; }
.divbuttonsMap > ul > li > a.active { background: #CECEBD; color: #ffffff; }

.popUpMap { display: block; background: #FFFFFF; border: 2px solid #CECEBE; border-radius: 5px; width: 340px; position: absolute; bottom: 20px; left: 20px; }
.popUpMap > div.header { display: block; background: #F5F5F2; padding: 20px; font: 600 14px 'Cabin', sans-serif; color: #333333; position: relative; }
.popUpMap > div.header > span { font: 500 14px 'Cabin', sans-serif; color: #DC3100; margin: 0 5px 0 0; }
.popUpMap > div.header > a { display: block; position: absolute; right: 10px; top:10px; background: url(../images/btn-close-popup.png); width: 10px; height: 10px; text-indent: -5000px; }
.popUpMap > div.header > a:hover { opacity: 0.5; }
.popUpMap > div.body { display: block; padding: 20px; }
.popUpMap > div.body > div.estado { display: block; margin: 0 0 30px 0; font: 500 12px 'Cabin', sans-serif; color: #A0A097; }
.popUpMap > div.body > div.estado > img { margin: 0 7px 0px 0; }
.popUpMap > div.body > div.origemDestino { display: block; margin: 0 0 3px 0; font: 400 13px 'Cabin', sans-serif; color: #666466; }
.popUpMap > div.body > div.origemDestino > span { margin: 0 0px 0px 0; font: 400 13px 'Cabin', sans-serif; color: #333333; }
.popUpMap > div.body > div.select { margin: 20px 0px 0px 0; }





/******** NOTIFICATIONS *********/
.divGeralTabelaNotifications { display: block; margin: 50px 0 50px 0; }
.divGeralTabelaNotifications > h4 { margin: 0 0 5px 0; padding: 0; font: 600 18px 'Cabin', sans-serif; color: #666466;  }

.tabelaNotifications { display: table; table-layout: auto; width: 100%; border: 1px solid #ECEDF0; border-top: 0px; margin: 10px 0 0 0; }
.tabelaNotifications > ul { margin: 0; padding: 0; display: table-row-group; }
.tabelaNotifications > ul:nth-child(even) { background: #F8F8F5; }
.tabelaNotifications > ul > li { list-style: none; font: 400 14px 'Cabin', sans-serif; color: #666466; display: table-cell; border-top: 1px solid #ECEDF0; padding: 15px; }
.tabelaNotifications > ul > li.estado { width: 25%; }
.tabelaNotifications > ul > li.descritivo { font: 600 15px 'Cabin', sans-serif; color: #666466; width: 55%; }
.tabelaNotifications > ul > li:first-child { width: 2%; }



/******** PICKUP REQUEST *********/
.headerPickupRequest { display: table; table-layout: auto; width: 100%; padding: 25px 0 25px 0; background-color: #EEEEEE;}
.headerPickupRequest > div { display: table-cell; border-left: 1px solid #C3C3BF; padding: 0 0 0 20px; font: 400 14px 'Cabin', sans-serif; color: #777777; vertical-align: middle; }
.headerPickupRequest > div > span { display: block; margin: 8px 0 0 0; font: 500 14px 'Cabin', sans-serif; color: #333333; }
.headerPickupRequest > div:first-child { background: url(../images/icon06.png) no-repeat 10px 0; padding: 0 0 0 60px; width: 22%; }
.headerPickupRequest > div:first-child > span { font: 600 17px 'Cabin', sans-serif; color: #F44700; }
.headerPickupRequest > div:last-child {  width: 11%; }
.headerPickupRequest > div > a { background: url(../images/button04.png) no-repeat 0 0; height: 25px; display: inline-block; padding: 5px 0 0 35px; }
.headerPickupRequest > div > a:hover { background: url(../images/button04.png) no-repeat 0 bottom; color: #DE2F00; }

.buttonCreate {  }
.buttonCreate > a { display: block; float: right; background: #FE4400; font: 700 14px 'Cabin', sans-serif; color: #fff; text-transform: uppercase; padding: 10px 30px; margin: 9px 0 0 0; border-radius: 3px; }
.buttonCreate > a:hover { background: #D73600; }
.buttonCreate > a:active { background: #AC2D01; }

.caixaDetailsPickupRequest { background: #FAFAF9; border: 1px solid #E6E6DA; width: calc(49% - 40px); padding: 20px; min-height: 340px; position: relative;}
.caixaDetailsPickupRequest > h4 { font: 500 20px 'Cabin', sans-serif; color: #666466; margin: 0 0 20px 0; padding: 0; }

.listOptionsDetailsPickupRequest3cols { display: table; table-layout: auto; width: 100%; }
.listOptionsDetailsPickupRequest3cols > ul { display: table-row-group; margin: 0; padding: 0; }
.listOptionsDetailsPickupRequest3cols > ul > li { display: table-cell; font: 400 14px 'Cabin', sans-serif; color: #818179; vertical-align: middle; padding: 8px 0 8px 0px; }
.listOptionsDetailsPickupRequest3cols > ul > li > a.remove { display: inline-block; background: url(../images/icon-remove.png) no-repeat 0 0; width: 19px; height: 19px;  }
.listOptionsDetailsPickupRequest3cols > ul > li > a:hover.remove { background: url(../images/icon-remove.png) no-repeat 0 bottom;  }
.listOptionsDetailsPickupRequest3cols > ul > li > input { display:block; font: 400 14px 'Cabin', sans-serif; color: #828279; padding: 10px 14px; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; width: calc(100% - 28px); }
.listOptionsDetailsPickupRequest3cols > ul > li:first-child { font: 600 14px 'Cabin', sans-serif; }
.listOptionsDetailsPickupRequest3cols > ul > li:last-child { width: 7%; text-align: right!important; }
.listOptionsDetailsPickupRequest3cols > ul > li > a.seemore { display: inline-block; background: url(../images/arrow-down-01.png) no-repeat right 5px; font: 600 13px 'Cabin', sans-serif; color: #FF4200; padding: 0 20px 0 0; }
.listOptionsDetailsPickupRequest3cols > ul > li > a:hover.seemore { opacity: 0.5;  }

.listOptionsDetailsPickupRequest2cols { display: table; table-layout: auto; width: 100%; }
.listOptionsDetailsPickupRequest2cols > ul { display: table-row-group; margin: 0; padding: 0; }
.listOptionsDetailsPickupRequest2cols > ul > li { display: table-cell; font: 400 14px 'Cabin', sans-serif; color: #818179; vertical-align: middle; padding: 6px 0 6px 0px; }
.listOptionsDetailsPickupRequest2cols > ul > li > a.calendar { display: inline-block; margin: 0 0 0 10px; width: 18px; height: 16px; background: url(../images/icon-calendar.png) no-repeat 0 0; }
.listOptionsDetailsPickupRequest2cols > ul > li > a:hover.calendar { background: url(../images/icon-calendar.png) no-repeat 0 bottom; }
.listOptionsDetailsPickupRequest2cols > ul > li:first-child { width: 27%; }
.listOptionsDetailsPickupRequest2cols > ul > li > input { display:inline; font: 400 14px 'Cabin', sans-serif; color: #828279; padding: 10px 14px; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px;  }
.listOptionsDetailsPickupRequest2cols > ul > li.widthtotal > input { display:block; font: 400 14px 'Cabin', sans-serif; color: #828279; padding: 10px 14px; background: #FFF; border: 1px solid #E3E4E7; border-radius: 3px; width: calc(100% - 28px);  }

.inputMandatory { background: #FFF5F2!important; }
.labelMandatory { position: absolute; bottom: 10px; left: 20px; font: 400 11px 'Cabin', sans-serif; color: #DE2F00; padding: 0 0 0 0;}
.labelMandatory > span { display: inline-block; margin: 0 5px 0 0; width: 20px; height: 14px; background: #FFF5F2; border: 1px solid #E3E4E7; border-radius: 3px; }

.date-input-css { background: #FFF url(../images/icon-calendar.png) no-repeat 90% 12px!important; }


.tabelaWasteCharacterization { display: table; table-layout: auto; width: calc(100% - 10px); padding-left: 5px; padding-right: 5px;}
.tabelaWasteCharacterization > ul { display: table-row-group; margin: 0; padding: 0; }
.tabelaWasteCharacterization > ul.head { background: #EBEBE4!important; }
.tabelaWasteCharacterization > ul > li { display: table-cell; list-style: none; padding: 10px 0 10px 10px; font: 400 13px 'Cabin', sans-serif; color: #818179; border-bottom: 1px solid #ECEDF0; vertical-align: middle; }
.tabelaWasteCharacterization > ul:nth-child(even) { background: #FFFFFF; }
.tabelaWasteCharacterization > ul:nth-child(odd) { background: #F8F8F5; }
.tabelaWasteCharacterization > ul > li:first-child { border-left: 1px solid #ECEDF0; }
.tabelaWasteCharacterization > ul > li:last-child { border-right: 1px solid #ECEDF0; padding: 10px 0; }
.tabelaWasteCharacterization > ul.head > li { font: 500 14px 'Cabin', sans-serif; color: #666467; border: 1px solid #EBEBE4; padding: 15px 0 15px 10px; }
.tabelaWasteCharacterization > ul > li > a.edit { display: inline-block; background: url(../images/button09.png) no-repeat 0 0; width: 31px; height: 30px; margin: 0 5px; }
.tabelaWasteCharacterization > ul > li > a:hover.edit { background: url(../images/button09.png) no-repeat 0 bottom; }
.tabelaWasteCharacterization > ul > li > a.delete { display: inline-block; background: url(../images/button04.png) no-repeat 0 0; width: 31px; height: 30px; margin: 0 5px; }
.tabelaWasteCharacterization > ul > li > a:hover.delete { background: url(../images/button04.png) no-repeat 0 bottom; }

.tabelaWasteCharacterization > ul.edit { background: #F8F8F5!important; }
.tabelaWasteCharacterization > ul.edit > li { border-top: 3px solid #CECEBE; border-bottom: 3px solid #CECEBE; vertical-align: top; }
.tabelaWasteCharacterization > ul.edit > li.codes { width: 17%; }
.tabelaWasteCharacterization > ul.edit > li.codes > span { margin: 8px 7px 0px 0; display: inline-block;}
.tabelaWasteCharacterization > ul.edit > li:first-child { border-left: 3px solid #CECEBE;  }
.tabelaWasteCharacterization > ul.edit > li:last-child { border-right: 3px solid #CECEBE; padding: 10px 0px; }

.button120 { margin: 10px 0 0 0; text-align: right; }
.button120 > a { font: 700 13px 'Cabin', sans-serif; color: #818179; background: #FE4400; color: #FFF; width: 120px; display: inline-block; text-align: center; padding: 7px 0; border-radius: 3px; }
.button120 > a:hover { background: #D73600; }
.button120 > a:active { background: #AC2D01; }
.button120 > a > img { margin: 0 8px 0 0; }

.divSeeNotes { display: block; padding: 10px; background: #F9F9F9; border: 1px solid #E6E6DA; width: calc(100% - 20px); }
.divSeeNotes > a { display: inline-block; background: url(../images/arrow-down-01.png) no-repeat right 5px; font: 600 13px 'Cabin', sans-serif; color: #FF4200; padding: 0 20px 0 0; }
.divSeeNotes > a:hover { opacity: 0.7; }

.seeNotesTabela { display: table; table-layout: auto; width: calc(100% - 40px); padding: 20px; }
.seeNotesTabela > div { display: table-cell; font: 400 14px 'Cabin', sans-serif; color: #818179; }
.seeNotesTabela > div.label {  font: 600 15px 'Cabin', sans-serif; color: #666467; padding: 0 5px 0 0;  }
.seeNotesTabela > div.destinatario { width: 10%; }
.seeNotesTabela > div.mensagem { width: 78%; }
.hideNotes > a { display: inline-block; background: url(../images/arrow-up-01.png) no-repeat right 5px; font: 600 13px 'Cabin', sans-serif; color: #FF4200; padding: 0 20px 0 0; }
.hideNotes > a:hover { opacity: 0.5;  }

.newNote { display: table; table-layout: auto; width: calc(100% - 40px); padding: 20px; background: #F9F9F9; border: 1px solid #E6E6DA; border-top: 0px; }
.newNote > div { display: table-cell; font: 600 15px 'Cabin', sans-serif; color: #676468; }
.newNote > div:first-child { width: 35%; padding: 0 30px 0 0; }
.newNote > div > span { display: block; margin: 0 0 4px 0; }
.newNote > div > textarea { display: block; padding: 20px; width: calc(100% - 40px); min-height: 105px; font: 400 14px 'Cabin', sans-serif; color: #818179; border: 1px solid #E3E4E7; border-radius: 4px; }

.divButtonsNotes { margin: 70px 0 0 0; text-align: right; }
.buttonCancel { font: 700 14px 'Cabin', sans-serif; color: #818179; background: #AEAE9F; color: #FFF; width: 120px; display: inline-block; text-align: center; padding: 8px 0 0 0; border-radius: 3px; height: 27px; text-transform: uppercase; margin: 0 10px 0 0; }
.buttonCancel:hover { background: #BEBEB1; }
.buttonCancel:active { background: #828276; }

.buttonMark { font: 700 14px 'Cabin', sans-serif; color: #818179; background: #AEAE9F; color: #FFF; display: inline-block; text-align: center; padding: 8px 15px 0 15px; border-radius: 3px; height: 27px; text-transform: uppercase; margin: 0 10px 0 0; }
.buttonMark > img { margin: 0 8px 0 0; }
.buttonMark:hover { background: #BEBEB1; }
.buttonMark:active { background: #828276; }

.buttonCreate02 { font: 700 14px 'Cabin', sans-serif; color: #818179; background: #FE4400; color: #FFF; width: 120px; display: inline-block; text-align: center; padding: 7px 0; border-radius: 3px; text-transform: uppercase; }
.buttonCreate02:hover { background: #D73600; }
.buttonCreate02:active { background: #AC2D01; }






/******** TRANSACTION LIST *********/

.headerTransactionList { display: table; margin: 0 0 30px 0; }
.headerTransactionList > div { display: table-cell; table-layout: auto; padding: 0 10px 0 0; width: 21%; }
.headerTransactionList > div > span { display: block; font: 600 14px 'Cabin', sans-serif; color:#818179; padding: 0 0 5px 0; }
.headerTransactionList > div:last-child {  padding: 0 0px 0 0; text-align: right; width: 35%; }
.headerTransactionList > div:last-child > span {  font: 600 12px 'Cabin', sans-serif; color:#CCCCCC; }

.paginacaoTransactionList { display: table; table-layout: auto; width:auto; float: right; }
.paginacaoTransactionList > div { display: table-cell; height: 40px; vertical-align: middle; padding: 0 0 0 8px; font: 400 12px 'Cabin', sans-serif; color:#808079; text-align: center; }
.paginacaoTransactionList > div > input { display: block; border: 1px solid #E3E4E7; height: 36px; width: 36px; text-align: center; border-radius: 3px; }
.paginacaoTransactionList > div.buttons { height: 38px; }

.paginacaoTransactionList > div.buttons > a.inicio { height: 38px; width: 38px; background: #F3F4F2 url(../images/bg-btn-inicio.png) no-repeat right center; border: 1px solid #E3E4E7; border-right: 0px solid #E3E4E7; display: inline-block; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.paginacaoTransactionList > div.buttons > a:hover.inicio { background: #F8F8F7 url(../images/bg-btn-inicio.png) no-repeat right center; }
.paginacaoTransactionList > div.buttons > a:active.inicio { background: #E3E4E7 url(../images/bg-btn-inicio.png) no-repeat right center; }

.paginacaoTransactionList > div.buttons > a.back { height: 38px; width: 38px; background: #F3F4F2 url(../images/bg-btn-back.png) no-repeat left center; border: 1px solid #E3E4E7; border-left: 0px solid #E3E4E7; display: inline-block; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.paginacaoTransactionList > div.buttons > a:hover.back { background: #F8F8F7 url(../images/bg-btn-back.png) no-repeat left center; }
.paginacaoTransactionList > div.buttons > a:active.back { background: #E3E4E7 url(../images/bg-btn-back.png) no-repeat left center; }

.paginacaoTransactionList > div.buttons > a.fim { height: 38px; width: 38px; background: #F3F4F2 url(../images/bg-btn-fim.png) no-repeat left center; border: 1px solid #E3E4E7; border-left: 0px solid #E3E4E7; display: inline-block; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.paginacaoTransactionList > div.buttons > a:hover.fim { background: #F8F8F7 url(../images/bg-btn-fim.png) no-repeat left center; }
.paginacaoTransactionList > div.buttons > a:active.fim { background: #E3E4E7 url(../images/bg-btn-fim.png) no-repeat left center; }

.paginacaoTransactionList > div.buttons > a.forward { height: 38px; width: 38px; background: #F3F4F2 url(../images/bg-btn-forward.png) no-repeat right center; border: 1px solid #E3E4E7; border-right: 0px solid #E3E4E7; display: inline-block; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.paginacaoTransactionList > div.buttons > a:hover.forward { background: #F8F8F7 url(../images/bg-btn-forward.png) no-repeat right center; }
.paginacaoTransactionList > div.buttons > a:active.forward { background: #E3E4E7 url(../images/bg-btn-forward.png) no-repeat right center; }


.headerTableTransactionList { display: table; width: 100%; table-layout: auto; margin: 0 0 10px 0; }
.headerTableTransactionList > div { display: table-cell; vertical-align: middle; }
.headerTableTransactionList > div > span.titulo { font: 500 18px 'Cabin', sans-serif; color:#666466; display: block; float: left; }
.headerTableTransactionList > div > span.btnFilters { margin: 0px 0 0 40px; display: block; float: left; }
.headerTableTransactionList > div > span.btnFilters > a { display: block; background: #AEAE9E; height: 16px; padding: 4px 10px; font: 700 12px 'Cabin', sans-serif; color:#fff; border-radius: 3px; }
.headerTableTransactionList > div > span.btnFilters > a:hover { background: #BEBEB0; }
.headerTableTransactionList > div > span.btnFilters > a:active { background: #828274; }

.headerTableTransactionList > div:last-child { text-align: right; }
.headerTableTransactionList > div:last-child > div { display: table; table-layout: auto; width: auto; float: right; }
.headerTableTransactionList > div:last-child > div > span { display: table-cell; vertical-align: middle; padding: 0 0 0 5px; }
.headerTableTransactionList > div:last-child > div > span.label { font: 500 12px 'Cabin', sans-serif; color:#CCCCCC; display: inline-block; /*display: block; float: left;*/ }
.headerTableTransactionList > div:last-child > div > span > a.xls { background: url(../images/icon-xls.png); width: 22px; height: 15px; display: block; }
.headerTableTransactionList > div:last-child > div > span > a.doc { background: url(../images/icon-doc.png); width: 23px; height: 15px; display: block; }
.headerTableTransactionList > div:last-child > div > span > a.xml { background: url(../images/icon-xml.png); width: 23px; height: 15px; display: block; }
.headerTableTransactionList > div:last-child > div > span > a.csv { background: url(../images/icon-csv.png); width: 23px; height: 15px; display: block; }


.tabelaLeftTransaction { display: table; width: 100%; background: #F3F4F2; border-left: 1px solid #EBEBE4; border-top: 1px solid #EBEBE4;  }
.tabelaLeftTransaction > ul { display: table-row-group; margin: 0; padding: 0; }
.tabelaLeftTransaction > ul > li { display: table-cell; font: 500 14px 'Cabin', sans-serif; color: #666466; height: 45px; vertical-align: middle; text-align: center; padding: 0 10px; border-bottom: 1px solid #EBEBE4; line-height: 100%; }
.tabelaLeftTransaction > ul > li.ref { font: 400 15px 'Cabin', sans-serif; color: #DE2E00; }

.tabelaCenterTransaction { display: table; width: 100%; border-left: 1px solid #EBEBE4; border-top: 1px solid #EBEBE4; box-shadow: inset 5px 0px 5px rgba(204,204,204,0.38); -webkit-box-shadow: inset 5px 0px 5px rgba(204,204,204,0.38); }
.tabelaCenterTransaction > ul { display: table-row-group; margin: 0; padding: 0; background: #F3F4F2; }
.tabelaCenterTransaction > ul.head { background: #D8D8CA!important; }
.tabelaCenterTransaction > ul:nth-child(odd) { background: #fff; }
.tabelaCenterTransaction > ul:nth-child(even) { background: #F8F8F5; }
.tabelaCenterTransaction > ul.head > li { font: 600 14px 'Cabin', sans-serif; color: #666466; }
.tabelaCenterTransaction > ul > li { display: table-cell; font: 500 14px 'Cabin', sans-serif; color: #666466; height: 45px; vertical-align: middle; text-align: center; padding: 0 10px; border-bottom: 1px solid #EBEBE4; line-height: 100%; font: 400 13px 'Cabin', sans-serif; color: #808079; }
.tabelaCenterTransaction > ul > li > a { text-decoration: underline; color: #808079; }
.tabelaCenterTransaction > ul > li > a:hover { text-decoration: none; color: #666466; }

.tabelaRightTransaction { display: table; width: 100%; background: #F3F4F2; border-right: 1px solid #EBEBE4; border-left: 1px solid #fff; border-top: 1px solid #EBEBE4; box-shadow: -5px 0px 5px rgba(204,204,204,0.38);  }
.tabelaRightTransaction > ul { display: table-row-group; margin: 0; padding: 0; }
.tabelaRightTransaction > ul > li { display: table-cell; font: 500 14px 'Cabin', sans-serif; color: #666466; height: 45px; vertical-align: middle; text-align: left; border-bottom: 1px solid #EBEBE4; line-height: 100%; }
.tabelaRightTransaction > ul > li:first-child { width: 40%; padding: 0 0 0 20px; }




/******** TRANSACTION LIST DETAIL *********/
.headerTransactionListDetail { display: block; background: #CCCDBD; padding: 20px 20px 20px 20px; width: calc(100% - 40px); color: #FFF; font: 600 22px 'Cabin', sans-serif!important; margin: 0 0 15px 0; }
.headerTransactionListDetail > img { margin: 0 15px 0 0; }

.caixaDetailsTransactionList1col { background: #FAFAF9; border: 1px solid #E6E6DA; width: calc(100% - 40px); padding: 20px; margin: 0 0 20px 0; }
.caixaDetailsTransactionList1col > h4 { font: 500 20px 'Cabin', sans-serif; color: #666466; margin: 0 0 20px 0; padding: 0; }

.tabelaDetailsTransactionList1col {  }
.tabelaDetailsTransactionList1col > ul:first-child { display: table; table-layout: auto; width: 49%; margin: 0; padding: 0; float: left; }
.tabelaDetailsTransactionList1col > ul:last-child { display: table; table-layout: auto; width: 49%; margin: 0; padding: 0; float: right; }
.tabelaDetailsTransactionList1col > ul > li { display: table-row-group;  }
.tabelaDetailsTransactionList1col > ul > li > span { min-width: 100px; display: table-cell; font: 400 14px 'Cabin', sans-serif; color: #808079; vertical-align: middle; padding: 10px 0 10px 0px; /* border-bottom: 1px solid #FFFFFF; border-top: 1px solid #E6E6D9; */ }
.tabelaDetailsTransactionList1col > ul > li > span.descritivo { font: 600 14px 'Cabin', sans-serif; color: #666466; }
.tabelaDetailsTransactionList1col > ul > li:first-child > span { border-top: 0px solid #E6E6D9; }
.tabelaDetailsTransactionList1col > ul > li:last-child > span { border-bottom: 0px solid #E6E6D9; }


.headerTransactionListDetail02 { display: table; table-layout: auto; background: #CCCDBD; padding: 15px 0px 15px 0px; width: 100%; color: #FFF; margin: 0 0 15px 0; }
.headerTransactionListDetail02 > div { display: table-cell; padding: 0 20px; vertical-align: middle; }
.headerTransactionListDetail02 > div > span { display: inline; font: 600 22px 'Cabin', sans-serif;  }
.headerTransactionListDetail02 > div.right { text-align: right; }
.headerTransactionListDetail02 > div > img { display: inline; margin: -5px 15px 0 0; }

.tabela02DetailsTransactionList1col { display: block; border-bottom: 1px solid #E6E6DA; }
.tabela02DetailsTransactionList1col > ul.linha { display: table;  width:100%; margin: 0; padding: 0; border: 1px solid #E6E6DA; border-bottom: 0px; }
.tabela02DetailsTransactionList1col > ul.linhaOpen { display: block; margin: 0; padding: 0; border: 3px solid #E6E6DA; }
.tabela02DetailsTransactionList1col > ul:nth-child(even).linha, .tabela02DetailsTransactionList1col > ul:nth-child(even).linhaOpen { background: #F8F8F5; }
.tabela02DetailsTransactionList1col > ul.linha > li, .tabela02DetailsTransactionList1col > ul.linhaOpen > li { list-style: none; font: 400 14px 'Cabin', sans-serif; color: #808079; height: 44px; vertical-align: middle; display: table-cell; }
.tabela02DetailsTransactionList1col > ul.linha > li > span, .tabela02DetailsTransactionList1col > ul.linhaOpen > li > span { background: #CECEBE; width: 30px; height: 30px; display: table-cell; text-align: center; vertical-align: middle; color: #FFFFFF; border-radius: 100%; }
.tabela02DetailsTransactionList1col > ul.linha > li.button, .tabela02DetailsTransactionList1col > ul.linhaOpen > li.button { display: table-cell; width: 1%; padding: 0 0 0 10px; cursor:pointer; }
.tabela02DetailsTransactionList1col > ul.linha > li.label, .tabela02DetailsTransactionList1col > ul.linhaOpen > li.label { display: table-cell; white-space: nowrap; width: 10%; padding-left: 10px; cursor: pointer; }
.tabela02DetailsTransactionList1col > ul.linha > li.descritivo, .tabela02DetailsTransactionList1col > ul.linhaOpen > li.descritivo { display: table-cell; white-space: nowrap; width: 89%; font: 600 16px 'Cabin', sans-serif; color: #666466; cursor:pointer; padding-left: 5px; }

.tabela02DetailsTransactionList1col > ul.linha > ul, .tabela02DetailsTransactionList1col > ul.linhaOpen > ul { display: block; margin: 0; padding: 20px 3%; border-top: 1px solid #E6E6DA; }
.tabela02DetailsTransactionList1col > ul.linha > ul > li, .tabela02DetailsTransactionList1col > ul.linhaOpen > ul > li { display: table-row-group; list-style: none;  font: 400 13px 'Cabin', sans-serif; color: #808079; }
.tabela02DetailsTransactionList1col > ul.linha > ul > li > span, .tabela02DetailsTransactionList1col > ul.linhaOpen > ul > li > span { padding-bottom: 10px; display: table-cell; padding: 2px 10px 2px 0px; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; }
.tabela02DetailsTransactionList1col > ul.linha > ul > li > span.text, .tabela02DetailsTransactionList1col > ul.linhaOpen > ul > li > span.text { /*width: 300px;*/ font: 600 13px 'Cabin', sans-serif; color: #666467; }

.btnAcceptTransition { display: inline-block; font: 700 14px 'Cabin', sans-serif; color: #ffffff; text-transform: uppercase; background: #84B400; border-radius: 4px; height: 27px; padding: 8px 20px 0 20px; }
.btnAcceptTransition:hover { background: #9CC533; }
.btnAcceptTransition:active { background: #739F01; }
.btnAcceptTransition > img { margin: 0 10px 0 0; }

.btnRefuseTransition { display: inline-block; font: 700 14px 'Cabin', sans-serif; color: #ffffff; text-transform: uppercase; background: #444444; border-radius: 4px; height: 27px; padding: 8px 20px 0 20px; margin: 0 0 0 10px; }
.btnRefuseTransition:hover { background: #5F5F5C; }
.btnRefuseTransition:active { background: #333333; }
.btnRefuseTransition > img { margin: 0 10px 0 0; }

.caixaDetailsTransactionList2col {background: #FAFAF9;border: 1px solid #E6E6DA;width: calc(49% - 40px);padding: 20px;margin: 0 0 20px 0;/* min-height: 380px; */position: relative;}
.caixaDetailsTransactionList2col > h4 { font: 500 20px 'Cabin', sans-serif; color: #666466; margin: 0 0 20px 0; padding: 0; }

.tabelaDetailsTransactionList2col {  }
.tabelaDetailsTransactionList2col > ul { display: table; table-layout: auto; width: 100%; margin: 0; padding: 0; float: left; }
.tabelaDetailsTransactionList2col > ul > li { display: table-row-group;  }
.tabelaDetailsTransactionList2col > ul > li > span { display: table-cell; font: 400 14px 'Cabin', sans-serif; color: #808079; vertical-align: middle; padding: 10px 0 10px 0px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #E6E6D9; }
.tabelaDetailsTransactionList2col > ul > li > span.descritivo { font: 600 14px 'Cabin', sans-serif; color: #666466; }
.tabelaDetailsTransactionList2col > ul > li:first-child > span { border-top: 0px solid #E6E6D9; }
.tabelaDetailsTransactionList2col > ul > li:last-child > span { border-bottom: 0px solid #E6E6D9; }


.mapDetailTransaction { display: block; height: calc(100% - 85px); background: url(../images/mapa.jpg); width: calc(100% - 40px); position: absolute; }



/******** TRANSACTION LIST CUSTOM *********/
.divCustomListTransaction { display: block; background: #EFEFEC; margin: 0 0 30px 0; padding: 20px; width: calc(100% - 40px); }

.divCustomListTransaction > h3.titulo { display: block; float: left; font: 600 27px 'Cabin', sans-serif; color: #666466; margin: 0 0 30px 0; }
.divCustomListTransaction > div.close { display: block; float: right; }
.divCustomListTransaction > div.close > a { display: block; background: url(../images/btn-close.png) no-repeat 0 0; width: 20px; height: 20px; text-indent: -5000px; }
.divCustomListTransaction > div.close > a:hover { background: url(../images/btn-close.png) no-repeat 0 bottom; }

.divCustomListTransaction > h4.subtitulo { display: block; font: 500 18px 'Cabin', sans-serif; color: #666466; margin: 0 0 5px 0; }

.caixaInputsCustomListTransaction { background: #F7F7F6; padding: 40px 20px 0 20px; margin: 0 0 10px 0; }
.caixaInputsCustomListTransaction02 { background: #F7F7F6; padding: 20px; margin: 0 0 50px 0; }
.caixaInputsCustomListTransaction02 > input { height: 40px; border: 1px solid #E3E4E7; border-radius: 4px; display: block; padding: 0 10px; font: 400 14px 'Cabin', sans-serif; color: #818179; width: calc(100% - 20px); }

.tabelaInputsCustomListTransaction { display: table; table-layout: auto; }
.tabelaInputsCustomListTransaction > ul { margin: 0  0 0px 0; padding: 0 0 0px 0; display: table-row; }
.tabelaInputsCustomListTransaction > ul > li { display: table-cell; vertical-align: middle; padding-bottom: 30px; }
.tabelaInputsCustomListTransaction > ul > li.check { vertical-align: middle; padding-top: 25px; padding-right: 10px; }
.tabelaInputsCustomListTransaction > ul > li.inputs { padding-right: 40px; width: 27%; }
.tabelaInputsCustomListTransaction > ul > li > ul > li > input { height: 40px; border: 1px solid #E3E4E7; border-radius: 4px; display: block; padding: 0 10px; font: 400 14px 'Cabin', sans-serif; color: #818179; width: calc(100% - 20px); }
.tabelaInputsCustomListTransaction > ul > li > input { height: 40px; border: 1px solid #E3E4E7; border-radius: 4px; display: block; padding: 0 10px; font: 400 14px 'Cabin', sans-serif; color: #818179; width: calc(100% - 20px); }
.tabelaInputsCustomListTransaction > ul > li > span { display: block; font: 600 14px 'Cabin', sans-serif; color: #808079; padding: 0 0 5px 0; }

.tabelaInputsCustomListTransaction > ul > li > ul { margin: 0  0 0px 0; padding: 0 0 0px 0; display: table-row; }
.tabelaInputsCustomListTransaction > ul > li > ul > li { display: table-cell; vertical-align: middle; }
.tabelaInputsCustomListTransaction > ul > li > ul > li.label { padding: 0 10px; }

.button105 { margin: 0px 0 0 0; text-align: right; }
.button105 > a { font: 700 13px 'Cabin', sans-serif; color: #818179; background: #FE4400; color: #FFF; width: 105px; display: inline-block; text-align: center; padding: 7px 0; border-radius: 3px; margin: 0 0 0 5px; }
.button105 > a:hover { background: #D73600; }
.button105 > a:active { background: #AC2D01; }
.button105 > a.reset { background: #AEAE9F; }
.button105 > a:hover.reset { background: #BEBEB1; }
.button105 > a:active.reset { background: #828276; }
.marginBottom30 { margin-bottom: 30px; }

.buttonsFinal { margin: 0px 0 0 0; text-align: right; }
.buttonsFinal > a { font: 700 14px 'Cabin', sans-serif; color: #818179; background: #FE4400; color: #FFF; display: inline-block; text-align: center; padding: 7px 20px; border-radius: 3px; margin: 0 0 0 5px; text-transform: uppercase; }
.buttonsFinal > a:hover { background: #D73600; }
.buttonsFinal > a:active { background: #AC2D01; }
.buttonsFinal > a.reset { background: #AEAE9F; }
.buttonsFinal > a:hover.reset { background: #BEBEB1; }
.buttonsFinal > a:active.reset { background: #828276; }



/******** CALENDAR CARRIER *********/

.tabelaCarrier { display: table; table-layout: auto; width: 100%;  }

.tabelaCarrier > div.row:nth-child(odd) { display: table-row-group; background: #F8F8F5; }
.tabelaCarrier > div.row:nth-child(even) { display: table-row-group; }

.tabelaCarrier > div.row > div { display: table-cell; border-top: 1px solid #EEEEEE; vertical-align: middle; padding: 0px 0; height: 88px; }
.tabelaCarrier > div.row:last-child > div { border-bottom: 1px solid #EEEEEE; }
.tabelaCarrier > div.row > div.estado { font: 600 12px 'Cabin', sans-serif; text-align: center; width: 9%; }
.tabelaCarrier > div.row > div.estado > span { display: block; margin: 0 0 5px 0; }

.tabelaCarrier > div.row > div.origemDestino { font: 600 12px 'Cabin', sans-serif; text-align: left; width: calc(27% - 20px); background: url(../images/separador-tabela-transactions.png) no-repeat 0 12px; padding: 0 0 0 20px; position: relative; }
.tabelaCarrier > div.row > div.origemDestino > div.ref { display: block; float: left; font: 600 17px 'Cabin', sans-serif; color: #DC3100;  }
.tabelaCarrier > div.row > div.origemDestino > div.descritivo { display: table; table-layout: auto; width: auto; float: left; }
.tabelaCarrier > div.row > div.origemDestino > div.descritivo > div { display: table-row-group;  }
.tabelaCarrier > div.row > div.origemDestino > div.descritivo > div > span { display: table-cell; font: 500 13px 'Cabin', sans-serif; padding: 3px; color: #85857F; }
.tabelaCarrier > div.row > div.origemDestino > div.descritivo > div > span.origem { font: 500 17px 'Cabin', sans-serif; color: #333333; }
.tabelaCarrier > div.row > div.origemDestino > div.descritivo > div > span.destino { color: #666466; }
.tabelaCarrier > div.row > div.origemDestino > div.descritivo > div > span:first-child { text-align: right; }

.tabelaCarrier > div.row > div.dias { background: #FFFFFF; width: 51%;  }
.tabelaCarrier > div.row > div.dias > div { display: table; table-layout: auto; width: 100%; }
.tabelaCarrier > div.row > div.dias > div > div { display: table-cell; font: 500 12px 'Cabin', sans-serif; color: #333333; text-align: center; border: 1px solid #ACAC9D; height: 78px; border-top: 0; border-left: 0; position: relative; min-width: 60px; vertical-align: top; padding: 10px 0 0 0; }
.tabelaCarrier > div.row > div.dias > div > div:first-child { border-left: 1px solid #ACAC9D; }
.tabelaCarrier > div.row > div.dias > div > div > img { display: inline-block; margin: 0px 0 0 0; }
.tabelaCarrier > div.row > div.dias > div > div > span { display: block; font: 600 12px 'Cabin', sans-serif; color: #333333; }
.tabelaCarrier > div.row > div.dias > div > div > span > span { font: 600 17px 'Cabin', sans-serif; }


.tabelaCarrier > div.rowOpen:nth-child(odd) { display: table-row-group; background: #F8F8F5; }
.tabelaCarrier > div.rowOpen:nth-child(even) { display: table-row-group; }

.tabelaCarrier > div.rowOpen > div { display: table-cell; border-top: 3px solid #CECEBE; vertical-align: top; padding: 0px 0; }
.tabelaCarrier > div.rowOpen > div:first-child { border-left: 3px solid #CECEBE; }
.tabelaCarrier > div.rowOpen > div:last-child { border-right: 3px solid #CECEBE; }
.tabelaCarrier > div.rowOpen > div.estado { font: 600 12px 'Cabin', sans-serif; text-align: center; width: 9%; padding: 20px 0 0 0; }
.tabelaCarrier > div.rowOpen > div.estado > span { display: block; margin: 0 0 5px 0; }

.tabelaCarrier > div.rowOpen > div.origemDestino { font: 600 12px 'Cabin', sans-serif; text-align: left; width: calc(27% - 20px); background: url(../images/separador-tabela-transactions.png) no-repeat 0 12px; padding: 15px 0 0 20px; position: relative; }
.tabelaCarrier > div.rowOpen > div.origemDestino > div.ref { display: block; float: left; font: 600 17px 'Cabin', sans-serif; color: #DC3100;  }
.tabelaCarrier > div.rowOpen > div.origemDestino > div.descritivo { display: table; table-layout: auto; width: auto; float: left; }
.tabelaCarrier > div.rowOpen > div.origemDestino > div.descritivo > div { display: table-row-group;  }
.tabelaCarrier > div.rowOpen > div.origemDestino > div.descritivo > div > span { display: table-cell; font: 500 13px 'Cabin', sans-serif; padding: 3px; color: #85857F; }
.tabelaCarrier > div.rowOpen > div.origemDestino > div.descritivo > div > span.origem { font: 500 17px 'Cabin', sans-serif; color: #333333; }
.tabelaCarrier > div.rowOpen > div.origemDestino > div.descritivo > div > span.origem > span { display: block; font: 400 13px 'Cabin', sans-serif; color: #666466; }
.tabelaCarrier > div.rowOpen > div.origemDestino > div.descritivo > div > span.destino { color: #666466; }
.tabelaCarrier > div.rowOpen > div.origemDestino > div.descritivo > div > span.destino > span { display: block; font: 400 13px 'Cabin', sans-serif; color: #666466; }
.tabelaCarrier > div.rowOpen > div.origemDestino > div.descritivo > div > span:first-child { text-align: right; }

.tabelaCarrier > div.rowOpen > div.dias { background: #FFFFFF; width: 51%;  }
.tabelaCarrier > div.rowOpen > div.dias > div { display: table; table-layout: auto; width: 100%; }
.tabelaCarrier > div.rowOpen > div.dias > div > div { display: table-cell; font: 500 12px 'Cabin', sans-serif; color: #333333; text-align: center; border: 1px solid #ACAC9D; height: 125px; border-top: 0; border-left: 0; position: relative; min-width: 60px; vertical-align: top; padding: 10px 0 0 0; }
.tabelaCarrier > div.rowOpen > div.dias > div > div:first-child { border-left: 1px solid #ACAC9D; }
.tabelaCarrier > div.rowOpen > div.dias > div > div > img { display: inline-block; margin: 0px 0 0 0; }
.tabelaCarrier > div.rowOpen > div.dias > div > div > span { display: block; font: 600 12px 'Cabin', sans-serif; color: #333333; }
.tabelaCarrier > div.rowOpen > div.dias > div > div > span > span { font: 600 17px 'Cabin', sans-serif; }

.tabelaCarrier > div.rowOpenBottom:nth-child(odd) { display: table-row-group; }
.tabelaCarrier > div.rowOpenBottom:nth-child(even) { display: table-row-group; }

.tabelaCarrier > div.rowOpenBottom > div { display: table-cell; border-top: 1px solid #CECEBE; border-bottom: 3px solid #CECEBE; vertical-align: middle; height: 48px; }
.tabelaCarrier > div.rowOpenBottom > div:first-child { display: table-cell; border-top: 0px solid #CECEBE; border-left: 3px solid #CECEBE; }
.tabelaCarrier > div.rowOpenBottom > div:last-child { display: table-cell; border-top: 0px solid #CECEBE; border-right: 3px solid #CECEBE; }

.labelsTabelaCarrierRowOpen { display: block; margin: 0 10px 0 0; font: 400 13px 'Cabin', sans-serif; color: #818179; }
.labelsTabelaCarrierRowOpen > span { font: 500 13px 'Cabin', sans-serif; }
.labelsTabelaCarrierRowOpenMiddle { display: block; margin: 9px 10px 0 0; font: 400 13px 'Cabin', sans-serif; color: #818179; }
.labelsTabelaCarrierRowOpenMiddle > span { font: 500 13px 'Cabin', sans-serif; }

.buttonTabelaCarrierRowOpen { display: block; margin: 0 10px 0px 0; font: 400 13px 'Cabin', sans-serif; color: #818179; }
.buttonTabelaCarrierRowOpen > ul { margin: 0; padding: 0; }
.buttonTabelaCarrierRowOpen > ul > li { list-style: none; display: table-cell; font: 400 13px 'Cabin', sans-serif; color: #818179; }
.buttonTabelaCarrierRowOpen > ul > li > a.calendar { display: block; width: 34px; height: 34px; background: url(../images/button17.png) no-repeat 0 0; margin: 0 3px; text-indent: -5000px; }
.buttonTabelaCarrierRowOpen > ul > li > a:hover.calendar { background: url(../images/button17.png) no-repeat 0 bottom; }
.buttonTabelaCarrierRowOpen > ul > li > a.more { display: block; width: 34px; height: 34px; background: url(../images/button18.png) no-repeat 0 0; margin: 0 3px; text-indent: -5000px; }
.buttonTabelaCarrierRowOpen > ul > li > a:hover.more { background: url(../images/button18.png) no-repeat 0 bottom; }

.bgGreenTabelaCarrier {background: #E3F4B2;}
.bgYellowTabelaCarrier {background: #FFE492;}
.bgOrangeTabelaCarrier {background: #FFB366;}
.bgRedTabelaCarrier {background: #FF7F7F;}


.diasTopo { background: #FFFFFF; table-layout: auto; display: table; width: 51%; height: 58px; float: right; margin: 21px 0 0 0; }
.diasTopo > div { display: table-cell; font: 500 12px 'Cabin', sans-serif; color: #333333; text-align: center; padding: 0 5px; border:1px solid #ACAC9D; vertical-align: middle; border-bottom: 0; border-left: 0; }
.diasTopo > div:first-child { border-left:1px solid #ACAC9D; }
.diasTopo > div > img { display: block; margin: 0 auto; }
.diasTopo > div > span { display: block; font: 500 10px 'Cabin', sans-serif; color: #818179; }

/*.tabsSteps {  }
.tabsSteps > ul { margin: 0; padding: 0; }
.tabsSteps > ul > li { list-style: none; display: block; float: left; margin: 0; border-top: 1px solid red; border-bottom: 1px solid red; font: 400 13px 'Cabin', sans-serif; }
.tabsSteps > ul > li > span.step { display: block; float: left; padding: 9px 10px 0 20px; }
.tabsSteps > ul > li > span.end { background: url(../images/bg-diagonal-steps-off.png) no-repeat 0 0; display: block; width: 23px; height: 34px; float: right; }

.tabsSteps > ul > li.active > span.step { display: block; background: #F9F9F9; float: left; padding: 9px 10px 0 20px; }
.tabsSteps > ul > li.active > span.end { background:  url(../images/bg-diagonal-steps-on.png) no-repeat 0 0; display: block; width: 23px; height: 34px; float: right; }*/

.tabsSteps { margin: 0 0 20px 0; display: block; }
.tabsSteps > ul { margin: 0; padding: 0; display: block; position: relative; height: 36px; }
.tabsSteps > ul > li { list-style: none; display: block; margin: 0; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; font: 400 13px 'Cabin', sans-serif; height: 30px; width: 88px; background: url(../images/bg-diagonal-steps-off.png) no-repeat right center; position: absolute; padding: 4px 0 0 30px; }
.tabsSteps > ul > li.active { list-style: none; display: block; margin: 0; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; font: 400 13px 'Cabin', sans-serif; height: 30px; width: 88px; background: url(../images/bg-diagonal-steps-on.png) no-repeat right center; position: absolute; padding: 4px 0 0 30px; }
.tabsSteps > ul > li > span { background: #DCDCDC; font: 400 16px 'Cabin', sans-serif; height: 22px; width: 24px; display: inline-block; color: #FFF; text-align: center; border-radius: 100%; padding: 2px 0 0 0; }
.tabsSteps > ul > li.active > span { background: #666466; font: 400 16px 'Cabin', sans-serif; height: 22px; width: 24px; display: inline-block; color: #FFF; text-align: center; border-radius: 100%; padding: 2px 0 0 0; }

.tabsSteps > ul > li:first-child { width: 88px; padding: 4px 0 0 20px; border-left: 1px solid #DDDDDD; }
.tabsSteps > ul > li:first-child.active { width: 88px; padding: 4px 0 0 20px;  border-left: 1px solid #DDDDDD; }

.tabsSteps > ul > li:last-child { width: 78px; padding: 4px 0 0 30px; border-right: 1px solid #DDDDDD; background: none; }
.tabsSteps > ul > li:last-child.active { width: 78px; padding: 4px 0 0 30px;  border-right: 1px solid #DDDDDD; background: #F9F9F9; }

.tabsSteps > ul > li.step01 { z-index: 999; }
.tabsSteps > ul > li.step02 { z-index: 998; left: 86px; }
.tabsSteps > ul > li.step03 { z-index: 997; left: 182px; }
.tabsSteps > ul > li.step04 { z-index: 996; left: 278px; }
.tabsSteps > ul > li.step05 { z-index: 995; left: 374px; }

/* a partir de 769px  */
@media only screen and ( min-width: 769px ) {

    html, body { height: 100%; }
}

/* tablet (iPad portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {


}

/* tablet (iPad landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

}

/* a partir de 1024px */
@media only screen and (min-width : 1024px) {

}

/* a partir de 1280px */
@media only screen and (min-width : 1280px) {
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Estilos para ecrãs de alta resolução */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* Prodigentia fixes */
.menuNotifications > ul > li > a:hover { color: #A59F9F; }
.tabsSteps > ul > li > a > span {
    background: #DCDCDC;
    font: 400 16px 'Cabin', sans-serif !important;
    height: 22px;
    width: 24px;
    display: inline-block;
    color: #FFF;
    text-align: center;
    border-radius: 100%;
    padding: 2px 0 0 0;
}

.tabsSteps > ul > li > a {
	color: #999999 !important;
}

.menuUser > ul > li > a:hover {
    color: rgb(243, 83, 24);
}

.menuTopo > ul > li > ul.pickups > li {
    display: block;
    background: #EAEAEA;
    list-style: none;
    border-bottom: 1px solid #FFF;
    font: 600 15px 'Cabin', sans-serif;
    color: #666466;
    white-space: nowrap;
}

.menuTopo > ul > li > ul.pickups.adminMenu.lessPadding li {
    padding: 10px;
}

.menuTopo > ul > li > ul.pickups.adminMenu.morePadding li {
    padding: 20px;
}

.menuTopo ul.pickups li:hover {
    color: #E02D00;
}

.menuTopo ul.pickups {
    background: #EAEAEA;
    color: #666466;
}

.menuTopo > ul > li > ul > li > ul > li:hover > ul > li:hover > ul {
    display: block;
}

.dhtmlxcalendar_dhx_blue td{
	padding: 0px !important;
}
.DTFC_RightWrapper{
	right: 0px !important;
    left: initial !important;
}
.pure-u-1 + .main{
	height: calc(100% - 73px - 98px - 95px);
}
.main {width: 100%;height: calc(100% - 73px - 98px);overflow: auto;}

.spriteIcon{
	background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    display: inline-block;
    width: 20px;
    height: 20px;
	position:relative;
}
.spriteIcon:hover{
	background-position: center bottom;
}
.spriteIcon.left{
	float:left;
}
.spriteIcon.right{
	float:right;
}
.spriteIcon.disabled::parent{
    pointer-events: none;
    cursor: not-allowed;
}
a+.spriteIcon.disabled{
	
    pointer-events: none;
    cursor: not-allowed;
}