#myModalArcaWidth {
    width: 600px;
}

.gridArca {
    padding: 6px 6px;
    /*border: 1px solid rgb(212,212,212);*/
    width: 380px;
    height: 170px;
}

select::-ms-expand {
    border: 0 !important;
    display: none;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/img/arrow.png) no-repeat;
    background-position: 600px 10px;
}
.sTextBox6{
    height:30px;
}

.tblArca1 {
    width:100%; 
    font-family: 'Mongolian Baiti'; 
    padding-top: 6px;
    text-align:center; 
    color:white; 
    height:35px;
    background: rgba(107,81,64,1);
    background: -moz-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(107,81,64,1)), color-stop(36%, rgba(107,81,64,1)), color-stop(42%, rgba(93,67,50,1)), color-stop(53%, rgba(66,41,24,1)));
    background: -webkit-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -o-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -ms-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: linear-gradient(to bottom, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);    
    font-size: 16px; 
    border-top-left-radius:6px;
    border-top-right-radius:6px
}
.tblArca2 {
    background-color:antiquewhite;
    font-size: 13px; 
    text-align:left;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
}

.DdlArca {
  display: block;
  width: 100%;
  min-height: 30px;
  /*padding: 0px 5px;*/
  font-size: 14px;
  font-weight:bold;
  /*line-height: 1.428571429;*/
  color: rgba(24, 41, 24, 0.8);
  vertical-align: middle;
  /*background-color: #ffffff;*/
  border: 1px solid rgba(107,81,64,1);
  border-radius: 3px;
  -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);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.DdlArca:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.BgArca1 {
    background:rgba(255, 255, 255, 0.6);
    border-radius:5px;
    color:#696969;
    font-weight:bold;
    cursor: pointer;
    height:30px;
    padding: 5px 20px 10px 20px;
    width:100%;
}

.BgGradiantBrownMrDoeArca{
    /*background: rgba(107,81,64,1);
    background: -moz-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(107,81,64,1)), color-stop(36%, rgba(107,81,64,1)), color-stop(42%, rgba(93,67,50,1)), color-stop(53%, rgba(66,41,24,1)));
    background: -webkit-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -o-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -ms-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: linear-gradient(to bottom, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);*/ 
    border:none;
}

.tblArca3 {
    background: rgba(107,81,64,1);
    background: -moz-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(107,81,64,1)), color-stop(36%, rgba(107,81,64,1)), color-stop(42%, rgba(93,67,50,1)), color-stop(53%, rgba(66,41,24,1)));
    background: -webkit-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -o-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -ms-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: linear-gradient(to bottom, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%); 
    height:100%; 
    border-bottom-left-radius:6px; 
    border-top-left-radius:6px;
}

.tblArca4 {
    background-color:antiquewhite;
    font-size: 13px; 
    text-align:left;
    border-radius:6px;
}

.userColor {
    color: rgba(107,81,64,1); 
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    position: absolute;
    background-color:antiquewhite; 
    opacity:0;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    text-decoration: none;
    display:block;
}

.dropdown-content a:hover {
    background-color:rgba(67, 41, 24, 0.9); 
}

.dropdown:hover .dropdown-content {
    opacity:1;
    transition:opacity 1s linear;
}
/*!
 * Cropper v2.3.4
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2016 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2016-09-03T05:50:45.412Z
 */
.cropper-container {
  font-size: 0;
  line-height: 0;

  position: relative;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  direction: ltr !important;
}

.cropper-container img {
  display: block;

  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;

  image-orientation: 0deg !important;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box {
  overflow: hidden;
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;

  filter: alpha(opacity=0);
}

.cropper-modal {
  opacity: .5;
  background-color: #000;

  filter: alpha(opacity=50);
}

.cropper-view-box {
  display: block;
  overflow: hidden;

  width: 100%;
  height: 100%;

  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, .75);
}

.cropper-dashed {
  position: absolute;

  display: block;

  opacity: .5;
  border: 0 dashed #eee;

  filter: alpha(opacity=50);
}

