/*
you can use bootstrap mixin from vendor/twbs/bootstrap
This file combine mixin files from vendor/twbs/bootstrap/less/mixin folder
For example, create a new bootstrap button easily with
.btn-specific {
  .button-variant(@btn-specific-color; @btn-specific-bg; @btn-specific-border);
}

*/
/* -------------------------------------------------------------------------
                  IMPORT FONTS
 ------------------------------------------------------------------------- */
/*
@font-face {
    font-family: 'Allianz Sans';
    src: url('../../fonts/Allianz Sans/Allianz Sans.eot');
    src: url('../../fonts/Allianz Sans/Allianz Sans.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Allianz Sans/Allianz Sans.woff') format('woff'),
    url('../../fonts/Allianz Sans/Allianz Sans.woff2') format('woff2'),
    url('../../fonts/Allianz Sans/Allianz Sans.ttf') format('truetype'),
    url('../../fonts/Allianz Sans/Allianz Sans.svg#Allianz Sans') format('svg');
}
*/
@font-face {
  font-family: "Allianz Sans";
  src: url('../../fonts/ALSANREG/ALSANREG.eot');
  src: url('../../fonts/ALSANREG/ALSANREG.eot?#iefix') format("embedded-opentype"), url('../../fonts/ALSANREG/ALSANREG.svg#ALSANREG') format("svg"), url('../../fonts/ALSANREG/ALSANREG.woff') format("woff"), url('../../fonts/ALSANREG/ALSANREG.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Allianz Sans";
  src: url('../../fonts/ALSANBOL/ALSANBOL.eot');
  src: url('../../fonts/ALSANBOL/ALSANBOL.eot?#iefix') format("embedded-opentype"), url('../../fonts/ALSANBOL/ALSANBOL.svg#ALSANBOL') format("svg"), url('../../fonts/ALSANBOL/ALSANBOL.woff') format("woff"), url('../../fonts/ALSANBOL/ALSANBOL.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Allianz Sans";
  src: url('../../fonts/ALSANLIG/ALSANLIG.eot');
  src: url('../../fonts/ALSANLIG/ALSANLIG.eot?#iefix') format("embedded-opentype"), url('../../fonts/ALSANLIG/ALSANLIG.svg#ALSANLIG') format("svg"), url('../../fonts/ALSANLIG/ALSANLIG.woff') format("woff"), url('../../fonts/ALSANLIG/ALSANLIG.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
}
h1 {
  margin-top: 20px;
  text-align: left;
  font-family: "Allianz Sans", Helvetica, Arial, sans-serif;
  color: #51626f;
  font-size: 40px;
  line-height: 55px;
  margin-left: 40px;
  margin-right: 40px;
  border-bottom: 2px solid rgba(81, 98, 111, 0.2);
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 20px;
    line-height: 1.4;
  }
  h1 span {
    font-size: 16px;
  }
}
h3 {
  font-size: 20px;
  font-family: "Allianz Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #28262b;
  line-height: 1em;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: italic;
}
h5 {
  font-weight: 700;
}
a {
  color: #003781;
  text-decoration: none;
}
a:hover {
  color: #004e92;
}
.modalLoader {
  font-size: 10px;
  margin-right: 10px;
}
/* EULER HERMES */
/* -------------------------------------------------------------------------
								  COMMON
 ------------------------------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  background-color: #ffffff;
  font-family: "Allianz Sans", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #51626f;
  padding-bottom: 75px !important;
  height: auto !important;
}
@media only screen and (max-width: 768px) {
  body {
    padding-bottom: 110px;
  }
}
.empty-space {
  height: 40px;
}
.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
/* --------------------------
	 PAGE TABLE CONTAINER
 ---------------------------- */
.tab-container {
  z-index: 10;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid rgba(81, 98, 111, 0.2);
  margin: 20px 40px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.tab-container .legend {
  width: 100%;
  background-color: #ededed;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.tab-container .legend .legend-title + ul {
  display: inline;
}
.tab-container .legend .legend-title + ul li {
  display: inline-block;
  margin-right: 2%;
}
.tab-content {
  margin-top: 30px;
  margin-bottom: 30px;
}
.modal-content {
  z-index: 1;
}
.docSum {
  font-size: 18px;
}
/* --------------------------
	        MODALS
 ---------------------------- */
.modal-doc {
  height: 90%;
}
.modal-doc .modal-content {
  height: 100%;
}
.modal-doc .modal-content .modal-body {
  height: 88%;
}
@media screen and (max-height: 650px) {
  .modal-doc .modal-content .modal-body {
    height: 86%;
  }
}
@media screen and (min-height: 802px) {
  .modal-doc .modal-content .modal-body {
    height: 92%;
  }
}
.modal-doc .modal-content .modal-body #arenderModalBox {
  height: 100%;
}
.modal-doc .modal-content .modal-footer {
  border-top: none;
}
.modal-content .modal-body .versionViewerRow {
  cursor: pointer;
}
.modal-content .modal-body .versionViewerRow:hover {
  background-color: rgba(81, 98, 111, 0.08);
}
.modal-doc .modal-content .modal-docVersion {
  height: 70%;
}
@media screen and (max-height: 650px) {
  .modal-doc .modal-content .modal-docVersion {
    height: 60%;
  }
}
@media screen and (min-height: 802px) {
  .modal-doc .modal-content .modal-docVersion {
    height: 75%;
  }
}
.modal-doc .modal-content .modal-docVersion #arenderModalBox {
  height: 100%;
}
.modal-doc .modal-content .modal-docVersion + .modal-footer {
  border-top: none;
  text-align: left;
  padding-top: 0;
}
/* --------------------
	 MODAL Attachment
 ---------------------- */
.edit-attach {
  font-size: 20px;
  font-weight: bold;
  position: relative;
}
.edit-attach:after {
  position: absolute;
  width: 100%;
  height: 175px;
  background: rgba(81, 98, 111, 0.08);
  display: block;
  content: '';
  left: 0px;
  top: 0px;
  box-shadow: 0px 0 0px 20px rgba(81, 98, 111, 0.08);
  z-index: -1;
}
#send-attach-form label.required:after {
  right: 30px;
}
#send-attach-form .btn-blue {
  margin-left: 15px;
}
/* -------------------------------------------------------------------------
                  360 view
 ------------------------------------------------------------------------- */
/*.search-box {
  background-color: #f3f3f4;
  padding-top: 30px;
  padding-bottom: 25px;
  margin-bottom: 20px;
  text-align: center;
}*/
/* --------------------------
	     EMAIL ALERTS
 ---------------------------- */
/* form settings */
#setting_edit_form_language:required:invalid,
#document_upload_form_language:required:invalid {
  color: #999999;
}
#setting_edit_form_language option,
#document_upload_form_language option {
  color: #555555;
}
#setting_edit_form_language option.placeholder,
#document_upload_form_language option.placeholder {
  display: none;
}
/* --------------------------
	     UI OVERRIDE
 ---------------------------- */
.ui-front {
  z-index: 2000;
}
/* --------------------------
	    DASHBOARD LOADER
 ---------------------------- */
