/*BOOTSTRAP OVERRIDES*/
/**
 * Use .form-condensed to make a smaller Bootstrap form.
 */
/*.toggle.toggle-modern.pawafield {
    margin-top: 6px;
}*/
.close {
    font-size: 32px !important;
}
.pawafield-newline-before{
    clear:left;
}
.pawahidefeature, .superhidden
{
    display:none!important;
}
.editablecell-number, .editablecell-money,.editablecell-float{
    text-align:right
}
.pawaslicerlabel{
    margin-top:10px;
}
.pawawell
{
    display:none;
    text-align:center;
}
.pawasourcefilter 
{
    margin:10px;
}

.text-pawalabel {
  /*white-space: nowrap;*/
}

.etiquette {
    position: relative;
    float: right;
}
.etiquette > a > img {
    margin:auto;max-width:300px; max-height:300px;
    position: absolute;
    right: 5px;
    z-index: 10;
    top: 45px;
}

.gallery h4 {
    font-size:16px;
}

.bootbox.modal.fade.in.ui-draggable {
    z-index: 5000;
}
.panel-edittopright {
    text-align: right;
}

.page-heading.pagezone-title.pagezone-StandardTitleZone {
    /*min-height: 75px;*/
}

.panel-headingnolline{
    border-bottom: 0px!important;
}

.pawabadgelabel
{
    font-size: 14px!important;
    padding: 7px;
}

button.editgridconfig {
    margin-top: 3px;
    margin-right: 50px;
    font-size: 18px;
}

.ms-container{
    width: 575px!important;    
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
    font-size : 14px!important;
}

.ms-list{
    height:300px!important;
}

.table-responsive {
    clear: both;
    padding-top:10px;
}

.infoconfig
{
    padding:10px!important; 
    margin:8px!important;
    font-size : 14px!important;
}
br + h4.drilldowncaption {
    margin-top: 37px;
    margin-bottom: 0;
}
h4.drilldowncaption {
    font-size: 30px;
    color: grey;
    padding: 0 20px;
}
.anchorSlicerSection {
    width: 100%;
    /*background-color: red;*/
    display: Block;
    /*border: 1px solid red;*/
}
.gridButtonSection {
    padding-top: 0px;
    clear:both;
}

.generatedviewselector{
    background-color:white;
    font-size:15px;
    margin-left:20px;
    margin-bottom:10px;
    width:400px;
    text-align:left;
    font-weight:normal!important;
}

.generatedGridTitleSection 
{
    /*height:110px!important;*/
    /*background-color: green;*/
}
.generatedTitleElement
{
    float: right !important;
    margin-right:5px;
    margin-top:20px;
    font-size:15px;

}
.pageselector
{
    font-size:15px!important;
    height:35px;
}
.generatedTitle
{
    /*background-color: blue;*/
    /*height:130px!important;*/

}
.pawa-condensed {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-bottom:0px !important;
    margin-top:0px !important;
}
.pawa-drilldowncontainer,.pawa-button {
    /*margin-left:5px;*/
}

.drilldownbuttons{
    margin-bottom:5px;
}

.drilldownbuttons button{
    margin-top:2px;
}

.drilldownbuttons button{
    margin-right:2px;

}
.slicers-body{
    margin-top:2px;
}

.tab-container{
    background-color: rgba(255,255,255,0.98);
}
.fa-font-medium{
    font-size:20px;
    vertical-align:middle;
}
.fa-font-large{
    font-size:24px;
    vertical-align:middle;
}
.fa-font-xlarge{
    font-size:30px;
    vertical-align:middle;
}

@media screen and (max-width: 767px) {
    .pawa-drilldowncontainer, .pawa-button:last-of-type {
        margin-left: 0;
    }
}

.info-tiles.tiles-devid-level1 {
  color: #ffffff !important;
}
.info-tiles.tiles-devid-level1 .tiles-heading {
  background: #34434E;
}
.info-tiles.tiles-devid-level1 .tiles-body {
  background: #2b3841;
}
.info-tiles.tiles-devid-level1 .tiles-body-alt {
  background: #2b3841;
}
.info-tiles.tiles-devid-level1 .tiles-footer {
    border-top-color:white;
    border-top:2px solid;
    background: #2b3841;
}
.info-tiles.tiles-devid-level1:hover {
  color: #ffffff;
}
.info-tiles.tiles-devid-level1:hover .tiles-heading {
  background: #2b3841;
}
.info-tiles.tiles-devid-level1:hover .tiles-body {
  background: #2b3841;
}
.info-tiles.tiles-devid-level1:hover .tiles-body-alt {
  background: #2b3841;
}
.info-tiles.tiles-devid-level1:hover .tiles-footer {
  background: #2b3841;
}

.info-tiles.tiles-devid-level2 {
  color: #ffffff !important;
}
.info-tiles.tiles-devid-level2 .tiles-heading {
  background: #2F5E7D ;
}
.info-tiles.tiles-devid-level2 .tiles-body {
  background: #29526d ;
}
.info-tiles.tiles-devid-level2 .tiles-body-alt {
  background: #29526d ;
}
.info-tiles.tiles-devid-level2 .tiles-footer {
           border-top-color:white;
    border-top:2px solid;
  background: #29526d ;
}
.info-tiles.tiles-devid-level2:hover {
  color: #ffffff;
}
.info-tiles.tiles-devid-level2:hover .tiles-heading {
  background: #29526d ;
}
.info-tiles.tiles-devid-level2:hover .tiles-body {
  background: #29526d ;
}
.info-tiles.tiles-devid-level2:hover .tiles-body-alt {
  background: #29526d ;
}
.info-tiles.tiles-devid-level2:hover .tiles-footer {
  background: #29526d ;
}


.info-tiles.tiles-devid-level3 {
  color: #ffffff !important;
}
.info-tiles.tiles-devid-level3 .tiles-heading {
  background: #0D4875 ;
}
.info-tiles.tiles-devid-level3 .tiles-body {
  background: #0b3d61 ;
}
.info-tiles.tiles-devid-level3 .tiles-body-alt {
  background: #0b3d61 ;
}
.info-tiles.tiles-devid-level3 .tiles-footer {
       border-top-color:white;
    border-top:2px solid;
  background: #0b3d61 ;
}
.info-tiles.tiles-devid-level3:hover {
  color: #ffffff;
}
.info-tiles.tiles-devid-level3:hover .tiles-heading {
  background: #0b3d61 ;
}
.info-tiles.tiles-devid-level3:hover .tiles-body {
  background: #0b3d61 ;
}
.info-tiles.tiles-devid-level3:hover .tiles-body-alt {
  background: #0b3d61 ;
}
.info-tiles.tiles-devid-level3:hover .tiles-footer {
  background: #0b3d61 ;
}


.info-tiles.tiles-devid-level4 {
  color: #ffffff !important;
}
.info-tiles.tiles-devid-level4 .tiles-heading {
  background: #043355 ;
}
.info-tiles.tiles-devid-level4 .tiles-body {
  background: #032842 ;
}
.info-tiles.tiles-devid-level4 .tiles-body-alt {
  background: #032842 ;
}
.info-tiles.tiles-devid-level4 .tiles-footer {
    border-top-color: white;
    border-top: 2px solid;
    background: #032842;
}
.info-tiles.tiles-devid-level4:hover {
  color: #ffffff;
}
.info-tiles.tiles-devid-level4:hover .tiles-heading {
  background: #032842 ;
}
.info-tiles.tiles-devid-level4:hover .tiles-body {
  background: #032842 ;
}
.info-tiles.tiles-devid-level4:hover .tiles-body-alt {
  background: #032842 ;
}
.info-tiles.tiles-devid-level4:hover .tiles-footer {
  background: #032842 ;
}
.sm-minHeight {
    min-height: 20px;
}