.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;

  width: 100%;
  height: 33.33333%;

  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;

  width: 33.33333%;
  height: 100%;

  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;

  display: block;

  width: 0;
  height: 0;

  opacity: .75;

  filter: alpha(opacity=75);
}

.cropper-center:before,
.cropper-center:after {
  position: absolute;

  display: block;

  content: ' ';

  background-color: #eee;
}

.cropper-center:before {
  top: 0;
  left: -3px;

  width: 7px;
  height: 1px;
}

.cropper-center:after {
  top: -3px;
  left: 0;

  width: 1px;
  height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;

  display: block;

  width: 100%;
  height: 100%;

  opacity: .1;

  filter: alpha(opacity=10);
}

.cropper-face {
  top: 0;
  left: 0;

  background-color: #fff;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;

  width: 5px;

  cursor: e-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;

  height: 5px;

  cursor: n-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;

  width: 5px;

  cursor: w-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;

  height: 5px;

  cursor: s-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;

  opacity: .75;
  background-color: #39f;

  filter: alpha(opacity=75);
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;

  margin-top: -3px;

  cursor: e-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;

  margin-left: -3px;

  cursor: n-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;

  margin-top: -3px;

  cursor: w-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;

  margin-left: -3px;

  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;

  cursor: ne-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;

  cursor: nw-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;

  cursor: sw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;

  width: 20px;
  height: 20px;

  cursor: se-resize;

  opacity: 1;

  filter: alpha(opacity=100);
}

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;

  display: block;

  width: 200%;
  height: 200%;

  content: ' ';

  opacity: 0;
  background-color: #39f;

  filter: alpha(opacity=0);
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;

    opacity: .75;

    filter: alpha(opacity=75);
  }
}

.cropper-invisible {
  opacity: 0;

  filter: alpha(opacity=0);
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  position: absolute;

  display: block;

  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

        .navlinkTownCouncil > li > a {
            color: #555555;
        }
        #nav ul li a {
            border-radius: 0px;
            border: 1px solid rgba(255, 255, 255, 0.8);
        }
        #nav ul li a:link {
            background-color: rgba(255, 255, 255, 0.8);
        }

        .navlinkTownCouncil > li.active > a, .navlinkTownCouncil > li.active > a:hover, .navlinkTownCouncil > li.active > a:focus {
            color:#ffffff;
            cursor: default;
            background-color: rgba(68,42,24,0.7);
            border: 1px solid rgba(68,42,24,0.7);
            border-bottom-color: transparent;
        }
.navbar-nav {
    width: 95%;
    text-align: center;
}
.navbar-nav > li {
    float: none;
    display: inline-block;
}
#imgphoto {
    position: absolute;
}

#Photo {
    position: relative;
    width: 250px;
    height: 250px;
}

#Photo:hover #imgtexte {
    opacity: 1;
}

.BrownGradient {
    width:100%; 
    font-family: 'Mongolian Baiti'; 
    font-weight:normal;
    padding-top: 6px;
    text-align:center; 
    color:white; 
    height:35px;
    background: rgba(107,81,64,0.5);
    /*background: -moz-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,0.5) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(107,81,64,1)), color-stop(36%, rgba(107,81,64,1)), color-stop(42%, rgba(93,67,50,1)), color-stop(53%, rgba(66,41,24,1)));
    background: -webkit-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -o-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -ms-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: linear-gradient(to bottom, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);*/    
    font-size: 16px; 
    border-radius:6px;
}

#imgtexte {
    opacity: 0;
    position: absolute;
    top: 210px;
    color: white;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    background-color: rgba(68,42,24,0.8);
    padding: 4px;
}

#imgtexte:hover {
    background-color: rgba(68,42,24,0.9);
    color: gray;
}

#FileUp {
    position: relative;
}





/* Basic */