.widget-loader {
  min-height: 140px;
  background-image: -webkit-linear-gradient(top, #eef0f1 0%, #e2e2e3 100%);
  background-image: -o-linear-gradient(top, #eef0f1 0%, #e2e2e3 100%);
  background-image: linear-gradient(to bottom, #eef0f1 0%, #e2e2e3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeef0f1', endColorstr='#ffe2e2e3', GradientType=0);
  padding: 15px 0;
  margin-bottom: 20px;
  border-radius: 4px 4px 0 0;
  text-align: center;
}
.widget-loader .fa-spinner {
  margin: 0 auto;
  margin-top: 28px;
}
/* --------------------------
	    EXTRA STYLES
 ---------------------------- */
.center {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.italic {
  font-style: italic;
}
.margin-top-40 {
  margin-top: 40px;
}
#alertNewContracts {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  height: auto;
  line-height: 10px;
  font-size: 16px;
  text-align: center;
  margin-bottom: 0px;
  border-radius: 0;
  line-height: 25px;
  padding: 5px;
}
#alertNewContracts #hideNewContractAlert {
  text-decoration: underline;
  margin-left: 5px;
  white-space: nowrap;
}
#alertNewContracts #hideNewContractAlert:hover {
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  #alertNewContracts {
    height: auto;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/* -------------------------------------------------------------------------
								  HEADER
 ------------------------------------------------------------------------- */
.page-header {
  background-color: #ffffff;
  margin: 0 -15px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.page-header .row {
  margin: 0;
}
/* -------------------------------
              TOP BAR
 --------------------------------- */
.top-bar {
  background-color: #003781;
  text-align: right;
  padding-bottom: 14px;
}
@media only screen and (max-width: 992px) {
  .top-bar {
    background-color: #ffffff;
  }
}
.top-bar .welcome-message {
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
  font-family: 'Allianz Sans', Helvetica, Arial, sans-serif;
  display: inline-block;
  color: #d4d4d4;
  padding-right: 1em;
  font-size: 11px;
}
.top-bar .welcome-message a {
  color: #ffffff;
}
.top-bar .welcome {
  display: inline-block;
}
.top-bar .welcome-mobile {
  margin-left: 10px;
}
.top-bar .logo-mobile {
  text-align: center;
}
.top-bar .connexion-link {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: right;
  display: inline-block;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  .top-bar .connexion-link {
    margin-right: 11px;
  }
}
.top-bar .connexion-link li a {
  padding-left: 33px;
  position: relative;
}
.top-bar .connexion-link li a i {
  position: absolute;
  left: 8px;
  top: 4px;
  font-size: 17px;
}
.top-bar #settingsDropdown {
  left: auto;
  right: 0;
  float: right;
}
.top-bar .settings:hover {
  background-color: white;
}
.top-bar .dropdown.dropdown-lg .dropdown-menu {
  /*margin-top: -1px;*/
  padding: 6px 20px;
}
/* ------------------------------
            NAVIGATION
 -------------------------------- */
.logo {
  margin-top: 13px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  .logo {
    margin-bottom: 20px;
  }
}
#logoHeader {
  width: 260px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .menubar {
    width: 71%;
  }
}
.menubar .navbar {
  margin-bottom: 0px !important;
}
.menubar .navbar .navbar-nav {
  /* full lenght buttons*/
  display: table;
  width: 100%;
  table-layout: fixed;
}
@media only screen and (max-width: 992px) {
  .menubar .navbar .navbar-nav {
    margin: 0;
  }
}
.menubar .navbar .navbar-nav li {
  /*margin-top: -1px;*/
  position: relative;
  display: inline-block;
  margin-bottom: -2px;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  /* full lenght buttons*/
  /*float: none;
                display: table-cell;
                width:100%;*/
  /*@media only screen and (max-width: 768px) {
                  margin-left: -3px;
                }*/
  /*&:before {
                  content: '';
                  width: 1px;
                  height: 72px;
                  top: 0px;
                  right: -1px;
                  z-index: 1;
                  display: block;
                  position: absolute;
                  background-color: @eh-gray-20;

                  @media only screen and (max-width: 991px) {
                    height: 62px;
                  }

                  @media only screen and (max-width: 640px) {
                    width: 100%;
                    height: 1px;
                    top: 62px;
                  }

                }*/
}
.menubar .navbar .navbar-nav li:last-child {
  border-right: 1px solid #e5e5e5;
}
@media only screen and (max-width: 992px) {
  .menubar .navbar .navbar-nav li:last-child {
    border-right: 0px;
    border-bottom: 0px;
  }
}
@media only screen and (max-width: 992px) {
  .menubar .navbar .navbar-nav li:first-child {
    border-top: 1px solid #e5e5e5;
  }
  .menubar .navbar .navbar-nav li:first-child a {
    -webkit-box-shadow: inset 0px 6px 12px -8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 6px 12px -8px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 6px 12px -8px rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width: 992px) {
  .menubar .navbar .navbar-nav li {
    display: block;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    border-left: 0px;
    width: 100%;
  }
}
.menubar .navbar .navbar-nav li:last-child:before {
  content: '';
  display: none;
}
.menubar .navbar .navbar-nav li a {
  margin-right: 0;
  font-size: 14px;
  font-family: 'Allianz Sans', Helvetica, Arial, sans-serif;
  color: #51626f;
  padding: 13px 10px 7px 10px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  min-width: 200px;
  text-align: center;
  width: 100%;
  /* full lenght buttons*/
  /*width:100%;*/
  /*
                              @media only screen and (max-width: @screen-md) {
                                color:@eh-gray;
                                padding: 7px 17px;
                              }*/
}
@media only screen and (max-width: 992px) {
  .menubar .navbar .navbar-nav li a {
    color: #51626f;
    width: 100%;
    min-width: 100px;
    padding: 20px 17px;
    padding-bottom: 14px;
  }
}
.menubar .navbar .navbar-nav li a:hover {
  background-color: #ededed;
}
@media only screen and (max-width: 992px) {
  .menubar .navbar .navbar-nav li a:hover {
    color: #51626f;
  }
}
.menubar .navbar .navbar-nav li a i {
  font-size: 33px;
  display: block;
  margin: 0 auto;
  text-align: center;
  /*position: absolute;
                        top:  -5px;*/
}
@media only screen and (max-width: 992px) {
  .menubar .navbar .navbar-nav li a i {
    float: left;
    margin-top: -6px;
  }
}
.menubar .navbar .navbar-nav #pageActive a {
  color: #003781;
  /*.box-shadow(0px 6px 0px 0px @eh-blue-btn);
                    margin-top: 6px;*/
}
.navbar-toggle {
  color: #003781;
  font-size: 30px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: block !important;
  }
}
.navbar-toggle .menuicon {
  display: block;
}
.navbar-toggle .menuicon-collapsed {
  display: none;
}
.navbar-toggle.collapsed .menuicon {
  display: none;
}
.navbar-toggle.collapsed .menuicon-collapsed {
  display: block;
}
#dropdownNewDoc {
  left: auto;
  right: 14px;
  min-width: 184px;
}
#dropdownNewDoc li:first-child {
  padding-left: 12px;
}
/* Responsive menu nav */
.visible-mobile {
  display: none !important;
}
.visible-mobile-block {
  display: none !important;
}
.hidden-mobile {
  display: inline-block !important;
}
.hidden-mobile-block {
  display: block !important;
}
@media (max-width: 992px) {
  .visible-mobile {
    display: inline-block !important;
  }
  .visible-mobile-block {
    display: block !important;
  }
  .hidden-mobile {
    display: none !important;
  }
  .hidden-mobile-block {
    display: none !important;
  }
}
.burger .line {
  width: 30px;
  height: 2px;
  background-color: #51626f;
  margin: 8px auto;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.burger:hover {
  cursor: pointer;
}
.burger:not(.collapsed) .line:nth-child(2) {
  opacity: 0;
}
.burger:not(.collapsed) .line:nth-child(1) {
  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
  width: 32px;
}
.burger:not(.collapsed) .line:nth-child(3) {
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
  width: 32px;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .navbar-collapse.collapse {
    display: none !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
  }
}
/* Select Policies on top header */
/* --------------------------
	     UI OVERRIDE
 ---------------------------- */
.ui-front {
  display: block;
  z-index: 2000;
  max-height: 420px;
  /* 15 elements visibles */
  min-width: 330px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media only screen and (max-width: 330px) {
  .ui-front {
    min-width: 250px;
    max-width: 280px;
    max-height: 450px;
    /* 9 elements visibles on smaller mobiles */
  }
}
/* -------------------------------------------------------------------------
							    BUTTONS
 ------------------------------------------------------------------------- */
.btn:not(.toogle):not(.toogle-oon):not(.toogle-off):not(.toogle-handle):not(.btn-circle):not(.btn-circle-sm) {
  padding: 0.5em 2em;
}
.btn-default {
  color: #003781;
  background-color: #ffffff;
  border-color: #003781;
}
.btn-default:hover {
  color: white;
  background-color: #003781;
  border-color: #003781;
}
.btn-blue {
  color: white;
  background-color: #003781;
  border-color: #003781;
}
.btn-blue:hover {
  color: #003781;
  background-color: white;
  border-color: #003781;
}
.yellow-btn {
  color: white;
  background-color: #f2a900;
  border-color: #f2a900;
}
.yellow-btn:hover {
  color: #f2a900;
  background-color: white;
  border-color: #f2a900;
}
.btn-primary {
  color: white;
  background-color: #003781;
  border-color: #003781;
}
.btn-primary:hover {
  color: #003781;
  background-color: white;
  border-color: #003781;
}
.btn-primary:active {
  color: white;
  background-color: #003781;
  border-color: #003781;
}
.btn-primary:focus {
  color: white;
  background-color: #003781;
  border-color: #003781;
}
.btn-primary:active:focus {
  color: white;
  background-color: #003781;
  border-color: #003781;
}
.red-btn {
  color: red;
  background-color: white;
  border-color: red;
}
.green-btn {
  color: green;
  background-color: white;
  border-color: green;
}
.settings-btn {
  border: none;
  color: #d4d4d4;
  background-color: transparent;
  padding: 0;
}
@media only screen and (max-width: 992px) {
  .settings-btn {
    color: #51626f;
  }
}
.settings-btn:hover {
  border: none;
  color: #d4d4d4;
  background-color: transparent;
  padding: 0;
}
@media only screen and (max-width: 992px) {
  .settings-btn:hover {
    color: #51626f;
  }
}
.settings-btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-validate {
  margin-top: 40px;
}
.icon-eh-setting + .tooltip.left {
  top: 2px !important;
}
@media only screen and (max-width: 992px) {
  .icon-eh-setting + .tooltip.left {
    top: 10px !important;
  }
}
.btn-show-more {
  margin-top: 15px;
  display: block;
  text-align: right;
  background-color: rgba(0, 0, 0, 0);
  color: #003781;
  float: right;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
}
.btn-show-more:hover .fa-chevron-right {
  position: relative;
}
.btn-show-more:hover .fa-chevron-right:before {
  right: 1px;
}
.btn-show-more .fa-chevron-right {
  position: relative;
}
.btn-show-more .fa-chevron-right:before {
  right: 5px;
  position: absolute;
  top: -13px;
  -webkit-font-smoothing: antialiased;
  transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
}
/*.btn-group .btn {
  border-radius: 0;
  margin-left: -1px;
}*/
/*.btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}*/
#btn-filter {
  margin-right: 5px;
  /*width:50px;
    height:50px;
    border-radius: 50%;*/
  padding-bottom: 2px;
  background-color: #ededed;
  color: #003781;
}
#btn-filter:hover {
  background-image: -webkit-linear-gradient(top, #eef0f1 0%, #d9d9d9 100%);
  background-image: -o-linear-gradient(top, #eef0f1 0%, #d9d9d9 100%);
  background-image: linear-gradient(to bottom, #eef0f1 0%, #d9d9d9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeef0f1', endColorstr='#ffd9d9d9', GradientType=0);
}
#btn-filter .glyphicon-list-alt {
  font-size: 15px;
  position: relative;
  width: 15px;
  height: 15px;
}
#btn-filter .glyphicon-list-alt:before {
  position: absolute;
  left: -1px;
}
#btn-filter + .tooltip.top {
  top: -25px !important;
  min-width: 196px;
}
/*buttons for switching table and tile view */
#switch {
  background-color: #ededed;
  color: #003781;
}
#switch:hover {
  background-image: -webkit-linear-gradient(top, #eef0f1 0%, #d9d9d9 100%);
  background-image: -o-linear-gradient(top, #eef0f1 0%, #d9d9d9 100%);
  background-image: linear-gradient(to bottom, #eef0f1 0%, #d9d9d9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeef0f1', endColorstr='#ffd9d9d9', GradientType=0);
}
#switch + .tooltip.top {
  top: -25px !important;
  width: 170px;
}
.btn-adv-search {
  width: 100%;
  display: block;
  -webkit-transition: height ease-in-out 0.02s;
  transition: height ease-in-out 0.02s;
  margin-bottom: 5px;
}
.btn-simple-search {
  display: none;
  -webkit-transition: height ease-in-out 0.01s;
  transition: height ease-in-out 0.01s;
}
.btn-simple-search input {
  width: 92% !important;
  float: left;
}
@media only screen and (max-width: 570px) {
  .btn-simple-search input {
    width: 90% !important;
  }
}
@media only screen and (min-width: 430px) and (max-width: 480px) {
  .btn-simple-search input {
    width: 88% !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 430px) {
  .btn-simple-search input {
    width: 85% !important;
  }
}
.btn-search {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.btn-search + .tooltip.top {
  top: -45px !important;
  left: -31px !important;
  width: 100px;
  max-height: 50px;
}
.btn:focus,
a:focus {
  outline: none !important;
}
.btn:active:focus,
a:active:focus {
  outline: none !important;
}
.btn-content .btn-circle {
  height: 30px;
  width: 30px;
  position: relative;
  border-radius: 50%;
}
.btn-circle {
  height: 39px;
  width: 39px;
  position: relative;
  border-radius: 50%;
}
.btn-circle > i {
  position: absolute;
  left: 11px;
  top: 9px;
  font-size: 18px;
}
table .btn-review > i {
  left: 4px;
  font-size: 19px;
  top: 3px;
}
.btn-review > i {
  left: 7px;
  font-size: 22px;
  top: 5px;
  /*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        !* IE10+ CSS styles go here *!
        left: 6px;
    }*/
}
/*.icon-eh-history {
        // Only for IE
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            !* IE10+ CSS styles go here *!
            top: 10px;
        }

    // Only for IE and Edge
    @supports (-ms-accelerator:true) {
        !* IE Edge 12+ CSS styles go here *!
            top:10px;
    }
}*/
table .btn-review > .icon-eh-edit {
  left: 7px;
  top: 5px;
  font-size: 16px;
}
.btn-review > .icon-eh-edit {
  left: 8px;
  top: 5px;
}
table .btn-review > .icon-eh-trash {
  left: 5px;
  top: 2px;
  font-size: 19px;
}
.btn-review > .icon-eh-trash {
  left: 7px;
  top: 4px;
  font-size: 23px;
}
.btn-review {
  background-color: #003781;
  border: 1px solid #003781;
  color: white;
}
.btn-review:hover {
  background-color: white;
  border: 1px solid #003781;
  color: #003781;
}
.warning-sign {
  border: none;
  width: 28px;
  background: none;
  padding: 0 !important;
  height: 28px;
  margin: 0;
  text-align: left;
}
.warning-sign .reject-blocked {
  color: #ff3f3f;
  height: 5px;
  float: left;
  line-height: 26px;
  text-align: center;
  width: 28px;
}
.warning-sign:hover {
  border: none;
  width: 28px;
  background: none;
  padding: 0;
  height: 28px;
  margin: 0;
  text-align: left;
}
.documentTableAction .btn-review + .tooltip.top {
  width: 94px;
  top: 1px;
}
label.required:after {
  content: '*';
  /*  color: @required;*/
  position: absolute;
  right: 2px;
}
#document_validate_form_validation .radio {
  display: inline-block;
  width: 30%;
  margin-left: 20%;
}
#document_validate_form_validation .radio label {
  position: relative;
  /*#document_validate_form_validation_0:checked {
                    margin-bottom: 70px;
                }*/
}
#document_validate_form_validation .radio label.required:after {
  content: ' ';
}
#document_validate_form_validation .radio label::before {
  content: '';
  visibility: visible;
  position: absolute;
  display: block;
  border: 5px solid rgba(0, 101, 174, 0.6);
  border-radius: 100%;
  height: 30px;
  width: 30px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
  left: -6px;
  top: 10px;
}
#document_validate_form_validation .radio label::after {
  content: '';
  visibility: visible;
  background: red;
  position: absolute;
  opacity: 0;
  display: block;
  border-radius: 100%;
  height: 14px;
  width: 14px;
  top: 8px;
  left: 8px;
  transition: background .25s linear;
  -webkit-transition: background .25s linear;
  z-index: 8;
}
#document_validate_form_validation .radio label:hover:before {
  border: 5px solid #003781;
}
#document_validate_form_validation .radio label input {
  visibility: hidden;
  width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
  top: 7px;
  left: -6px;
}
#document_validate_form_validation .radio label input:checked {
  content: '';
}
#document_validate_form_validation .radio label input:checked + span {
  visibility: visible;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  z-index: 8;
  position: relative;
}
#document_validate_form_validation .radio label input:checked + span:before {
  background-color: #003781;
  content: '';
  border-radius: 50%;
  height: 14px;
  width: 14px;
  visibility: visible;
  display: block;
  transition: background .25s linear;
  -webkit-transition: background .25s linear;
  position: absolute;
  top: 2px;
  left: -31px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #document_validate_form_validation .radio label input:checked + span:before {
    left: -32px;
  }
}
#document_validate_form_validation + textarea.form-control {
  margin-bottom: 20px;
  transition: ease .3s;
  -webkit-transition: ease .3s;
  height: 80px;
}
#document_validate_form_validation + textarea.form-control.ng-hide {
  height: 0px;
  border: none;
}
.validationCheckButtons {
  margin-top: 20px;
}
.validationCheckButtons button {
  margin: 0 auto;
  display: block;
  min-width: 150px;
}
#btn-reset {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: block;
  position: absolute;
  right: 60px;
  top: 28px;
  background-color: #f9f9f9;
  color: #003781;
  border: 1px solid #003781;
  text-align: center;
  cursor: pointer;
}
#btn-reset:hover {
  background-color: #003781;
  color: white;
  border: 1px solid #003781;
}
#btn-reset:active {
  background-color: white;
  color: #003781;
  border: 1px solid #003781;
}
#btn-reset i:before {
  padding-top: 6px;
  padding-right: 2px;
  font-size: 22px;
}
.addAllFa {
  width: 20px;
  float: left;
}
.addAllpolicies {
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
#hidden {
  display: none;
}
#btn-reset-header {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: block;
  right: 45px;
  margin-top: 15px;
  background-color: #003781;
  color: white;
  border: 1px solid #003781;
  text-align: center;
  cursor: pointer;
  float: left;
  display: none;
}
#btn-reset-header:hover {
  background-color: #f9f9f9;
  color: #0065ae;
  border: 1px solid #0065ae;
}
#btn-reset-header:active {
  background-color: white;
  color: #003781;
  border: 1px solid #003781;
}
#btn-reset-header i:before {
  padding-top: 6px;
  padding-right: 2px;
  font-size: 22px;
}
/*modal close button */
.close:focus {
  outline: none;
}
/* toggle button on upload */
.toggle-handle {
  border: #51626f;
}
.toggle-handle:hover {
  background-color: #ededed;
  border: #51626f;
}
.toolbar .btn-large {
  margin-bottom: 8px;
}
.attach-list .btn-circle {
  height: 30px;
  width: 30px;
}
.attach-list .attach-title {
  cursor: pointer;
}
/* upload button */
#newDoc {
  margin-top: 11px;
  border-radius: 100%;
  position: relative;
  padding: 25px;
  float: right;
}
#newDoc i {
  position: absolute;
  font-size: 30px;
  left: 10px;
  top: 7px;
}
#newDoc + .tooltip.top {
  left: 40% !important;
  top: -32px !important;
  width: 110px;
  max-height: 75px;
}
/* upload attachment button */
#send-attach-form .btn {
  float: right;
  margin-top: 32px;
}
@media only screen and (min-width: 1850px) and (max-width: 1919px) {
  #newDoc + .tooltip.top {
    left: 38% !important;
  }
}
@media only screen and (min-width: 1750px) and (max-width: 1849px) {
  #newDoc + .tooltip.top {
    left: 36% !important;
  }
}
@media only screen and (min-width: 1700px) and (max-width: 1749px) {
  #newDoc + .tooltip.top {
    left: 33% !important;
  }
}
@media only screen and (min-width: 1650px) and (max-width: 1699px) {
  #newDoc + .tooltip.top {
    left: 30% !important;
  }
}
@media only screen and (min-width: 1550px) and (max-width: 1649px) {
  #newDoc + .tooltip.top {
    left: 26% !important;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1549px) {
  #newDoc + .tooltip.top {
    left: 23% !important;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1499px) {
  #newDoc + .tooltip.top {
    left: 26% !important;
    width: 95px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1439px) {
  #newDoc + .tooltip.top {
    left: 24% !important;
    width: 95px;
  }
}
@media only screen and (min-width: 1350px) and (max-width: 1399px) {
  #newDoc + .tooltip.top {
    left: 15% !important;
  }
}
@media only screen and (min-width: 1350px) and (max-width: 1399px) {
  #newDoc + .tooltip.top {
    left: 15% !important;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1349px) {
  #newDoc + .tooltip.top {
    left: 12% !important;
  }
}
@media only screen and (min-width: 1246px) and (max-width: 1299px) {
  #newDoc + .tooltip.top {
    left: 9% !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1245px) {
  #newDoc + .tooltip.top {
    left: 6% !important;
  }
}
@media only screen and (min-width: 1145px) and (max-width: 1199px) {
  #newDoc + .tooltip.top {
    left: 1% !important;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1144px) {
  #newDoc + .tooltip.top {
    left: -6% !important;
  }
}
@media only screen and (min-width: 1045px) and (max-width: 1099px) {
  #newDoc + .tooltip.top {
    left: -12% !important;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1044px) {
  #newDoc + .tooltip.top {
    left: -15% !important;
  }
}
@media only screen and (min-width: 980px) and (max-width: 999px) {
  #newDoc + .tooltip.top {
    width: 95px;
    left: -11% !important;
  }
}
@media only screen and (min-width: 930px) and (max-width: 979px) {
  #newDoc + .tooltip.top {
    left: -21% !important;
  }
}
@media only screen and (min-width: 890px) and (max-width: 929px) {
  #newDoc + .tooltip.top {
    left: -26% !important;
  }
}
@media only screen and (min-width: 850px) and (max-width: 889px) {
  #newDoc + .tooltip.top {
    left: -33% !important;
  }
}
@media only screen and (min-width: 800px) and (max-width: 849px) {
  #newDoc + .tooltip.top {
    left: -40% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 789px) {
  #newDoc + .tooltip.top {
    left: -51% !important;
  }
}
@media only screen and (min-width: 750px) and (max-width: 767px) {
  #newDoc + .tooltip.top {
    left: 35% !important;
    width: 80px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 749px) {
  #newDoc + .tooltip.top {
    left: 30% !important;
    width: 80px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 719px) {
  #newDoc + .tooltip.top {
    left: 22% !important;
    width: 80px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 639px) {
  #newDoc + .tooltip.top {
    left: 16% !important;
    width: 80px;
  }
}
@media only screen and (min-width: 540px) and (max-width: 599px) {
  #newDoc + .tooltip.top {
    left: 10% !important;
    width: 80px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 539px) {
  #newDoc + .tooltip.top {
    left: -4% !important;
    width: 80px;
  }
}
@media only screen and (max-width: 479px) {
  #newDoc + .tooltip.top {
    left: -60% !important;
    width: 80px;
  }
}
/* -------------------------------------------------------------------------
								  TABLES
 ------------------------------------------------------------------------- */