.dev-id-table-data
{
    text-align:right;
}
.dev-id-table-text
{
    text-align:left;
}

.dev-id-table-dashboard
{
    text-align:right;
}

.accordion-group .accordion-item .accordion-title  h4 {
  border-color:black;
}

.percentInput {
    height:30px;
    width:110px;
    display:inline-block;
}
.smallMoneyInput {
    height:30px;
    width:110px;
    display:inline-block;
}

.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 22px;    
}
.left-inner-addon span {
    position: absolute;
    padding: 7px 12px;
    /*pointer-events: none;*/
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon span {
    position: absolute;
    right: 0px;
    padding: 7px 12px;
    /*pointer-events: none;*/
}

/*BOOTSTRAP OVERRIDES*/
/**
 * Use .form-condensed to make a smaller Bootstrap form.
 */
.form-control input 
{
    width:0px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1001;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.98);
  border: 1px solid #cccccc;
  border: 1px solid #d2d3d6;
  border-radius: 1px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

/* Logo */
.navbar-brand {
  font: 0/0 a !important;
  color: transparent !important;
  text-shadow: none !important;
  background-color: transparent !important;
  border: 0 !important;
    background: url("../images/logo.png") no-repeat left center;
    background-position-x: 10px;
    background-size: 80px;
    height: 40px;
  width: 106px;
}

#page-content-unlog {
  min-height: 650px;
  background: #f7f8fa;  
  padding-bottom: 30px;
}

.horizontal-nav #page-content {
  margin-left: 0;
}

#rightmenu-trigger:hover {
  background-position: 39px 40px;
  text-decoration: none;
}

.navbar-inverse {
  background-color: #313338;
  border-color: #191a1d;
}

.panel-info {
  /*border-color: #bbb;
  border-style:solid;
  border-width:1px;*/
  background:#fff;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.08);

}
.panel-info .panel-heading {
  color: #ffffff;
  background-color: #2bbce0;
  border-color: #2bbce0;
}
.panel-info .panel-body {
  border-top: 2px solid #2bbce0;
}
.widget-body .row {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 0px;
    width: 100%;
    height: 100%;
    padding-bottom: 5px;
}
.widget-body .row .btn {
        width: 100%;
        height: 100%;
}
.notify-from-right {
    margin-right:300px;
}

@media screen and (min-width: 768px) {
    .datepicker {
        z-index: 1200 !important;
        max-width: 470px;
    }
    .datepicker table tr td, .datepicker table tr th {
        width: 67px;
    }
}

.pawa-role-show, .pawa-role-hide {
    display: none;
}
.badge-midnightblue {
  background-color: #435d78 !important;
}
.pawaslicer {
    padding: 0 5px;
    position:relative;
}
.pawaslicerNoPadding {
    padding: 0;
}
.inputDate {
    width: 92px;
}

/*@media screen and (min-width: 1366px) {
    .inputDate {
        width: 92px;
    }
}*/

@media screen and (max-width: 767px) {
    .table-vertical td:before {
        white-space: normal;
    }
}
 
 
@media screen and (min-width: 768px) {
    .modal.modal-large {
        width: 90% !important; /* responsive width */
        margin-left: 5% !important;
        margin-right: 5% !important;
    }
    .modal-content.modal-content-large, .modal-dialog-large {
        width: 100% !important;
    }
}

div.hashpage:not(#loginpage):not(#loadingpage) {
        display:none;
        margin:10px;
}

.mandatory {
   color:#FF0000;
}
.help-block {
      display:none;
}
.block {
    display:block;
}
.iconOnScreen {
    margin-left: 5px;
    margin-right: 5px;
}

@media screen and (max-width: 768px) {    
    td {
        padding-top:5px !important;
        min-height: 35px;
    }
    .hiddenOnCell{
        visibility:hidden;
    }
}

#AccountTypeSlicer{
    margin-bottom: 10px;
    width:150px;
}

/***********************************************************************/
/*********** GLOBAL ***********/
body {
    background-color: #313338;
    }
body.show-rightbar #page-content, body.show-rightbar footer {
    margin-right: 300px;
}

textarea {
    resize: vertical;
}

.panel {
  margin: 5px 0 5px;
  border-radius: 1px;
  background:#fff;
}
.container > .panel {
    padding: 5px;
}
.required:after {
    content: " *";
    color: #a81515;
}
label {
    margin-bottom: 5px;
    min-height: 20px !important;
}
.modal-header {
    cursor: move;
}
.form-group {
    margin-bottom: 15px;
}
tbody > tr.active.selected > td > a > i {
    color: #ffffff;
}
.dataTables_filter > label > input {
    width: initial;
    display: inline-block;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 5px 10px;
}
th {
    /*white-space: nowrap;
    padding-left: 25px !important;
    padding-right: 25px !important;*/
    text-align: center;
}
.page-heading h1 {
    font-size: 30px;
    padding-bottom: 5px;
}
.page-heading h3 {
    padding-left: 20px;
}
.page-heading .dev-id-toolbar {
    padding-top: 10px;
}
[class*="panel-"].panel .panel-heading > h4 > ul.nav.nav-tabs {
    right: 10px;
    border-left: 1px solid #dddddd;
}

@media screen and (max-width: 767px) {
    .page-heading .dev-id-toolbar {
        padding-bottom: 10px;
        padding-top: 0;
        float: left;
        padding-left: 10px;
        left: 0;
    }
    .page-heading h1 {
        line-height: 22px;
        font-size: 20px;
        padding-left: 10px;
        width: 100%;
    }
    .page-heading h3 {
        padding-left: 10px;
    }
    .page-heading > div > span {
        float: left !important;
    }
    .container {
        padding: 0 10px 20px 10px;
    }
    .dataTables_wrapper .pull-right {
        float: left !important;
    }
    [class*="panel-"].panel .panel-body {
        padding: 20px 10px;
    }
    .table-responsive {
        border: none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 960px) {
    .page-heading h1 {
        line-height: 27px;
        font-size: 25px;
    }
    h4.drilldowncaption {
        font-size: 25px;
    }
}

/*Code for the Scroll Bar */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 11px;
    border-radius: 11px;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #f6f6f6;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 11px;
    border-radius: 11px;
    background: rgba(209, 209, 209, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

/* Code for the Login Page */
.panel-primary .panel-body {
    border-top: none;
}
.focusedform .brand {
    width: 250px;
}
.btn-lightgray {
    color: #ffffff;
    background-color: #727376;
    border-color: #727376;
}
.btn-lightgray:hover, .btn-lightgray:focus, .btn-lightgray:active, .btn-lightgray.active, .open > .dropdown-toggle.btn-lightgray {
    color: #ffffff;
    background-color: #2f2f30;
    border-color: #2f2f30;
}

@media screen and (max-width: 767px) {
    #chkRemember input[type="radio"], input[type="checkbox"] {
        margin: 2px 0 0;
    }
}

.btn-margin {
    margin-top: 5px;
    margin-bottom: 5px;
}
.btn-marginLeft {
    margin-left: 5px;
}

@media screen and (max-width: 960px) {
    .btn-text-visible {
        display: none;
    }
}

.resetPwd {
    padding-left: 0;
}

/*Code for the Account Review files*/
.labelBold {
    font-weight: bold;
}

/*Code for the create account modal form*/
#AccountAddEdit .modal-body, .modal-wide .modal-body {
    max-height: 60vh;
    overflow-y: auto;
}
.phone input {
    width: 65px;
}
/*.phone > div:nth-child(1) > div {
    margin-right: 20px;
}*/
.faxLabel {
    padding-left: 5px;
}
.faxInput {
    padding-left: 6px;
}
.eventPerWeekWidth {
    width: 180px;
}
.eventPerWeekWidth + div {
    width: 100px;
}