body {
    margin: 0;
    overflow-x: hidden;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.browserupgrade {
    margin: 0;
    padding: .5em 1em;
    background-color: #fcfcfc;
    text-align: center;
}

header {
    padding-top: 10px;
    background-color: lightblue;
}

.btn-upload {
    font-size: 22px;
    font-weight: bold;
}

/* Header */

.docs-header {
    margin-bottom: 0;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
    border-color: #0074d9;
}

.navbar-toggle .icon-bar {
    background-color: #0074d9;
}

/* Jumbotron */

.docs-jumbotron {
    background-color: #0074d9;
    color: #fff;
}

    .docs-jumbotron .version {
        font-size: 14px;
        color: #fff;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }


/* Content */

.img-container {
    background-image: url(/img/users/Unknown.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50% 100%;
    width: 100%;
    text-align: center;
}

.img-container {
    min-height: 250px;
    max-height: 200px;
    margin-bottom: 20px;
}

@media (min-width: 250px) {
    .img-container {
        min-height: 250px;
    }
}

.img-container > img {
    max-width: 100%;
}

.docs-preview {
    margin-right: -15px;
}

.img-preview {
    /*background-image: url(photo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;*/
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

    .img-preview > img {
        max-width: 100%;
    }

.preview-lg {
    width: 148px;
    height: 148px;
    border-radius: 75%;
}

.preview-md {
    width: 148px;
    height: 148px;
}

.preview-sm {
    width: 69px;
    height: 39px;
}

.preview-xs {
    width: 35px;
    height: 20px;
    margin-right: 0;
}

.docs-data > .input-group {
    margin-bottom: 10px;
}

    .docs-data > .input-group > label {
        min-width: 80px;
    }

    .docs-data > .input-group > span {
        min-width: 50px;
    }

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
    margin-right: 5px;
    margin-bottom: 10px;
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
    margin-bottom: 10px;
}

.docs-tooltip {
    display: block;
    margin: -6px -12px;
    padding: 6px 12px;
}

    .docs-tooltip > .icon {
        margin: 0 -3px;
        vertical-align: top;
    }

.tooltip-inner {
    white-space: normal;
}

.btn-upload .tooltip-inner {
    white-space: nowrap;
}

@media (max-width: 400px) {
    .btn-group-crop {
        margin-right: -15px !important;
    }

        .btn-group-crop > .btn {
            padding-left: 5px;
            padding-right: 5px;
        }

        .btn-group-crop .docs-tooltip {
            margin-left: -5px;
            margin-right: -5px;
            padding-left: 5px;
            padding-right: 5px;
        }
}

.docs-options .dropdown-menu {
    width: 100%;
}

    .docs-options .dropdown-menu > li {
        padding: 3px 20px;
    }

        .docs-options .dropdown-menu > li:hover {
            background-color: #f7f7f7;
        }

        .docs-options .dropdown-menu > li > label {
            display: block;
        }

.docs-cropped .modal-body {
    text-align: center;
}

    .docs-cropped .modal-body > img,
    .docs-cropped .modal-body > canvas {
        max-width: 100%;
    }


/* Footer */

.docs-footer {
    overflow: hidden;
}

.heart {
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #ddd;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}

    .heart:hover {
        color: #ff4136;
    }

    .heart:before {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        display: block;
        height: 0;
        border-top: 1px solid #eee;
        content: " ";
    }

    .heart:after {
        position: relative;
        z-index: 1;
        padding-left: 8px;
        padding-right: 8px;
        background-color: #fff;
        content: "♥";
    }


.tblRnipp1 {
    width:100%; 
    font-family: 'Mongolian Baiti'; 
    padding-top: 6px;
    text-align:center; 
    color:white; 
    height:35px;
    background-color:rgba(67, 41, 24, 0.9); 
    font-size: 16px; 
    border-top-left-radius:6px;
    border-top-right-radius:6px
}
.tblRnipp2 {
    background-color:antiquewhite;
    font-size: 13px; 
    text-align:left;
    border-radius:6px;
}
.tblRnipp3 {
    margin:5px; 
    border-spacing:5px;
}
.tblRnipp4 {
    border: none 0px #D1D1D1;
	border-radius: 5px;
	background-color:rgba(255, 255, 255, 0.5);
    color: #442A18;
    border-spacing:0px;
}

ul[name^="ulSearch"] > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #ffffff;
    white-space: nowrap;
    font-family: Arial;
}

    ul[name^="ulSearch"] > li > a:hover {
        color: rgba(68,42,24,1);
        text-decoration: none;
        background: #ffffff;
        font-family: Arial;
    }

        .navbar-nav {
            width: 95%;
            text-align: center;
        }
        .navbar-nav > li {
            float: none;
            display: inline-block;
        }


.navTabsSynthese {
    border-bottom: 1px solid #98bede;
    background-color: rgba(0, 23, 41, 0.6)
}

    .navTabsSynthese > li > a {
        margin-right: 2px;
        line-height: 1.428571429;
        border: 1px solid transparent;
        border-radius: 0;
        color: #ffffff;
        border-right: 1px solid #98bede;
        border-bottom: 1px solid #98bede;
        margin: 0;
    }

        .navTabsSynthese > li > a:hover {
            border-color: #eeeeee #eeeeee #b35c22;
            margin: 0;
            border-radius: 0;
            background-color: aliceblue;
            color: #555555;
            text-shadow: none;
            cursor: pointer;
        }

    .navTabsSynthese > li.active > a,
    .navTabsSynthese > li.active > a:hover,
    .navTabsSynthese > li.active > a:focus {
        color: #1b223e;
        text-shadow: none;
        cursor: pointer;
        background: linear-gradient(to bottom, #deefff 0%,#98bede 100%);
        border: 1px solid #98bede;
        border-bottom-color: #98bede;
        border-radius: 0;
        border-width: 0;
        border-bottom-width: 1px;
        margin: 0;
    }

.btnSyntheBlue {
    background: linear-gradient(to bottom, rgba(137,160,190,1) 0%, rgba(88,119,162,1) 50%, rgba(72,106,154,1) 51%, rgba(74,108,155,1) 100%);
    text-align: center;
    border-radius: 4px;
    margin: 5px;
    padding: 3px;
    cursor: pointer;
    margin: 10px;
}

.btnSyntheGreen {
    background: linear-gradient(to bottom, rgb(121, 179, 92) 0%, rgb(58, 138, 24) 50%, rgb(48, 107, 29) 51%, rgb(34, 132, 32) 100%);
    text-align: center;
    border-radius: 4px;
    margin: 5px;
    padding: 3px;
    cursor: pointer;
    margin: 10px;
}

.btnSyntheRed {
    background: linear-gradient(to bottom, rgb(190, 137, 137) 0%, rgb(162, 88, 88) 50%, rgb(105, 24, 24) 51%, rgb(123, 69, 69) 100%);
    text-align: center;
    border-radius: 4px;
    margin: 5px;
    padding: 3px;
    cursor: pointer;
    margin: 10px;
}

.gridPB {
    padding: 6px 6px;
    border: 0px solid #d4d4d4;
    width: 380px;
    height: 390px;
}

.gridADD {
    padding: 6px 6px;
    border: 0px solid #d4d4d4;
    width: 380px;
    height: 390px;
}

.gridRnippResearch {
    padding: 6px 6px;
    /*border: 1px solid rgb(212,212,212);*/
    width: 350px;
    height: 100%;
}

.gridMailing {
    padding: 6px 6px;
    /*border: 1px solid rgb(212,212,212);*/
    width: 550px;
    height: 300px;
    text-shadow:none;
}

.motclef{
    text-decoration:underline;
    color:#156fa9;
    text-align:left;
    cursor:pointer;
    padding:3px;
}

.ui-grid {
  border: 0px solid #d4d4d4;
  box-sizing: content-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 10px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.ui-grid .ui-grid-render-container-body .ui-grid-viewport {
  overflow-y: auto !important;
  border-bottom: 1px solid #d4d4d4;
}

#uiGridHistoricalCampaigns .ui-grid-viewport.ng-isolate-scope[style] {
    height: auto !important;
    border: none;
}

.gridMailing .ui-grid-menu-button {
    background: -webkit-linear-gradient(top, #89A0BE 0%,#5877A2 50%,#486A9A 51%,#4A6C9B 100%);
    background: rgba(107,81,64,1);
    background: -moz-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(107,81,64,1)), color-stop(36%, rgba(107,81,64,1)), color-stop(42%, rgba(93,67,50,1)), color-stop(53%, rgba(66,41,24,1)));
    background: -webkit-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -o-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -ms-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: linear-gradient(to bottom, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%); 
    color: #ffffff;
    height:27px;
    border:0px;
}

.gridMailing .ui-grid-footer-cell {
    background: -webkit-linear-gradient(top, #89A0BE 0%,#5877A2 50%,#486A9A 51%,#4A6C9B 100%);
    background: rgba(107,81,64,1);
    background: -moz-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(107,81,64,1)), color-stop(36%, rgba(107,81,64,1)), color-stop(42%, rgba(93,67,50,1)), color-stop(53%, rgba(66,41,24,1)));
    background: -webkit-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -o-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -ms-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: linear-gradient(to bottom, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%); 
    color: #ffffff;
    height:27px;
    border:0px;
}

.gridMailing .ui-grid-cell-contents{
    font-size:12px;
    text-align: left;
}

.gridMailing .ui-grid-header-cell-wrapper {
    background: rgba(107,81,64,1);
    background: -moz-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(107,81,64,1)), color-stop(36%, rgba(107,81,64,1)), color-stop(42%, rgba(93,67,50,1)), color-stop(53%, rgba(66,41,24,1)));
    background: -webkit-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -o-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -ms-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: linear-gradient(to bottom, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
}

.gridMailing .ui-grid-header-cell {
    background: rgba(107,81,64,1);
    background: -moz-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(107,81,64,1)), color-stop(36%, rgba(107,81,64,1)), color-stop(42%, rgba(93,67,50,1)), color-stop(53%, rgba(66,41,24,1)));
    background: -webkit-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -o-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: -ms-linear-gradient(top, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%);
    background: linear-gradient(to bottom, rgba(107,81,64,1) 0%, rgba(107,81,64,1) 36%, rgba(93,67,50,1) 42%, rgba(66,41,24,1) 53%); 
    color: #ffffff;
    font-weight:normal;
    font-size: 12px;
}