table.table-eh thead {
  background-color: #003781;
  color: white;
}
table.table-eh thead tr {
  width: 100%;
}
table.table-eh thead tr th {
  font-weight: 300;
  font-size: 18px;
  position: relative;
  vertical-align: top !important;
  /* for over riding bootstrap */
  min-width: 18px;
  -webkit-box-shadow: 8px 0px 0px -7px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 8px 0px 0px -7px rgba(255, 255, 255, 0.5);
  -ms-box-shadow: 8px 0px 0px -7px rgba(255, 255, 255, 0.5);
  -o-box-shadow: 8px 0px 0px -7px rgba(255, 255, 255, 0.5);
  box-shadow: 8px 0px 0px -7px rgba(255, 255, 255, 0.5);
  border-collapse: separate;
  min-width: 128px;
  padding-right: 20px;
}
table.table-eh thead tr th:first-child {
  padding: 8px;
  min-width: 25px;
}
@media only screen and (max-width: 1440px) {
  table.table-eh thead tr .th-lg {
    min-width: 150px;
  }
}
@media only screen and (max-width: 1440px) {
  table.table-eh thead tr .th-sm {
    min-width: 96px;
  }
}
table.table-eh thead tr .th-xs {
  min-width: 40px;
}
table.table-eh thead tr .th-action {
  padding-right: 0px;
}
@media only screen and (max-width: 1440px) {
  table.table-eh thead tr .th-action {
    max-width: 112px;
  }
}
table.table-eh thead tr th.sortable {
  cursor: pointer;
}
table.table-eh thead tr th.sortable:not(.sorted):not(.rsorted):after {
  content: "\006c";
  font-size: 9px;
  top: 13px;
  right: 6px;
  position: absolute;
  color: white;
  display: inline-block;
  font-family: 'edoc';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
table.table-eh thead tr th.sortable:not(.sorted):not(.rsorted):before {
  content: "\004b";
  font-size: 9px;
  right: 6px;
  top: 21px;
  position: absolute;
  color: white;
  display: inline-block;
  font-family: 'edoc';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
table.table-eh thead tr .sorted:before {
  content: "\004b";
  font-size: 9px;
  top: 21px;
  right: 6px;
  position: absolute;
  color: white;
  display: inline-block;
  font-family: 'edoc';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
table.table-eh thead tr .rsorted:before {
  content: "\006c";
  font-size: 9px;
  top: 13px;
  right: 6px;
  position: absolute;
  color: white;
  display: inline-block;
  font-family: 'edoc';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
table.table-eh tbody tr td {
  vertical-align: middle !important;
}
table.table-eh tbody tr td[ng-click] {
  cursor: pointer;
}
table.table-eh tbody tr.overClickable td {
  background-color: rgba(81, 98, 111, 0.08);
}
table.table-eh tbody .flecheFullText {
  width: 40px;
  text-align: center;
  float: left;
  margin-left: 8px;
  font-weight: bold;
  font-size: 18px;
  height: 20px;
}
table.table-eh tbody .detailFullText {
  display: none;
}
table.table-eh tbody .flecheFullText i {
  float: left;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  line-height: 21px;
}
table.table-eh tr {
  font-size: 15px;
}
table.table-eh tr th {
  border-bottom: 1px solid rgba(81, 98, 111, 0.08) !important;
}
table.table-eh tr td {
  border-top: 1px solid rgba(81, 98, 111, 0.08) !important;
}
.results-filter {
  margin-left: 10px;
}
.documentList td {
  max-width: 300px;
}
.documentList {
  /*tr:not(._unseen){
    td {
      p {
        .transform(scale(1.1));
        display: inline-block;
        margin-left: 5px;
      }

      &:nth-child(2){
        a {
          .transform(scale(1.1));
          display: inline-block;
          margin-left: 6px;
        }
      }
    }
  }*/
}
.documentList tr._unseen td {
  background-color: rgba(0, 101, 174, 0.2);
  font-weight: 600;
  letter-spacing: -0.04em;
  /*span {
        .transform(scale(0.97));
        display: inline-block;
        margin-left: -3px;
      }*/
}
.documentList tr._unseen td:nth-child(2) a {
  letter-spacing: -0.05em;
}
.documentList .documentTile._unseen {
  background-color: rgba(0, 101, 174, 0.2);
}
.color-sample-legend {
  width: 15px;
  height: 15px;
  background-color: rgba(0, 101, 174, 0.2);
  display: inline-block;
  border: 1px solid lightgrey;
  margin-right: 5px;
}
.arenderLink {
  cursor: pointer;
}
.ui-menu .ui-menu-item {
  font-size: 14px;
  list-style-image: none !important;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
.documentTableAction {
  /* Container table border chrome */
}
.documentTableAction .btn-content {
  position: relative;
}
.documentTableAction > * {
  padding-right: 10px;
}
.toolbar {
  margin-bottom: 20px;
}
.drop-tabs {
  right: 65px;
  left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.no-result {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid rgba(81, 98, 111, 0.08);
  padding-bottom: 20px;
}
#policyTableList .table-responsive {
  /* tootlip position */
}
#policyTableList .table-responsive tbody tr td .icon-eh-stop + .tooltip.top {
  margin-left: 0px;
  margin-top: 6px;
}
#policyTableList .table-responsive tbody tr td.sign-status-icon {
  text-align: center;
}
#invoiceTableList .table-responsive {
  /* tootlip position */
}
#invoiceTableList .table-responsive tbody tr td .icon-eh-copy + .tooltip.top {
  margin-left: 0px;
  margin-top: -5px;
}
#invoiceTableList .table-responsive tbody tr td:nth-child(2) {
  text-align: center;
}
.metadata-table {
  table-layout: fixed;
  word-wrap: break-word;
}
.showAllMetadata {
  width: 100%;
  font-weight: bold;
  text-align: center;
}
.showAllMetadata:hover {
  cursor: pointer;
}
/* -------------------------------------------------------------------------
								  TILES
 ------------------------------------------------------------------------- */