@media screen and (min-width: 768px) and (max-device-width : 1280px) {
    .faxLabel {
        padding: 0px;
        text-align: right;
    }
    .faxInput input {
        width: 110px;
    }
    .country {
        text-align: right;
    }
    .panel-formContact > div.panel-heading > div > a, .panel-formAddAccount > div.panel-heading > div > a {
        padding-left: 180%;
    }
}
.extInput {
    width: 74px;
}

@media screen and (min-width: 768px) {
    .modal.modal-wide .modal-dialog {
      width: 870px;
    }    
    .form-labelsCentered .control-label {      
      /*margin-bottom: 0;*/
      /*padding-top: 8px;*/
    } 
    .numberEmp {
        margin-right: -50px;
    } 
    .dateInvoice {
        margin-right: -15px;
    } 
}

@media screen and (min-width: 992px) {   
    .modal.modal-wide .modal-dialog {
      width: 1000px;
    }  
    .dateInvoice {
        margin-right: -25px;
    }
    #liDateSelector {
        width: 100px;
    }
}

@media screen and (min-width: 1025px) {
    .modal.modal-wide .modal-dialog {
        width: 1338px;
    }
}

@media screen and (min-width: 1680px) {   
    .modal.modal-wide .modal-dialog {
        width: 1530px;
    }
    .numberEmp {
        margin-right: -110px;
    }
    .dateInvoice {
        margin-right: -65px;
    }        
}
input[type="checkbox"].checkbox-vcenter {
    margin-top: 12px;
}
.tableAddInfo  tbody > tr > td {
    padding: 0;
    border: none;
}

/*Code for the create contact modal form*/
#ContactAddEdit .modal-body {
    max-height: 80vh;
    overflow-y: auto;
}
/*.panel-formContact {
    margin-top: 15px;
}*/
.panel-formContact > div.panel-heading > div > a, .panel-formAddAccount > div.panel-heading > div > a {
    padding-left: 152%;
}
.divPhoto {
    text-align: center;
    /*padding-right: 20px;*/
}
.ContactPicture {
    overflow: hidden;
    width: 100px;
    height: 100px;
    border: 1px solid black;
    margin: auto;
    margin-bottom: 5px;
}
.ContactPicture img {
    max-width: 100%;
    height: auto;
}
.ContactPicture i.emptypicture {
    font-size: 40px;
    padding-top: 30px;
    display: block;
    text-align: center;
}
.ContactPicture a {
    text-decoration: none;
}
a.editContactPhoto {
   /*position: relative;
    bottom: 50px;
    left: 50%;*/
}
.setPrimaryContact {
    margin-top: 10px;
}
.setPrimaryContact .toggle {
    height: 20px;
    width: 50px;
    margin: auto;
}
.setPrimaryContact .toggle-inner {
    width: 80px;
    margin-left: 0px;
}
.setPrimaryContact .toggle-on {
    height: 20px;
    width: 40px;
    text-align: center;
    text-indent: -10px;
    line-height: 20px;
}
.setPrimaryContact .toggle-blob {
    height: 20px;
    width: 20px;
    margin-left: -10px;
}
.setPrimaryContact .toggle-off {
    height: 20px;
    width: 40px;
    margin-left: -10px;
    text-align: center;
    text-indent: 10px;
    line-height: 20px;
}
#PreviewContactPicture i {
    font-size: 125px;
}

@media screen and (max-width: 991px) {
    .ContactPicture {
        width: 100px;
        height: 100px;
    }
    }    

@media screen and (min-width: 992px) {    
    .ContactPicture i.emptypicture {
        font-size: 40px;
    }  
} 

/*Code for Notes.html*/
#NoteGrid_table > tbody > tr > td:nth-child(3) {
    display: block;
    margin-top: 0px;
    overflow: hidden;
    text-overflow: ellipsis;    
    } 

/*Code for the create event modal form*/
#ValidationEventForm .panel > div.panel-heading > div > a {
    padding-left: 440px;
}

@media screen and (max-width: 767px) {
    #ValidationEventForm .panel > div.panel-heading > div > a {
        padding-left: 165px;
    }
    .xs-alignLeft {
        text-align: left;
    }
}

@media screen and (min-width: 768px) {
    .modal-dialog.modal-eventWide {
        width: 730px;
    }
    .labelEveType {
        padding-left: 20px;
    }
    .xs-alignLeft {
        margin: 0 -15px;
    }
}

/*Code for the DashboardTiles.html*/
.info-tiles .tiles-body-alt i,
.info-tiles .tiles-body i {
    font-size: 35px;
}
.info-tiles .tiles-body-alt > i,
.info-tiles .tiles-body > i {
    font-size:35px;
}
div.tiles-body-alt > i {
    padding-top: 15px;
    }
.tiles-body {
    min-height: 85px;
    }
.info-tiles .tiles-footer:after {
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    .col-xs-12 .info-tiles .tiles-footer:after {
        bottom: 0;
    }
    div.tiles-body-alt > i {
        padding-top: 10px;
    }
}
.info-tiles .tiles-footer:after {
    content: none;
}


/*iPad in landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .info-tiles .tiles-heading {
        padding: 6px 3px;
        font-size: 10px;
    }

    div.tiles-body > i {
        /*font-size: 19px;*/
}
}

/*Code for the VisitEvent.html*/
.visitEvent {
    margin-bottom: 10px;
}
.visitEvent a {
    margin: 5px;
}
/*@media screen and (min-width:961px) {
    .eventScroll {
        overflow-y: auto;
    }
}*/

/*Code for the Home.html*/
hr.noMargin {
    margin-top: 5px;
    margin-bottom: 10px;
}
.titleSection > span {
    padding-right: 10px;
    padding-top: 8px;
}

@media screen and (max-width: 767px) {
    .titleSection {
        padding-bottom: 10px;
    }
    .titleSection > span {
        padding-top: 6px;
    }
    .titleSection > div, .titleSection > button {
        margin-bottom: 5px;
    }
    /*.viewType {
        width: 100%;
    }*/
    .pawaslicer {
        margin-left: 0;
    }
    #DrillDownToDashBoard {
        float: none !important;
        margin-bottom: 5px;
    }
    .titleSection > div.pawa-drilldowncontainer:first-of-type {
        margin-left: 0;
    }
}

@media screen and (min-width: 768px) {
    .titleSection {
        height: 35px;
    }
}

@media screen and (min-width: 992px) {
    .titleSection {
        height: 35px;
    }
}

/*Code for modal search on the MenuGauche.html*/
.newsearchButton {
    margin-top: 5px;
}
.rowSearch {
    margin: 0;
}
div.panel-body.scrollthis {
    height: 40vh;
}

/* Sidebar Menu */
#search {
    margin-top: 10px;
}
#search i {
  color: #3f444c;
  margin-left: 1px;
  margin-right: 8px;
  min-width: 15px;
  text-align: center;
  display: inline-block;
}
body.collapse-leftbar #search.keep-open form {
    top: 10px;
    left: 27px;
}

@media screen and (max-width: 480px) {
    #sidebar {
        top: 140px !important;
    }
    .menudivider {
        position: absolute;
        top: 50px;
    }
}