.ui-grid-viewport .ui-grid-cell-contents {
  word-wrap: break-word;
  white-space: normal !important;
}

.ui-grid-row, .ui-grid-cell {
  height: auto !important;
}

.ui-grid-row div[role=row] {
  display: flex ;
  align-content: stretch;
}

.ui-grid-header-cell {
    background: rgba(137,160,190,1);
    background: -webkit-linear-gradient(top, #89A0BE 0%,#5877A2 50%,#486A9A 51%,#4A6C9B 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(137,160,190,1)), color-stop(50%, rgba(88,119,162,1)), color-stop(51%, rgba(72,106,154,1)), color-stop(100%, rgba(74,108,155,1)));
    background: -webkit-linear-gradient(top, rgba(137,160,190,1) 0%, rgba(88,119,162,1) 50%, rgba(72,106,154,1) 51%, rgba(74,108,155,1) 100%);
    background: -o-linear-gradient(top, rgba(137,160,190,1) 0%, rgba(88,119,162,1) 50%, rgba(72,106,154,1) 51%, rgba(74,108,155,1) 100%);
    background: -ms-linear-gradient(top, rgba(137,160,190,1) 0%, rgba(88,119,162,1) 50%, rgba(72,106,154,1) 51%, rgba(74,108,155,1) 100%);
    background: linear-gradient(to bottom, rgba(137,160,190,1) 0%, rgba(88,119,162,1) 50%, rgba(72,106,154,1) 51%, rgba(74,108,155,1) 100%); 
    font-weight:normal;
    font-size: 12px;
    color: #ffffff;
}