.alert.first-connexion {
  width: 70%;
  margin: 0 auto;
  font-weight: normal;
  color: #333333;
  border: 1px solid #333333;
  text-align: center;
}
#emailAlertValidation-loader {
  font-size: 16px;
  margin-left: 10px;
  float: right;
  margin-top: 2px;
}
.setting.legend {
  font-size: 12px;
}
.button-container-emailValidation {
  margin-top: 15px !important;
  width: 50%;
  margin: 0 auto;
  margin-bottom: 30px;
}
.question-tooltip {
  height: 34px;
  width: 34px;
  margin-left: 10px;
  border: 1px solid #cacaca;
  border-radius: 30px;
  display: inline-block;
  text-align: center;
  font-size: 19px;
  line-height: 34px;
  /*padding-top: 5px;*/
}
.question-tooltip-title {
  height: 40px;
  width: 40px;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #cacaca;
  border-radius: 30px;
  display: inline-block;
  text-align: center;
  font-size: 22px;
  line-height: 40px;
  vertical-align: middle;
  /*padding-top: 5px;*/
}
.documentTile {
  background-color: #ededed;
  padding: 20px;
  border: 10px solid white;
  min-height: 310px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1440px) {
  .documentTile {
    min-height: 340px;
  }
}
@media only screen and (max-width: 767px) {
  .documentTile {
    min-height: 400px;
  }
}
@media only screen and (max-width: 600px) {
  .documentTile {
    min-height: 500px;
  }
}
.documentTile.selected {
  /*border: 5px solid @eh-blue;*/
  -webkit-box-shadow: inset 0 0 0 5px #003781;
  -moz-box-shadow: inset 0 0 0 5px #003781;
  -ms-box-shadow: inset 0 0 0 5px #003781;
  -o-box-shadow: inset 0 0 0 5px #003781;
  box-shadow: inset 0 0 0 5px #003781;
}
.documentTile:hover {
  /*border: 5px solid @eh-gray;*/
  -webkit-box-shadow: inset 0 0 0 5px #51626f;
  -moz-box-shadow: inset 0 0 0 5px #51626f;
  -ms-box-shadow: inset 0 0 0 5px #51626f;
  -o-box-shadow: inset 0 0 0 5px #51626f;
  box-shadow: inset 0 0 0 5px #51626f;
}
.documentTile p {
  color: #51626f;
}
.documentTile p span:first-child {
  font-weight: bold;
  margin-right: 5px;
}
.documentTile .icon-eh-checked + .tooltip.top {
  margin-left: 15px;
  margin-top: 3px;
}
.documentTile .icon-eh-cross + .tooltip.top {
  margin-left: 17px;
  margin-top: 3px;
}
.documentTile .icon-eh-stop + .tooltip.top {
  margin-left: 8px;
  margin-top: 3px;
}
.documentTile .icon-eh-copy + .tooltip.top {
  margin-left: 10px;
  margin-top: 3px;
}
.documentTile .tiles-actions {
  /*min-width: 66px;*/
  /* Removed cause we deleted the 'actions' label */
  display: inline-block;
}
.documentTile .tiles-icon {
  width: 50%;
  padding-left: 0;
  color: #51626f;
  position: absolute;
  z-index: 20;
  display: inline-block;
  margin-top: 8px;
}
.documentTile .tiles-icon li {
  display: inline-block;
  margin-right: 2%;
  z-index: 30;
  position: absolute;
  min-width: 100%;
}
.documentTile .tiles-icon li a {
  padding: 0;
}
.documentTile .tiles-icon li + .tooltip.top {
  position: absolute;
  left: -40px !important;
  top: -50px !important;
}
.documentTile .tiles-icon .rounded-icon {
  margin-top: 20px;
}
.documentTile .tiles-icon .rounded-icon i::before {
  background-color: #003781;
  border-radius: 100%;
  color: white;
  padding: 8px;
  margin-top: 10px;
}
.documentTile .tiles-icon .rounded-icon i::before:hover {
  background-color: white;
  border-radius: 100%;
  color: #003781;
  padding: 8px;
  margin-top: 10px;
}
/* -------------------------------------------------------------------------
                              DASHBOARD
 ------------------------------------------------------------------------- */