@media screen and (max-width: 767px) {
    .page-heading .options {
        top: 0;
        float: none;
        left: 10px;
    }
    #sidebar {
        top: 100px;
    }
    #search {
        position: fixed;
        width: 0;
        overflow-x: hidden !important;
    }
    .menudivider {
        position: absolute;
        top: 50px;
    }
    body.show-leftbar #search {
        width: 230px;
    }
    #search {
        -webkit-transition: 250ms ease;
        -o-transition: 250ms ease;
        transition: 250ms ease;
    }
    #search {
        white-space: nowrap;
    }
}

/*Code for the VisitAddEdit.html modal*/
button.btnVisit {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    margin-left: 4px !important;
}
.question-marginBottom {
    margin-bottom: 10px;
}
.inQuestion-marginBottom {
    margin-bottom: 10px;
    padding-top: 8px;
}
#ValidationSubVisitForm > a:hover {
    text-decoration: none;
}
.labelBlue {
    color: #4f8edc;
    min-height: 40px;
}

/*Code for the Parameter.html*/
#ProfilPicture {
    border: 1px solid black;
    padding: 5px 5px 5px 5px;
    float: left;
    max-width:100px;
}
#ProfilPicture > a {
    bottom: -21px;
    right: 0;
    position: absolute;
    left: 54px;
}
#ProfilPicture > div {
    font-size: 85px;
    margin-left: 10px;
    display: none;
}
/*#editCourriel {
        float: right;
    }
#editPassword {
    float: right;
}*/
#saveNewEmail, #saveNewPassword {
    position: relative;
    left: 10px;
    /*margin-bottom: 5px;*/
}
#s2id_selDelegate {
    width: 200px !important;
}
.divParameters {
    padding: 5px 10px;
    border-top: 1px solid #e6e7e8;
}
.paramLongLabel {
    width: 100%;
}
.paramMediumLabel {
    width: 80%;
}
.divParameters .form-group {
    margin-bottom: 0;
}
.editParam {
    padding: 5px 10px;
}
.parameters label {
    margin: 0;
}
.parameters .control-label {
    font-weight: 100;
}
.divParameters .form-group {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    #ProfilPicture {
        margin: auto;
        text-align: center;
        position: relative;
        float: none;
    }
    #ProfilPicture > a {
        left: 0;
    }
    .parameters {
        margin-top: 30px;
}
}

/*Code for the AccountVisitAndDetail.html*/
.visit-labelsCentered .visit-label {
    margin-bottom: 0;
    padding-top: 8px;
}
.visitSpan {
    padding-bottom : 10px;
}
.visitSpan span:first-child {
    color: #A7A7A7;
}
.visit-label > span:first-child {
    color: #4f8edc;
}
.visitObjective {
    margin-top: 15px;
}

/*Code for the MarkersMap.html modal*/
@media screen and (min-width: 768px) {
    #MarkersMap-canvas {
        height: 50vh;
    }
}

@media screen and (min-width: 992px) {
    #MarkersMap-canvas {
        height: 60vh;
    }
}

/*Code for the AddPicture.html modal*/
#UploadProfilPicture .modal-body, #UploadContactPicture .modal-body {
    min-height: 230px;
}
#UploadProfilPicture .modal-body > div, #UploadContactPicture .modal-body > div {
    margin: 30px 0;
}
#PreviewPicture, #PreviewContactPicture {
    max-height: 200px;
    margin-top: 10px;
}
.emptypicture2 {
    display: none;
    font-size: 85px;
    margin-left: 10px;
}

/*Code for the MenuHaut.html modal*/
/*.navbar-brandtest {
    font: 0/0 a !important;
    color: transparent !important;
    text-shadow: none !important;
    background-color: transparent !important;
    border: 0 !important;
    background: url("../images/AllLogosCH_PAWA.JPG") no-repeat left center;
    background-position-x: 10px;
    background-size: 215px;
    height: 40px;
    width: 230px;
    float: left;
    padding: 10px 15px;
}*/
.navbar-clientlogo {
    font: 0/0 a !important;
    color: transparent !important;
    text-shadow: none !important;
    background-color: transparent !important;
    border: 0 !important;
    background: url("../images/clientlogo.JPG") no-repeat left center;
    background-position-x: 10px;
    background-size: 215px;
    height: 40px;
    width: 260px;
    float: left;
    padding: 10px 15px;
}
a.username span > span {
    padding-right: 0;
    top: 0;
}
li.username > a > div.pull-left {
    margin-right: 10px;
}
#dropdownprofilepicture {
    float: right;
}
/*#topMessage > ul, #topNotification > ul {
    min-width: 330px;
}*/
#myMeasure .modal-body {
    min-height: 250px;
}
#myMeasure .form-control {
    margin-bottom: 20px;
}
.measureUnit {
    padding-top: 2px;
    font-weight: bold;
}
.measureTime {
    padding-top: 7px;
    font-weight: bold;
}
.siteLanguage {
    border-left: 1px solid #27292d;
}

/*Code for the Help.html page*/
#CreateEmail {
    margin-bottom: 15px;
}
#CreateEmail > span, #SuccesEmail > span {
    margin-bottom: 10px;
}
#CreateEmail > span > label {
    margin-bottom: 0;
    text-decoration: underline;
    cursor: pointer;
}
#EmailBody {
    margin: 10px 0;
}

@media screen and (min-width: 1680px) {
    #CreateEmail > form {
        width: 550px;
    }
}

/*Code for the Message.html page*/
#MessagesGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

#MessageSentGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}
#MessageDeleteGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the MessageForm.html page*/
#MessageViewFrom img {
    height: 50px;
}
.messageBody {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-left: 5px;
    margin-right: 10px;
}

/*Code for the MenuDroite.html*/
.nextVisitWidget {
    padding-bottom: 1px !important;
    padding-top: 1px !important;
}
.widget-heading > a > h4 > i {
    margin-right: 5px;
}
.badgeContainer {
    position: relative;
}
.badgeRightMenu {
    right: 50px;
    margin-top: 8px;
    position: absolute;
}
.addPlus {
    right: 25px;
    margin-top: 8px;
    position: absolute;
}
.opportBadgeRightMenu {
    right: 75px;
    margin-top: 8px;
    position: absolute;
}
.oppProgress, .taskProgress, .taskStatus {
    margin-left: 15px;
}
.oppProgress > label.pull-left, .taskProgress > label.pull-left {
    margin-right: 5px;
}
.contextual-progress {
    margin: 0 !important;
}
.progress {
    width: 100%;
}
.hrTaskWidget {
    margin: 0;
}
#notesbody > div {
    margin-bottom: 0 !important;
}
.notesWidgetContainer, .casesWidgetContainer {
    margin-top: 5px;
    overflow-y: hidden;
    outline: none;
    height: auto !important;
}
#notesbody h4, #casesbody h4 {
    margin: 2px 0;
}
#notesbody > div > a {
    text-decoration: none;
}
.docWidget {
    max-width: 50px;
    height: auto;
    margin: 0 auto;
    padding-top: 20px;
}
.imgWidget {
    max-width: 70px;
    margin: 0 auto;
    padding-top: 20px;
}
.imgTrash {
    color: red;
    font-size: 15px;
    position: absolute;
    bottom: 16px;
    left: 66px;
}
.dropzone {
    min-height: 125px;
}
.uploadZone {
    margin-bottom: 20px;
}
.imgUploadZone {
    max-width: 115px;
    height: auto;
    margin: 0 auto;
}
.widgetTitleMargin {
    margin-bottom: 5px;
}
#widgetarea .external-event-label-text1 {
    max-width: 100%;
}
.widget-midnightblue {
    background: #34495e;
}