.panel-eh {
  border: none;
}
.panel-eh .panel-heading {
  background-color: #51626f;
  color: white;
}
@media only screen and (max-width: 640px) {
  .panel-eh .panel-heading {
    padding: 12px 15px !important;
  }
}
.panel-eh .panel-heading .panel-title {
  display: inline-block;
  font-size: 20px;
  text-overflow: ellipsis;
  max-width: 86%;
  /* for smaller screen too long titles like NL texts*/
}
@media only screen and (max-width: 640px) {
  .panel-eh .panel-heading .panel-title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 480px) {
  .panel-eh .panel-heading .panel-title {
    font-size: 16px;
    max-width: 80%;
    /* for smaller screen too long titles like NL texts*/
  }
}
.panel-eh .panel-body {
  background-color: #ededed;
  color: inherit;
  padding: 0;
}
@media only screen and (max-width: 640px) {
  .panel-eh .panel-body {
    font-size: 16px;
  }
}
.panel-eh .panel-body .panel-widgets {
  padding: 15px 0;
  background-image: -webkit-linear-gradient(top, #eef0f1 0%, #e2e2e3 100%);
  background-image: -o-linear-gradient(top, #eef0f1 0%, #e2e2e3 100%);
  background-image: linear-gradient(to bottom, #eef0f1 0%, #e2e2e3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeef0f1', endColorstr='#ffe2e2e3', GradientType=0);
}
.panel-eh .panel-body .panel-widgets p {
  padding: 0 22px;
}
@media only screen and (max-width: 480px) {
  .panel-eh .panel-body ul {
    padding-left: 30px;
  }
}
.panel-eh .panel-body ul li {
  max-width: 95%;
  /* for smaller screen too long titles like NL texts*/
  /* tooltip position into dashboard CAREFUL IF YOU CHANGE Tooltype position (top, left, bottom, right) */
}
.panel-eh .panel-body ul li .icon-eh-cross + .tooltip.top {
  margin-left: 16px;
  margin-top: 3px;
}
.panel-eh .panel-body ul li .icon-eh-checked + .tooltip.top {
  margin-left: 16px;
  margin-top: 3px;
}
.panel-eh .panel-body ul li .icon-eh-stop + .tooltip.top {
  margin-left: 8px;
  margin-top: 6px;
}
/* -------------------------------
             3 COL SIDES
 --------------------------------- */
.number-higlight {
  color: white;
  background-color: #003781;
  padding: 5px;
  border-radius: 100%;
  font-size: 16px;
  margin-top: -5px;
  text-align: center;
  width: 35px;
  height: 35px;
}
.number-higlight:hover {
  text-decoration: none;
  color: #003781;
  background-color: white;
  -webkit-box-shadow: 0px 0px 0px 1px #003781;
  -moz-box-shadow: 0px 0px 0px 1px #003781;
  -ms-box-shadow: 0px 0px 0px 1px #003781;
  -o-box-shadow: 0px 0px 0px 1px #003781;
  box-shadow: 0px 0px 0px 1px #003781;
}
/* -------------------------------
             FEED RIGHT
 --------------------------------- */
.feed-element {
  margin-top: 0px;
  overflow: hidden;
  padding: 9px 15px;
  border-bottom: 1px solid rgba(81, 98, 111, 0.08);
  background-image: -webkit-linear-gradient(top, #eef0f1 0%, #e2e2e3 100%);
  background-image: -o-linear-gradient(top, #eef0f1 0%, #e2e2e3 100%);
  background-image: linear-gradient(to bottom, #eef0f1 0%, #e2e2e3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeef0f1', endColorstr='#ffe2e2e3', GradientType=0);
}
.feed-element a {
  font-weight: bold;
  letter-spacing: -0.04em;
}
.feed-element .label {
  margin-top: 3px;
}
.feed-element.read {
  border-bottom: 1px solid rgba(81, 98, 111, 0.2);
  background-image: none;
  background-color: #f9f9f9;
}
.feed-element.read a {
  font-weight: 300;
  letter-spacing: 0em;
}
#feedFooter {
  border-bottom: none;
  padding-bottom: 15px;
}
.color-sample {
  float: left;
  height: 10px;
  width: 10px;
  vertical-align: middle;
  margin-top: 3%;
}
/* -------------------------------------------------------------------------
								  LABELS
 ------------------------------------------------------------------------- */
.label {
  background-color: #003781;
  color: #ffffff;
  font-family: "Arial", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  padding: 3px 8px;
  text-shadow: none;
}
.badge {
  background-color: #003781;
  color: #ffffff;
  font-family: "Arial", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  text-shadow: none;
}
.label-invoice {
  background-color: #6d1873;
  color: #ffffff;
}
.label-risk {
  background-color: #b14911;
  color: #ffffff;
}
.label-policy {
  background-color: #f2a900;
  color: #ffffff;
}
.label-claim {
  background-color: #002f5f;
  color: #ffffff;
}
/* -----------------------------------------------------------
                      ADVANCED SEARCH
 ------------------------------------------------------------- */
/* ------------------------------
        TOP POLICY SEARCH
 -------------------------------- */
#policySearch {
  margin-top: 15px;
  min-width: 150px;
  color: #555555;
}
.errorFilterInput {
  background-color: #db0000;
  color: white;
}
#ui-id-7 {
  max-height: 720px;
  overflow-x: hidden;
  overflow-y: auto;
}
.policyActiveFiltersContainer {
  max-height: 70px;
  overflow: hidden;
  max-width: 58.33%;
  float: left;
  margin-top: 15px;
  padding-top: 2px;
}
@media only screen and (min-width: 993px) and (max-width: 1050px) {
  .policyActiveFiltersContainer {
    width: auto;
    max-width: 41%;
    /* For inline settings in specific screen */
  }
}
@media only screen and (max-width: 993px) {
  .policyActiveFiltersContainer {
    width: 100%;
    max-width: 100%;
  }
}
.policyActiveFiltersContainerWithBU {
  max-height: 70px;
  overflow: hidden;
  max-width: 51%;
  float: left;
  margin-top: 15px;
  padding-top: 2px;
}
@media only screen and (min-width: 993px) and (max-width: 1050px) {
  .policyActiveFiltersContainerWithBU {
    width: auto;
    max-width: 43%;
    /* For inline settings in specific screen */
  }
}
@media only screen and (max-width: 993px) {
  .policyActiveFiltersContainerWithBU {
    width: 85%;
    max-width: 100%;
  }
}
#policyActiveFilters {
  width: auto;
  max-width: 100%;
  float: left;
}
.containerBuChoice {
  width: auto;
  float: left;
  margin-top: 15px;
  margin-left: 16px;
}
#buChoiceSelect {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fbfbfb;
  background-image: none;
  border: 1px solid #cccccc;
  -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;
  -o-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;
  float: left;
  margin-top: 0px;
  font-family: "Allianz Sans", Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #cacaca;
  border-radius: 4px;
  padding-left: 0px;
  text-indent: 5px;
}
#buChoiceSelect option {
  text-indent: 5px;
}
#buChoiceSelect:hover {
  cursor: pointer;
}
#settings-content {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 23%;
}
@media only screen and (min-width: 993px) and (max-width: 1050px) {
  #settings-content {
    width: 34%;
    /* For inline settings in specific screen */
  }
}
@media only screen and (max-width: 993px) {
  #settings-content {
    position: relative;
    width: 10%;
  }
}
.policyFilter {
  margin: 5px;
  margin-top: -2px;
  padding: 6px;
  color: #d4d4d4;
  border: 1px solid #d4d4d4;
  font-size: 13px;
  cursor: pointer;
  float: left;
}
@media only screen and (max-width: 992px) {
  .policyFilter {
    color: #51626f;
    border: 1px solid #51626f;
  }
}
.policyFilter i {
  margin-left: 6px;
}
/* ------------------------------
       SIMPLE AND ADV SEARCH
 -------------------------------- */