@media screen and (max-width:767px) {
    #DocumentModal .scrollthis {
        max-height: 150px;
    }
    #ImageModal .scrollthis {
        max-height: 150px;
    }
}

/* Code pour la caméra */
.cameraContainer {
    position: relative;
    border: solid 1px #000;
    margin-bottom: 20px;
    overflow: hidden;
}
.cameraModalCanvas {
    width: 93vw;
    height: auto;
}
#canvasth {
    width: 79px;
    height: auto;
}

@media screen and (min-width: 1024px) {
    .cameraModalCanvas {
        width: 80vw;
        height: auto;
    }
}

@media screen and (min-width: 1200px) {
    .cameraModalCanvas {
        width: 64vw;
        height: auto;
    }
}
button#snap {
    position: absolute;
    width: 70px;
    margin-left: -35px;
    bottom: 10px;
    right: 25%;
    left: 50%;
    z-index: 1000;
    background: none;
    padding: 8px 15px;
    border: none;
    border-radius: 15px;
    color: #fff;
}
.editOptions, button#back, .allOptions {
    z-index: 1000;
    background: none;
    /*background: rgba(0, 0, 0, 0.4);*/
    padding: 8px 10px;
    /*border: 1px solid #fff;*/
    border: none;
    border-radius: 15px;
    color: #000;
}
button#editPhoto {
    position: absolute;
    top: 30px;
    right: 10%;
}
button#editPhoto {
    position: absolute;
    top: 30px;
    right: 15%;
}
button#discardPhoto {
    position: absolute;
    top: 30px;
    right: 10%;
}
button#closePhotoTaker {
    position: absolute;
    top: 30px;
    right: 5%;
}
button#updatePhoto {
    position: absolute;
    top: 30px;
    left: 5%;
}
button#snap:hover, .editOptions:hover, .allOptions:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
}
#canvasth {
    display: block;
    position: absolute;
    top: 30px;
    border: 1px solid #FFFFFF;
    left: 5%;
    cursor: pointer;
}
.photoStrip {
    position: absolute;
    bottom: 0;
    max-height: 130px;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    padding: 0 30px;
}
#takens > ul > li:last-child {
    margin-right: 30px;
}
.imgth {
    border: solid 5px black;
}
.selectedimgth {
    border: dashed 5px green;
}
#canvas {
    background-color: blue;
    display: none;
    /*width: 100%;*/
    /*height: auto;*/
}
#video {
    width: 100%;
    height: auto;
    margin: auto;
}

/* Code pour les commentaires*/
.comments {
    background: rgba(0, 0, 0, 0.4);
    padding: 15px 0;
    /*top: 40%;
    left: 50%;
    margin-left: -25%;*/
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    transform: translate(-50%,-50%);
}

@media screen and (max-width: 768px) {
    #commentText {
        margin-bottom: 5px;
    }
}
/*Tweak PhotoStrip*/
.list-inline {
    white-space: nowrap;
}

/*Code for the Error validation messages*/
/*.errorWidth {
    min-width: 400px;
}*/
/*.help-error {
    min-width: 370px;
}*/
.has-error .help-block.help-error, .has-success .help-block.help-success, .has-warning .help-block.help-warning {
      display:block;
}
.has-error .form-control {
  border-color: #a81515;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
input.parsley-error, select.parsley-error, textarea.parsley-error {
    color: #a81515;
    border: 1px solid #a81515;
}
.parsley-errors-list {
    color: #a81515;
}
input.parsley-success, select.parsley-success, textarea.parsley-success {
    color: #4d4d4d;
    background-color: #ffffff;
    border: 1px solid #d2d3d6;
}
.help-error > i {
    padding-right: 5px;
}
.has-error > div > a.select2-choice {
  border-color: #a81515;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/*#EventDatePair .has-error > span {
    position: absolute;
    left: -255px;
}*/
.errorContact {
    margin-top: -8px !important;
}
.errorActivity {
    margin-top: 0 !important;
}
.typeError {
    position: absolute;
    right: -165px;
}

/*Code for the PictureBrowser page*/
.hrGallery {
    margin-top: 0;
    margin-bottom: 10px;
}
.imgGrid {
    max-width: 150px;
    height: auto;
}
#photoGalleryList > div:nth-child(1) > ul > li {
    border-top: none;
}
.gallery .mix {
    border-top: none;
}
.gallery h3 {
    padding-top: 9px;
    border-top: 1px solid transparent;
    margin-bottom: 9px;
}
.gallery.full-width h3 {
    border-top: 1px solid #e6e7e8;
    padding-top: 9px;
    margin-bottom: 9px;
    -webkit-transition: border-color ease-in-out .5s; 
    -o-transition: border-color ease-in-out .5s;
    transition: border-color ease-in-out .5s;
}
#photoGalleryList > div:nth-child(1) > ul > h3 {
    border-top: none;
    padding-top: 0;
}
.gallery.full-width .mix:not(:first-child) {
    border-top: none !important;
}

/*Code for the picture modal*/
.picModal {
    margin-bottom: 15px;
}
#GalleryModal > div > div > div.modal-body {
    padding-bottom: 0;
}

/*Code for the documents browser page*/
.docGrid {
    max-width: 50px;
    height: auto;    
}

/*Code for the TaskTemplate modal*/
.subformTable {
    margin: 20px 0;
}
.subformTableBody {
    padding: 20px 0 !important;
    border:none !important;
    /*border-right-width: 0px;
    border-left-width: 0px;*/
}
.overflowHidden {
    overflow-x: hidden;
}
.effectiveDate input {
    width: 106px;
}
.effectiveDate > div:nth-child(1) > div {
    margin-right: 20px;
}
#TaskTemplateAddEdit > div > div > div.modal-body.pawa-condensed > form > div > div:nth-child(4) > div:nth-child(3) > div > span {
    display: none;
}
#TaskTemplateQueryAddEdit .modal-body {
    max-height: 70vh;
    overflow-y: auto;
}
#TaskTemplateItemGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}
#TaskTemplateItemAttributeGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}
#TaskTemplateQueryGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}
#TaskTemplateQueryColumnGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the Calendar.html*/
.calendarMap {
    padding-bottom: 10px;
}
.external-event-label-remove {
    bottom: 7px !important;
    right: 7px !important;
    color: #E73C3C !important;
    font-size: inherit !important;
}
#accountList .external-event-label-remove button {
    padding: 0px 2px;
}
.external-event-label-text1 {
    max-width: 96% !important;
}
.recurringTile {
    font-weight: bold !important;
    padding-top: 4px;
}
.recurringTile input[type="checkbox"] {
    margin: 1px 0 0;
    margin-left: -20px;
}
.replanCalendar {
    margin-bottom: 10px;
}
.replanCalendar .btn-danger {
    margin-right: 7px;
}
.recurrencyTo {
    padding-top: 30px;
}
.recurrencyPreview {
    margin-top: 22px;
}
/*.recurrencyList {
    border: 1px solid #dddddd;
}*/

@media screen and (max-width: 767px) {
    .recurrencyTo {
        padding-top: 0;
        margin: 5px 0;
        text-align: left;
    }
}

/**************************************/
.recurrencyListHeader {
    padding-bottom: 5px;
}
.recurrencyListItem {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.recurrencyListItem:not(:last-of-type)  {
    border-bottom: 1px solid #dddddd;
}
.recurrencyListItem label, .recurrencyListItem [type="checkbox"] {
    margin-top: 11px;
}
.recurrencyListItem:last-of-type {
    padding-bottom: 0;
}
.recurrencyTo {
    padding-top: 30px;
}
.recurrencyPreview {
    margin-top: 22px;
}
/*.recurrencyList {
    border: 1px solid #dddddd;
}*/

@media screen and (max-width: 767px) {
    .recurrencyTo {
        padding-top: 0;
        margin: 5px 0;
        text-align: left;
    }
}
@media print {
    .noprint{
        display:none;
    }
}

/*Code for the ProductManagementAddEdit.html*/
.productCheckbox, .queryCheckbox {
    margin: 0px;
}
.productCheckbox > label {
    padding-top: 8px;
}
/*.queryCheckbox > label {
    padding-top: 8px;
}*/
.productManagementDates {
    margin-bottom: 5px;
}
.productManagementLog {
    border: 1px solid #d2d3d6;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.productManagementLog h4 {
    margin: 5px 10px;
}
.optionsCollapse {
    padding-left: 152% !important;
}
#ProductManagementAddEdit04 .modal-body {
    overflow-y: auto;
    max-height: 50vh;
}
.menudivider {
  height: 1px;
  width: 100%;
  margin: 10px 0px;
  overflow: hidden;
  box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.1);
  background-color: #d2d3d6;
}

#hierarchycustomerform > div > div.panel-heading {
    padding-left: 30px;
}
#hierarchyproductform > div > div.panel-heading {
    padding-left: 30px;
}
#hierarchyterritoryform > div > div.panel-heading {
    padding-left: 30px;
}
#hierarchyproducttree, #hierarchyterritorytree, #hierarchycustomertree, #hierarchymenutree {
    height: 80vh;
}
.hierarchy {
    padding: 10px 0;
    border-top: 1px solid #e6e7e8;
}
.hierarchy:first-of-type {
    border-top: none;
}

/*Code for the OpportunityAddEdit modal*/
#OpportunityAddEdit .modal-body {
    max-height: 45vh;
    overflow-y: auto;
}

/*Code for the MenuRapide.html */
.tiles-DevidQuickMenu .tiles-body {
    background-color: rgb(3, 40, 66) !important;
}
.tiles-DevidQuickMenu .tiles-footer {
    background-color: rgb(3, 40, 66) !important;
}
.pawa-tiles-right-text {
    line-height: 15px;
    font-size: 12px;
    text-align: right;
}
.visittile {
    min-height: 104px;
}
.spanMeetingHeader {
    margin-left: 10px;
    vertical-align: super;
}

@media screen and (max-width: 767px) {
    .upcomingVisit {
        height: 97vh;
    }
}

/*Code for the Performance Graphics */
.graphicHeight {
    height: 351px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Code for the Opportunity Graphics */
#OpportunityOverTime {
    height: 348px;
}

/*Code for the Opportunities.html page*/
#opportunityGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    #OpportunityReview {
        float: left !important;
        margin-left: 0;
        width: 100%;
        /*padding: 10px 0;*/
    }
    .titleSection .pawa-exportemail {
        float: left !important;
        /*padding-bottom: 10px;*/
        margin-left: 0;
    }
    .titleSection .pawa-exportexcel {
        float: left !important;
        /*padding-bottom: 10px;*/
        margin-right: 5px;
    }
}

@media screen and (min-width:961px) {
    .table-fixHeight {
        height: 351px;
    }
}

/*Code for the SalesProjection Graphic */
#EvolutionSalesGraphique > div.legend > div {
    background-color: transparent !important;
}

/*Code for the TotalSales table */
#POSSalesByTimeFrameHomeGrid_table > thead > tr:nth-child(2) > th {
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
    white-space: nowrap;
}

#POSSalesByTimeFrameGrid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the ProductProblems.html table */
#TopPerformerIssuesGridHome_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the AccountProblems.html table */
#ActiveAccountsGridHome_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the ActiveTask.html table */
#ActiveTask_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the RecentActivities.html table */
#RecentActivity_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the Contacts.html page */
#contactsGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}
#contactsGrid_table > tbody > tr > td > img,
#contactsGrid_table > tbody > tr > td > div,
#ad_contactsGrid_table > tbody > tr > td > img,
#ad_contactsGrid_table > tbody > tr > td > div {
    margin-right: 10px;
}

/*Code for the Contacts.html page */
#contactsGrid_table td, #ad_contactsGrid_table td {
    vertical-align: middle;
}

/*Code for the Events.html page */
#eventsGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}
.viewType {
    padding: 8px 10px;
}

/*Code for the EventAddEdit modal*/
#EventDatePair > div:nth-child(5) > div > span {
    display: none;
}
#EventDatePair span:first-of-type {
    padding-top: 8px;
}
#EventStartingHour, #EventEndingHour {
    min-width: 74px;
}

@media screen and (max-width: 767px) {
    #EventDatePair span:first-of-type {
        padding-top: 0;
        margin: 5px 0;
        /*float: left;*/
        text-align: left;
    }
}

/*Code for the Task.html page */
#NewTask > a {
    margin-left: -5px;
}
#tasksGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}
.viewPawaslicer {
    margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
    #NewTask > a {
        margin-left: 0;
    }
}

/*Code for the Resources.html page */
#resourcesGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the Users.html page */
#UsersGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the Accounts.html page */
#accountGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the Products.html page */
#ProductGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the TaskTemplate.html page */
#TaskTemplateGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the cat01.html page */
#possalescat01grid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the cat02.html page */
#possalescat02grid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the cus01.html page */
#possalescus01grid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the cus02.html page */
#possalescus02grid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the cus04.html page */
#possalescus04grid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}
/*Code for the cus06.html page */
#possalescus06grid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the pro01.html page */
#possalespro01grid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the pro02.html page */
#possalespro02grid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the pro03.html page */
#possalespro03grid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the pro04.html page */
#possalespro04grid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the reg01.html page */
#possalesreg01grid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the reg02.html page */
#possalesreg02grid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the slt02.html page */
#possalesslt02grid_table > thead > tr:nth-child(2) > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the TaskTemplateQueryBuilder pages */
#TaskTemplateQueryBuilder_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}
#TaskTemplateQueryBuilder_table > tbody > tr > td.sorting_1 {
    white-space: nowrap;
}
#TaskTemplateQueryBuilder_table > tbody > tr > td:not(:first-child) {
    text-align: center;
    white-space: nowrap;
}

/*Code for the AccouontActivity.html page */
#ActivityInProgressGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}
#ActivityHistoryGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the OpportunityActivity.html page */
#activityGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}
#activityGridClose_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the OpportunityContact.html page */
#OpportunityContactGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the OpportunityNote.html page */
#OpportunityNote_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the OpportunityStepHistoric.html page */
#oppHistoryGrid_table > thead > tr > th {
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

/*Code for the TestMap.html page */
.jqvmap-zoomin, .jqvmap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #000000;
    padding: 0px;
    color: white;
    width: 16px;
    height: 16px;
    cursor: pointer;
    line-height: 13px;
    text-align: center;
}

.dataTables_wrapper table {
    margin-top: 0px !important;
}
.noBreakPrintContainer {
    page-break-inside: avoid;
}
.dollar:before {
    content: '$';    
}
.percentage:after {
    content: '%';    
}


.twitter-typeahead {
    width: 100%;
}
.tt-menu {
    text-align: left;
    position: static !important;
}
.typeahead,
.tt-query,
.tt-hint {
    /*width: 396px;*/
    /*height: 30px;*/
    padding: 8px 12px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}
.typeahead {
    background-color: #fff;
}
.typeahead:focus {
    border: 2px solid #0097cf;
}
.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
    color: #999;
}
.tt-menu {
    width: 422px;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}