.turnLeft {
  transform: rotate(-180deg);
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}
.turnRight {
  transform: rotate(180deg);
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}
.searchArrow {
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
}
.slider.open {
  max-height: 500px;
  animation: movemargin 0.2s forwards;
  -webkit-animation: movemargin 0.2s forwards;
}
@media only screen and (max-width: 768px) {
  .slider.open {
    max-height: 780px;
  }
}
@-webkit-keyframes movemargin {
  from {
    margin-bottom: 0px;
  }
  to {
    margin-bottom: -1px;
  }
}
/* Standard syntax */
@keyframes movemargin {
  from {
    margin-bottom: 0px;
  }
  to {
    margin-bottom: -1px;
  }
}
.slider {
  border-top: 1px solid rgba(81, 98, 111, 0.2);
  max-height: 0;
  overflow: hidden;
  margin-bottom: 0px;
  transition: all ease-in-out 0.8s;
  -webkit-transition: all ease-in-out 0.8s;
  /*  -webkit-transition: all cubic-bezier(0,1,0,1) 2s;*/
}
.searchFilter {
  margin: 5px;
  padding: 5px;
  border: 1px solid;
  font-size: 13px;
  cursor: pointer;
}
#searchActiveFilters {
  margin-top: 10px;
  margin-bottom: 10px;
}
.simpleSearch {
  max-width: 530px;
  margin: 0 auto;
  padding: 5px;
  min-height: 50px;
  text-align: center;
  background-color: #f9f9f9;
  height: 80px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  /*&:before {
      content: "";
      height: 0;
      width: 0;
      border-width: 10px 10px;
      border-color: white white transparent transparent;
      border-style: solid;
      position: absolute;
      left: -20px;
      margin-top: -5px;
      border-top-right-radius: 13px;
      .box-shadow(12px 0px 0px 0px @eh-bg-read);

      @media only screen and (max-width: 600px) {
        display: none;
      }
    }

      &:after {
        content: "";
        height: 0;
        width: 0;
        border-width: 10px 10px;
        border-color: white white transparent transparent;
        border-style: solid;
        position: absolute;
        right: -20px;
        margin-top: -5px;
        border-top-left-radius: 13px;
        .box-shadow(-12px 0px 0px 0px @eh-bg-read);

        @media only screen and (max-width: 600px) {
          display: none;
        }
      }*/
}
@media only screen and (max-width: 600px) {
  .simpleSearch {
    width: 100%;
    max-width: 100%;
  }
}
.simpleSearch #adv-search {
  width: 100%;
}
.simpleSearch #adv-search .btn {
  padding: 6px 12px;
}
.simpleSearch .search-row {
  margin: 0 -15px;
}
.advSearch {
  background: #f9f9f9;
  border-width: 1px 0;
  padding: 0;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.advSearch #searchFields {
  padding: 0 100px;
}
.advSearch #searchFields .form-group {
  padding: 0 50px;
  /*select.form-control {
              !* styling *!
              background-color: white;
              display: inline-block;
              position: relative;
              !* reset *!

              margin: 0;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
              -webkit-appearance: none;
              -moz-appearance: none;*/
  /*style arrow right */
  /* background-image: linear-gradient(45deg, transparent 50%, blue 50%),
             linear-gradient(135deg, blue 50%, transparent 50%),
             linear-gradient(to right, skyblue, skyblue);
             background-position: calc(100% - 20px) calc(1em + 2px),
             calc(100% - 15px) calc(1em + 2px),
             100% 0;
             background-size: 5px 5px,
             5px 5px,
             2.5em 2.5em;
             background-repeat: no-repeat;*/
  /*&:-moz-focusring {
              color: transparent;
              text-shadow: 0 0 0 #000;
            }
            &::before {
              content: "\f078";
              font-family: "FontAwesome";
              font-size: 11px;
              color: #aaa;
              right: 8px;
              top: 4px;
              padding: 0 0 2px;
              position: absolute;
              pointer-events: none;
            }
          }*/
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .advSearch #searchFields .form-group {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1024px) {
  .advSearch #searchFields .form-group {
    padding: 0 5px;
  }
}
@media only screen and (max-width: 480px) {
  .advSearch #searchFields .form-group {
    padding: 0;
  }
}
.advSearch #searchFields .form-group .control-label {
  font-size: 14px;
}
#searchCollapser {
  color: #51626f;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