.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}
.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;
}
.tt-suggestion p {
    margin: 0;
}
.pawa-formquickactionbutton {
    float: right;
}

.pawa-formquickactionbar {
    padding-bottom: 10px;
}

.editablecell {
    color:black;
}
.editablecell-dirty{
    font-style:italic;
    background-color: #E4FDE4 !important;
}
.editablecell-dirty > a{
    background-color: #E4FDE4 !important;
}

.editablecell {
    color:black;
}
.editablecell-dirty{
    font-style:italic;
    background-color: #E4FDE4 !important;
}
.editablecell-dirty > a{
    background-color: #E4FDE4 !important;
}

.pawa-editable-gridcell-indirect {
    text-decoration: underline;
    text-decoration-style: dashed;
    cursor: text;
}

input.pawa-editable-gridcell-indirect {
    text-decoration: none;
    text-decoration-style: none;
    cursor: default;
}

/* Code for the AccountDashboard_Visit.html */
.pawa-visitlist .btn-marginLeft {
    margin-left: 5px;
}
.pawa-visitlist > li {
    margin-left: 0;
    margin-right: 0;
    padding: 20px 10px;
}
.pawa-visitlist > li > div {
    padding-top: 5px;
}

@media screen and (max-width: 1024px) {
    .pawa-visitlist .btn-marginLeft {
        margin-top: 10px;
    }
}

/* Code for the AccountDashboard_ActiveVisit.html */

.visit_note {
    resize: vertical;
}

#visitgoals .alert {
    border-color: #dddddd;
}
.panelHeadingHeight {
    min-height: 40px;
    height: initial;
}
/*.panelHeadingHeight > .row {
    font-size: 12px;
}*/

/* Code for the Dashboard.html */
#dashboard_inventory > .titleSection > .pawaslicer {
    padding-top: 0;
    padding-bottom: 0;
}

/* Code for the AccountDashboard.html */
.accDashboardTableHeader td:not(:first-child) {
    padding-left: 10px;
    vertical-align: top;
}
.accDashboardTableHeader td:nth-of-type(3) {
    padding-left: 3px;
}

/* Code for the searchcontrol.html */
.gridButtonSection > div {
    margin-left: 5px;
}

@media screen and (max-width: 767px) {
    #listing a {
        margin-top: 10px;
    }
    #application a {
        margin-top: 10px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 960px) {
    .createProductBtn {
        margin-top: 15px;
        text-align: center;
    }
}

/* Code for the DataZone.html */
.dropzone .dz-default.dz-message {
    width: 100%;
    background-size: 265px;
    height: 77px;
    margin-left: -138px;
    margin-top: -38.5px;
}
.btnDataZone {
    min-width: 104px;
}
.pawa-editable-gridcell > .has-error{
    background-color: rgba(168, 21, 21, 0.25)
}

#page-content {
    padding-bottom:1px !important;
}

.invalidvalue {
    background-color:seashell;
    border: solid 1px red;
}

.dropdown-menu > .scrollthis {
    height: 400px;
}

.dropdown-menu.notifications
{
    width: 400px;

}

.dropdown-menu.notifications li a i{
	color: white!important;
	padding: 3px 2px;
	margin-top: 2px;
}
.dropdown-menu.notifications li a .msg{
    font: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    overflow: hidden;
    padding: 0 7px;
    width: 285px;
    display:block;
}
.pawafield[disabled] {
    background-color: #f4f4f4 !important;
}

td.reportcell-right {
    text-align:right;
}
td.reportcell-normal {
    font-weight:normal;
}
td.reportcell-bold {
    font-weight:bold;
}
td.reportcell-italic {
    font-style:italic;
}
td.reportcell-center {
    text-align:center;
}

/*section pour dashboard keurig 
JF Lanoue 
2016-07-07*/

.percentpawa {
    width:110px; 
    font-size:44px; 
    padding-top:8px;
}

.pawavalue {
    text-align:center;
    font-size:50px; 
    color:#FF5601; 
    font-weight:lighter; 
    height:80px; 
    padding-top:20px;
}

.pawavaluechart {
    text-align:center;
    font-size:50px; 
    color:#FF5601; 
    font-weight:lighter; 
    height:80px; 
}


.pawaGradRed {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #EB2A2A , #B50E0E); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #EB2A2A, #B50E0E); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #EB2A2A, #B50E0E); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #EB2A2A , #B50E0E); /* Standard syntax */
  color:white;
}

.pawaTitleTile{
    text-align:center; 
    border-bottom-style:solid; 
    border-color:#bbb; 
    border-width:1px;
    height:60px;
    display:table;
    margin-left: 10px;
    margin-right: 10px;
}

.pawaTitleTileFont {
   font-size: 2.0vh;
   text-align:center;
   font-family:Source Sans Pro;
   vertical-align:middle;
   display:table-cell;
   text-align:center;
   width:4000px;
   
}

.pawaTitleTileFont.active {
   font-size: 2.0vh;
   text-align:center;
   font-family:Source Sans Pro;
   vertical-align:middle;
   display:table-cell;
   text-align:center;
   width:4000px;
   background:#e5e5e5;
}

.pawaTitleTileFont.hover {
   font-size: 2.0vh;
   text-align:center;
   font-family:Source Sans Pro;
   vertical-align:middle;
   display:table-cell;
   text-align:center;
   width:4000px;
   background:#f6f6f6;
}

.pawaSubTitleTileFont {
    text-align:center;
    color:gray;
    font-size:small;
    margin-top:-5px;
    display:table-cell;
    width:4000px;
}



/*Begining Expand layout*/
.image-grid {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 5px 0;
}

.image__cell {
  float: left;
  position: relative;
}


.basic__img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.image__cell.is-collapsed .image--basic,.image__cells.is-collapsed .image--basic {
  cursor: pointer;
}

.image__cell.is-expanded .image--expand,.image__cells.is-expanded .image--expand {
  margin-bottom: 10px;
  min-width:745px;
  height:100%;
  min-height:100px;
  max-height:100%;
}

.image--expand {
  position: relative;
  left: -5px;
  padding: 0 5px;
  box-sizing: content-box;
  overflow: hidden;
  background: #222;
  max-height: 0;
  transition: max-height .3s ease-in-out,margin-bottom .1s .2s;
}

.image__cell.is-collapsed .arrow--up {
  height: 10px;
  width: 100%;
  position:fixed;
}

.image__cell.is-expanded .arrow--up {
  border-bottom: 8px solid #404040;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  height: 0;
  width: 0;
  margin: 2px auto 0;
  position:fixed;
  margin-left:15%;
  margin-top:162px
}

.kpi-detail h2{
    color:white;
}

.image--large {
  max-width: 100%;
  height: auto;
  display: block;
  padding: 40px;
  margin: 0 auto;
  box-sizing: border-box;
}

@media only screen and () {

  .image__cell {
     
  }

  .image__cell:nth-of-type(2n+2) .image--expand {
      margin-left: -100%;
  }

  .image__cell:nth-of-type(2n+3) {
      clear:left;
  }

  .image--expand {
      
  }

}

@media only screen and (min-width: 531px) {
  .image__cell {
      
  }
  
  .image__cell:nth-of-type(5n+2) .image--expand {
    margin-left: -100%;
  }

  .image__cell:nth-of-type(5n+3) .image--expand {
    margin-left: -200%;
  }

  .image__cell:nth-of-type(5n+4) .image--expand {
    margin-left: -300%;
  }
  
  .image__cell:nth-of-type(5n+5) .image--expand {
    margin-left: -400%;
  }

  .image__cell:nth-of-type(5n+6) {
    clear: left;
  }
  
  .image--expand {
    
  }
  
}
/*End Expand layout*/
.kpi-cell {
    
}
.kpi-text-vs{
    font-size:10px;
    text-align:center;
     
}
.tiles-footer{
    text-align:center;
    width:100%;
} 

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
  /* iPhone, Android rules here */
  .kpi-cell {
    height:136px;
        position:inherit;
        width:100%;
    }
}

.kpi-cell.is-expanded {
    
}
.kpi-cell .arrow--up{
    position:absolute !important;
    margin-left:49% !important;
}
.kpi-cells{
    width:100%;
}
.kpi-detail-content{
     min-height: 100%;
}
.image--expand {
    margin-left: 0px;
    left:0px;
}
.image--expand {
    background-color:#DCDCDC;
    
}


}
.kpi-cell .arrow--up{
    position:absolute !important;
    margin-left:49% !important;
}
.kpi-cells{
    width:100%;
}
.kpi-detail-content{
     min-height: 100%;
}
.image--expand {
    margin-left: 0px;
    left:0px;
}
.image--expand {
    background-color:#404040;
    
}


.pawatemplate-standardtemplate .pawapages-container {
    min-height: 80vh;
}


.info-tiles, .shortcut-tiles{
   
    display: block;
    
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
    
}

.Pawabtn-round {
    background-color: #71a4e3;
    border-radius: 999em;
    width: 56px;
    height: 56px;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    line-height: 1;
    font-size: 36px;
    position: relative;
    cursor: pointer;
}

.Pawabtn-round span {
    position: absolute;
    left: 0;
    top: 50%;
    height: 100%;
    width: 100%;
    text-align: center;
    margin-top: -18px;
    color: #FFF;
}


.Pawa-title-round {
    background-color: #f7f8fa;
    border-radius: 999em;
    width: 40px;
    height: 40px;
    line-height: 1;
    font-size: 24px;
    position: relative;
    cursor: pointer;
}
.orange {
    background: #f2b257;
}

.gray{
    background: #34434E;
}

.blue{
    background:#71a4e3
}

.grayer{
    background: #4f5259;
}

.Pawa-title-round span {
    position: absolute;
    left: 0;
    top: 50%;
    height: 100%;
    width: 100%;
    text-align: center;
    margin-top: -12px;
    color: #FFF;
}

.cards-title{
    color: black;
    font-weight: bold;
    margin-top: -42px;
    margin-left: 47px;
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.42;
    font-size:medium;
}

.cards-sub-title{
    color: gray;
    margin-top: -4px;
    margin-left: 47px;
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.42;
    font-size:medium;
}
.image-grid{
    
   
}

.info-tiles tiles-primary{
    margin: 10px 0px 10px;
    display: block;
    border-radius: 12px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.mdl-shadow--2dp{
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.mdl-card{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 150px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
}



.progress, .progress-bar{
    max-width:100%
}
.contextual-progress-dashboard:hover{
     background-color: rgba(87, 147, 222, 0.48); 
}
.contextual-progress-dashboard:hover > .progress-title, 
.contextual-progress-dashboard:hover > .progress-percentage  {
    color:white;
} 

.contextual-progress-dashboard.active{
    border-width:0px;
    border-color:#bbbbbb;
    border-style:solid;
    padding-left: 11px!important;
    padding-right: 11px!important;
    padding-bottom: 1px;
    background:rgba(64, 64, 64, 0.34);
    margin-bottom:-2px;
    margin-left:-1px!important;
    margin-right:-1px!important;
}

.contextual-progress-dashboard {
  margin: 20px 0;
}
.contextual-progress-dashboard .progress-percentage {
  float: right;
  position: relative;
}
.contextual-progress-dashboard .label {
  position: absolute;
  right: 32px;
  top: 2px;
  padding: 3px 5px;
}
.contextual-progress-dashboard .progress-title {
  float: left;
}
.contextual-progress-dashboard .progress {
  height: 2px;
  margin: 5px 0 0;
}
.contextual-progress-dashboard:first-child {
  margin-top: 0;
}

.contextual-progress-dashboard{
    padding-left: 10px!important;
    padding-right: 10px!important;
    padding-bottom: 3px;
    margin-bottom:-2px;
}

.panel .panel-body-dashboard{
    padding: 0px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.progress-bar-info-dashboard{
    background:-webkit-linear-gradient(left,#71a4e3,#4f8edc);
}

.table-header-rotated th.row-header{
  width: auto;
}

.table-header-rotated td{
  width: 30px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  vertical-align: middle;
  text-align: center;
}

.table-header-rotated th.rotate-45{
  height: 80px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  position: relative;
  vertical-align: bottom;
  padding: 0;
  font-size: 12px;
  line-height: 0.8;
}

.table-header-rotated th.rotate-45 > div{
  position: relative;
  top: 0px;
  left: 40px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
  height: 100%;
  -ms-transform:skew(-45deg,0deg);
  -moz-transform:skew(-45deg,0deg);
  -webkit-transform:skew(-45deg,0deg);
  -o-transform:skew(-45deg,0deg);
  transform:skew(-45deg,0deg);
  overflow: hidden;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45 span {
  -ms-transform:skew(45deg,0deg) rotate(315deg);
  -moz-transform:skew(45deg,0deg) rotate(315deg);
  -webkit-transform:skew(45deg,0deg) rotate(315deg);
  -o-transform:skew(45deg,0deg) rotate(315deg);
  transform:skew(45deg,0deg) rotate(315deg);
  position: absolute;
  bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/
  left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
  // width: 100%;
  width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  text-align: left;
  // white-space: nowrap; /*whether to display in one line or not*/
}


.active-region-distribution{
    fill: black;
    fill-opacity: .3; 
}

.divInAutoReport {
     white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
     white-space: -pre-wrap;      /* Opera 4-6 */
     white-space: -o-pre-wrap;    /* Opera 7 */
     white-space: pre-wrap;       /* css-3 */
     word-wrap: break-word;       /* Internet Explorer 5.5+ */
     word-break: normal;
     white-space: normal;
}
#printActivityDashboard{
    float: right;
    margin-right: 20px;
}
.tiles-footer{
    min-height:30px;
}
.tiles-footer span:nth-child(1){
   float:left;
   padding-top: 2px;
   padding-left:5px;
   padding-right:5px;
}
.tiles-footer span:nth-child(2){
   margin:auto;
   padding-left:5px;
   padding-right:5px;
}
.tiles-footer span:nth-child(3){
   float:right;
   padding-top: 2px;
   padding-left:5px;
   padding-right:5px;
}

div.dataTables_processing { z-index: 1; }


.alignright{
    text-align:right;
}

.img-productsheet.active{
    background-color: lightgoldenrodyellow;
}

.pawafield-url{
    color:dodgerblue;cursor:pointer;
}
.pawafield-url:hover {
    text-decoration:underline;
}
.textarea-label {
    word-wrap: break-word;
    width: 100%;
    left: -7px;
    background-color: lightyellow;
    border: 1px solid rgba(0, 0, 0, 0.50);
}
pre {
    white-space: pre-wrap; /* Since CSS 2.1 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.dashboard-progress-kpi-negative {
    background-color: rgba(255, 0, 0, 0.3);
}

.dashboard-progress-kpi-positive {
    background-color: rgba(144, 238, 144, 0.53);
}

input:disabled, input[disabled] {
    background: #f4f4f4 !important;
}


.help-vue-error {
    display: block;
    color: #a81515;
}
.restricted-feature{
    display:none !important;
}