#searchCollapser:hover {
  text-decoration: underline;
}
#searchCollapser i {
  font-size: 18px;
  padding: 0 4px;
}
.noAdvancedSearch {
  display: block;
  min-height: 20px;
}
/* -------------------------------------------------------------------------
									FOOTER
 ------------------------------------------------------------------------- */
footer {
  background-color: #656565;
  color: white;
  padding: 15px;
  bottom: 0;
  width: 100%;
  min-height: 60px;
  position: absolute;
}
@media only screen and (max-width: 480px) {
  footer {
    padding: 5px;
  }
}
footer .container {
  width: 97%;
}
@media only screen and (max-width: 1440px) {
  footer .container {
    width: 96%;
  }
}
@media only screen and (max-width: 1200px) {
  footer .container {
    width: 95%;
  }
}
@media only screen and (max-width: 768px) {
  footer .container {
    width: 93%;
  }
}
@media only screen and (max-width: 640px) {
  footer .container {
    width: 90%;
  }
}
footer p {
  margin-top: 8px;
}
@media only screen and (max-width: 768px) {
  footer p {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 640px) {
  footer p {
    font-size: 15px;
  }
}
footer p a {
  color: #ffffff;
}
footer p a:hover {
  color: #ffffff;
}
footer p a:focus {
  color: #ffffff;
}
footer #footer-disclaimer {
  float: right;
  margin-top: 8px;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  footer #footer-disclaimer {
    float: left;
  }
}
.pagination {
  text-align: center;
  width: 100%;
}
.pagination li a {
  float: none;
  color: #003781;
  margin: 0;
  padding: 5px;
  width: 36px;
  height: 36px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  border: none;
  /*&:hover {
            }*/
}
.pagination li.active a {
  background-color: #003781;
  border-color: #003781;
}
.pagination li:first-child a {
  font-size: 22px;
  padding: 0;
  margin-right: -5px;
  border-radius: 50%;
}
.pagination li:last-child a {
  font-size: 22px;
  padding: 0;
  margin-left: -5px;
  border-radius: 50%;
}
/* ############ EDOC-ICONS ############ */
.tiles .icon-eh-glasses {
  color: black;
  position: relative;
}
.tiles .icon-eh-glasses::before {
  position: relative;
  top: 5px;
  font-size: 24px;
}
table > tbody > tr > td > span > .icon-eh-glasses {
  font-size: 21px;
  color: black;
  margin-left: 15px;
}
.deleted-flag {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  float: left;
  width: 24px;
  padding-top: 2px;
}
.icon-eh-setting {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: transform 1s ease-in-out;
  -webkit-transition: transform 1s ease-in-out;
  -moz-transition: transform 1s ease-in-out;
  -ms-transition: transform 1s ease-in-out;
  -o-transition: transform 1s ease-in-out;
  -webkit-transform-origin: 50% 83%;
  transform-origin: 50% 83%;
  -moz-transform-origin: 50% 83%;
  -ms-transform-origin: 50% 79%;
  /* only for IE */
  -o-transform-origin: 50% 80%;
}
@media only screen and (max-width: 992px) {
  .icon-eh-setting {
    font-size: 30px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    transition: inherit;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    -o-transition: inherit;
  }
}
.icon-eh-setting:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: transform 1s ease-in-out;
  -webkit-transition: transform 1s ease-in-out;
  -moz-transition: transform 1s ease-in-out;
  -ms-transition: transform 1s ease-in-out;
  -o-transition: transform 1s ease-in-out;
  -webkit-transform-origin: 50% 83%;
  transform-origin: 50% 83%;
  -moz-transform-origin: 50% 83%;
  -ms-transform-origin: 50% 79%;
  /* only for IE */
  -o-transform-origin: 50% 80%;
}
@media only screen and (max-width: 992px) {
  .icon-eh-setting:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    transition: inherit;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    -o-transition: inherit;
  }
}
@media only screen and (max-width: 992px) {
  .caret {
    display: none;
  }
}
.icon-eh-setting:before {
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
}
.icon-eh-search {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
}
.icon-eh-search:before {
  position: absolute;
  top: 0px;
  left: -1px;
  font-size: 16px;
}
.icon-eh-endorsement {
  font-size: 25px;
  color: black;
  position: relative;
}
.icon-eh-endorsement::before {
  top: 6px;
  left: 4px;
  /*for ff*/
  position: absolute !important;
  /*for ie*/
}
td .icon-eh-endorsement::before {
  top: 0 !important;
  /*for ie*/
  left: 0 !important;
  /*for ie*/
  position: relative !important;
  /*for ie*/
}
.icon-eh-checked {
  color: #3f5429;
  padding-top: 2px;
  font-size: 22px;
  position: relative;
}
.icon-eh-checked::before {
  position: absolute !important;
  /*for ie*/
  left: 5px;
  /*for ff*/
  top: 6px;
}
td .icon-eh-checked::before {
  top: 2px !important;
  /*for ie*/
  left: 0 !important;
  /*for ie*/
  position: relative !important;
  /*for ie*/
}
.icon-eh-stop {
  padding-top: 2px;
  font-size: 22px;
  position: relative;
  color: #000000;
}
.icon-eh-stop::before {
  position: absolute !important;
  /*for ie*/
  left: 5px;
  /*for ff*/
  font-size: 6px;
  top: 15px;
}
td .icon-eh-stop::before {
  top: -5px !important;
  /*for ie*/
  left: 0px !important;
  /*for ie*/
  position: relative !important;
  /*for ie*/
  font-size: 6px;
}
.stop {
  color: #51626f;
}
.icon-eh-cross {
  color: #b14911;
  padding-top: 2px;
  font-size: 22px;
  position: relative;
}
.icon-eh-cross:before {
  position: absolute !important;
  /*for ie*/
  left: 5px;
  /*for ff*/
  top: 6px;
}
td .icon-eh-cross:before {
  top: 2px !important;
  left: 0 !important;
  position: relative !important;
  /*for ie*/
}
.icon-eh-copy {
  font-size: 20px;
}
.icon-eh-copybefore {
  padding-top: 3px;
}
li .icon-eh-copy:before {
  top: 8px;
  position: absolute;
}
.icon-eh-export {
  margin-right: 5px;
}
.icon-eh-filters {
  display: block;
  width: 44px;
  height: 32px;
  position: relative;
}
.icon-eh-filters:before {
  position: absolute;
  font-size: 19px;
  top: 5px;
  left: 12px;
}
.icon-eh-tile {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
}
.icon-eh-tile:before {
  position: absolute;
  font-size: 19px;
  top: 0px;
  left: 0px;
}
.icon-eh-filters {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
}
.icon-eh-filters:before {
  position: absolute;
  font-size: 19px;
  top: 0px;
  left: 0px;
}
.icon-eh-change {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
}
.icon-eh-change:before {
  position: absolute;
  font-size: 19px;
  top: 0px;
  left: -2px;
}
/*
.icon-eh-view {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 15px;

  &:before {
    position: absolute;
    font-size: 19px;
    top: 1px;
    left: -2px;
  }
}
*/
.icon-eh-cols {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
}
.icon-eh-cols:before {
  position: absolute;
  font-size: 15px;
  left: 0px;
  top: 2px;
}
.nb-attachment {
  width: 58px !important;
  padding-left: 5px;
  border-radius: 25px !important;
}
.nb-attachment .nb-attach {
  margin-left: 20px;
  padding: 2px;
  z-index: 0;
  position: absolute;
  top: 2px;
  left: 7px;
  font-size: 19px;
}
.btn-content .nb-attachment {
  width: 50px !important;
  padding-left: 5px;
  border-radius: 25px !important;
}
.btn-content .nb-attachment .nb-attach {
  margin-left: 17px;
  padding: 2px;
  z-index: 0;
  position: absolute;
  top: 2px;
  left: 7px;
  font-size: 14px;
}
.btn-show-more .icon-eh-next {
  position: relative;
  display: inline-block;
}
.btn-show-more .icon-eh-next:before {
  position: absolute;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 0px;
  top: -12px;
}
.iti-flag {
  background-image: url("../../bundles/goapp/images/intlTelInputFlags.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  background-image: url("../../bundles/goapp/images/intlTelInputFlags2x.png");
}
.fa-bolt,
.fa-flash {
  font-size: 20px;
  color: #f2a900;
}
.fa-bolt::before,
.fa-flash::before {
  padding-left: 6px;
}
.validation-status-icon {
  margin: 0 auto;
  text-align: center;
}
.validation-status-icon .icon-eh:before {
  font-size: 30px;
}
.validation-status-icon .icon-eh-check-paper {
  color: #3f5429;
}
.validation-status-icon .icon-eh-waiting-paper {
  color: #f2a900;
}
.validation-status-icon .icon-eh-reject-paper {
  color: #b14911;
}
.validation-status-icon .icon-eh-not-req-paper {
  color: #51626f;
}
.icon-eh-check-paper:before {
  margin-left: 1px;
}
.icon-eh-waiting-paper {
  color: #f2a900;
}
.icon-eh-reject-paper {
  color: #b14911;
}
.icon-eh-not-req-paper {
  color: #51626f;
}
.icon-eh-waiting-paper {
  color: #f2a900;
}
.icon-eh-history:before {
  left: 1px;
  position: absolute;
  top: 2px;
}
.btn-content .icon-eh-check-paper:before {
  left: 0px;
  top: 1px;
  position: absolute;
}
.btn-content .icon-eh-verify-check:before {
  position: absolute;
  top: 1px;
}
.btn-content .icon-eh-history:before {
  left: 0px;
  position: absolute;
  top: 1px;
}
.icon-eh-update-paper {
  color: #b14911;
}
/* -------------------------------------------------------------------------
								 UPLOAD
 ------------------------------------------------------------------------- */
iframe.arenderIframe {
  height: 98%;
  width: 100%;
  min-height: 400px;
  min-width: 400px;
  margin-bottom: -10px;
}
.ddUpload.ddContainer {
  min-height: 600px;
}
.ddUpload.ddContainer .ddStatus.ddError {
  font-weight: bold;
  color: #d9534f;
}
.ddUpload.ddContainer .ddStatus.ddSuccess {
  font-weight: bold;
  color: #5cb85c;
}
.ddUpload.ddContainer .ddZone {
  margin-top: 20px;
  margin-bottom: 20px;
}
.ddUpload.ddContainer.uploadSucceeded {
  padding: 2px;
}
.form-control + .tooltip.top .tooltip-inner {
  max-width: 100%;
}
.form-control + .tooltip.top .tooltip-arrow {
  left: 50%;
}
.ddPreview {
  min-height: 600px;
  width: 100%;
  height: 100%;
}
.ddPreview iframe {
  min-height: 620px;
}
/*edit page*/
.viewerDoc iframe {
  min-height: 720px;
  width: 100%;
}
.viewerDoc iframe body .container-fluid {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
/* Signature view */
#documentBox {
  text-align: center;
  margin: 5px 0;
}
#documentBox iframe {
  height: 100%;
  width: 100%;
  min-height: 700px;
  min-width: 400px;
  max-width: 1190px;
  margin: 0 auto;
}
/* Signature and view screen */
#signPart .form-inline {
  margin-bottom: 10px;
}
.rawDocText {
  min-width: 400px !important;
  max-width: 1190px;
  margin: 0 auto;
  margin-top: 20px;
}
#otpInput {
  padding-top: 10px;
}
.ddReset {
  margin-bottom: 5px;
  margin-top: 2px;
}
.ng-not-empty.ng-invalid-ng-intl-tel-input {
  border-color: #d9534f;
}
.ng-not-empty.ng-valid-ng-intl-tel-input {
  border-color: #5cb85c;
}
/* -------------------------------------------------------------------------
								  MIXINS
 ------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
								VAR COLORS
 ------------------------------------------------------------------------- */
/* Main Colors */
/* Form */
/* Buttons */
/* Labels */
/* Header */
/*Footer */
/* Table */
/* gradiant table*/
/* global */