/* Customized Horizon styles */

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;

    /*scrollbar-face-color: transparent;
    scrollbar-highlight-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-arrow-color: #eee;
    scrollbar-track-color: transparent;*/
}

body {
  background-color: #ffffff;
  background-color: var(--body-color);
  font-family: arial,helvetica,verdana;
  font-family: var(--body-font-name);
  overflow-x: hidden;
  color: #767676;
  color: var(--font-color);
  background: #f1f2f7;
  background: var(--body-color);
  padding: 0px !important;
  margin: 0px !important;
  text-rendering: optimizeLegibility;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;   
}

/*::-webkit-resizer 
{
    background-color:transparent;
}

textarea
{
   resize: none;
}*/

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 1px;
}

::-webkit-scrollbar-button:vertical:increment {
    background-color: #fff;
}

::-webkit-scrollbar-track-piece {
    background-color: #eee;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
    border-radius: 3px;
}

    

::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.vertical-scroll{
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}

.dropdown-menu > li > a
{
   /* padding:10px 20px 10px 20px;*/
}


/* Multilevel dropdown & submenu */
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}

.dropdown-submenu:active>.dropdown-menu {
    display:block;
}

.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
    margin-left:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.float-start {
    float:none;
}
.dropdown-submenu.float-start>.dropdown-menu {
    left:-100%;
    margin-left:10px;
}

/* Mail inbox dropdown menu */
.dropdown-menu.mail {
    max-width:320px !important;
    min-width:260px !important;
    max-height:500px !important;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /*top:42px;*/
    width:300px !important;
    padding:10px 10px 10px 10px;
    box-shadow:0 0px 5px rgba(0,0,0,0.5) !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#fff;
    border:none;
    /*left:-10px;*/
}
.dropdown-menu.mail.inbox li div {
    background:#f1f2f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:10px;
    margin-bottom:10px;
    float:left;
    width:100%;
    color:#32323a;
}

.dropdown-menu.mail.inbox li div.mailBtns {
    background:#fff;
    padding-left:0;
    padding-right:0;
    margin-bottom:10px;
    float:left;
    width:100%;
}

.dropdown-menu.mail li p {
    margin:0;
    padding:10px 0;
    border-radius:0px;
    -webkit-border-radius:0px;
}
.dropdown-menu.mail li div {
    font-size:12px;
    list-style:none;
}
.dropdown-menu.mail li div:hover {
    color:#32323a;
}

.dropdown-menu.inbox li div .photo img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float:left;
    height:40px;
    margin-right:10px;
    width:40px;
}
.dropdown-menu.inbox li div .subject {
    display:block;
    font-weight: 600;
}
.dropdown-menu.inbox li div .subject .from {
    font-size:12px;
    font-weight:600;
    font-weight: 400;
}
.dropdown-menu.inbox li div .subject .time {
    font-size:11px;
    font-style:italic;
    font-weight:bold;
    position:absolute;
    right:20px;
    font-weight: 400;
}
.dropdown-menu.inbox li div .message {
    /*display:block !important;*/
    white-space: normal;
    font-size:11px;
    font-weight: 400;
}

.dropdown-menu.inbox li div .links {
    white-space: nowrap;
    font-size:11px;
    top:100%;
    font-weight: 400;
}

.dropdown-menu.inbox li.items {
    background:#f1f2f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:1px;
    margin-bottom:10px;
    float:left;
    width:100%;
    color:#32323a;
}

.dropdown-menu.inbox li.items a{
    color:#000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:1px;
}

.dropdown-menu.inbox li.items a:hover{
    color:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-menu.inbox li.items a:active{
    color:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}



/* Profile dropdown menu */
.dropdown-menu.profile {
    max-width:320px !important;
    min-width:260px !important;
    /*top:42px;*/
    width:320px !important;
    max-height:665px !important;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding:10px 10px 10px 10px;
    box-shadow:0 0px 5px rgba(0,0,0,0.5) !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#fff;
    border:none;
}

.dropdown-menu.profile .dropdown-header img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height:70px;
    width:70px;
}

.dropdown-menu.profile .dropdown-item:hover{
    color:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-menu.profile .dropdown-item:focus,
.dropdown-menu.profile .dropdown-item:active{
    color:#000;
    background-color: #f1f2f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.dropdown-menu.profile .dropdown-header,
.dropdown-menu.profile .dropdown-item {
    padding:1px 8px 5px 8px;
    background: #f1f2f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    /*margin-bottom: 5px;*/
    margin-bottom: 10px;
    float: left;
    width: 100%;
    color: #32323a;
}

.usersMenuItem:hover,
.helpMenuItem:hover {
  background: #f1f2f7 !important;
  color: #32323a !important;
}


.dropdown-menu.profile .dropdown-item:hover {
    background: #32323a;
    color: #ffffff;
}


.dropdown-menu.profile li div a.links {
    /*white-space: nowrap;
    top:100%;
    font-size: 17px;*/
    color: #135da2;
}

.unStyledList.subUsers {
    list-style-type: none;
    /*margin: 5px; 
    padding: 5px;*/
    background:#f1f2f7;
    padding-top: 15px;
}


.unStyledList.subUsers .dropdown-item {
  text-decoration: none;
  background: #f1f2f7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 1px;
  width: 100%;
  color: #32323a;
  padding: 5px;
  margin-bottom: 0;
  font-size: 15px;
}

.unStyledList.subUsers .dropdown-item:hover, 
.unStyledList.subUsers .dropdown-item:active, 
.unStyledList.subUsers .dropdown-item:focus {
    color:#fff !important;
    background-color: #135DA2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor:pointer;
}

/* User dropdown menu */
.dropdown-menu.userMenu {
    /*max-width:320px !important;
    min-width:200px !important;
    width:200px !important;*/

    min-width:200px !important;
    padding:10px 10px 10px 10px;
    box-shadow:0 0px 5px rgba(0,0,0,0.5) !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#fff;
    border:none;
}

.dropdown-menu.userMenu li a{
    color:#000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.dropdown-menu.userMenu > li > a
{
    white-space:normal;
}
.dropdown-menu.userMenu li a:hover{
    color:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-menu.userMenu li a:active{
    color:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-menu.userMenu li div {
    padding:1px 8px 5px 8px;
}

.dropdown-menu.userMenu li  {
    background:#f1f2f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:1px;
    margin-bottom:10px;
    float:left;
    width:100%;
    color:#32323a;
}


/* search menu*/

/*.searchPanel >input:focus {
    width:350px;
}*/


.dropdown-menu.searchMenu {
    min-width:200px !important;
    padding:10px 10px 10px 10px;
    box-shadow:0 0px 5px rgba(0,0,0,0.5) !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#fff;
    border:none;
}
.dropdown-menu.searchMenu .dropdown-item {
    background:#f1f2f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom:10px;
    color:#32323a;
}


/*.dropdown-menu.searchMenu li a{
    color:#000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.dropdown-menu.searchMenu > li > a
{
    white-space:normal;
}
.dropdown-menu.searchMenu li a:hover{
    color:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-menu.searchMenu li a:active{
    color:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-menu.searchMenu li  {
    background:#f1f2f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:1px;
    margin-bottom:10px;
    float:left;
    width:100%;
    color:#32323a;
}
*/
.searchMenuBtn {
    background-color:#EBEBEB;
    border-color: #ADADAD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.searchBtn {
    background-color:#EBEBEB;
    border-color: #ADADAD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.searchBox{
    border-color: #ADADAD;
    font-weight: 400;
}

.searchBox:focus{
    border-color: #ADADAD !important;
}

.form-control.searchBox:focus {
    border-color: #ADADAD;
}


/* side bar & side menu **/

.sidebar-show .sidebar-left.col-sm-2 {
  z-index:-1;
  opacity: 1;
  width: 16.666666666666664%;
  padding: 0 15px;
}
.sidebar-show #content.col-sm-12 {
  z-index:-1;
  opacity: 1;
  /*width: 83.33333333333334%;*/
  width: auto;
}

.sidebar-left {
  position: fixed !important;
  z-index: 1010;
  height: 100%;
  box-shadow: 1px 0 0 #888888;
  /*background: #ffffff url(/res/img/ST_SideMenu_BG.png) 0 0 repeat;*/
  /*background: var(--page-header-background);*/
}
.sidebar-left.col-sm-2 {
  opacity: 0;
  width: 0%;
  padding: 0;
}
.main-menu {
  margin:0 -15px !important;
  list-style-type: none;
  margin: 0; padding: 0;
}

.main-menu .dropdown-toggle::after {
  display: none;
}

.main-menu > li > a
 {
  min-height: 40px;
  display: block;
  text-decoration: none;
  position: relative;
  display: block;
  padding: 10px 15px;
}

.main-menu > li > a,
.main-menu > li > ul > li > a {
  color:#000;
  color: var(--menu-font-color);
}

 li > a:focus{
    border-bottom:0;
}
.open > a, .open > a:hover, .open > a:focus {
  background:rgba(0, 0, 0, 0.1);
}
.main-menu > li > a:hover,
.main-menu > li > a:focus,
.main-menu > li.active > a,
.main-menu .open > a,
.main-menu .open > a:hover,
.main-menu .open > a:focus,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li.active > a
{
  background:rgba(0, 0, 0, 0.1);
  border-bottom:0;
  color:#000;
  color: var(--menu-font-color);
}
.main-menu a.active{
  background:rgba(0, 0, 0, 0.2);
}
.main-menu a.active:hover{
  background:rgba(0, 0, 0, 0.2);
}
.main-menu a.active-parent{
  background: rgba(0, 0, 0, 0.3);
}
.main-menu a.active-parent:hover{
  background: rgba(0, 0, 0, 0.3);
}
    
/*.main-menu > li > a > i{
  font-size: 18px;
  width: auto;
  display: block;
  text-align: center;
  vertical-align: middle;
}*/

.main-menu .dropdown-menu {
  position: absolute;
  z-index: 2001;
  left: 100%;
  top: 0;
  float: none;
  margin: 0;
  border: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  padding: 0;
  /*background: #6AA6D6 url(../img/devoops_pattern_b10.png) 0 0 repeat;*/
  box-shadow: none;
  visibility: hidden;
}

.main-menu .active-parent:hover + .dropdown-menu {
  visibility:visible;
}
.main-menu .active-parent + .dropdown-menu:hover {
  visibility:visible;
}
.main-menu .dropdown-menu > li > a {
  padding:7px 15px;
  color:#000;
  text-decoration: none;
  display: block;
}

.main-menu .dropdown-menu > li > a > .main-menu-caption {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  font-weight: 400;
}

.main-menu .dropdown-menu > li > a > .fa-beat {
  color: #ffffff;
}

.main-menu .dropdown-menu > li > a > i {
  color: #3E4685;
  font-size: 16px;
}

    

.main-menu .dropdown-item {
 padding: 0!important;
}


/*.main-menu .dropdown-sub-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
*/

.main-menu .dropdown-menu > li:first-child > a {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.main-menu .dropdown-menu > li:last-child > a {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}

  .sidebar-left.col-sm-2 {
    opacity: 1;
    width: 16.666666666666664%;
    padding: 0 15px;
  }
  .sidebar-show .sidebar-left.col-sm-2 {
    opacity: 0;
    width:0;
    padding:0;
  }
  .sidebar-show #content.col-sm-10 {
    opacity: 1;
    width:100%;
  }
/*  .main-menu > li > a {
    text-align: left;
  }
*/
  .main-menu > li > a > i{
    font-size: 18px;
    width: 20px;
    display: inline-block;
    color: #3E4685;
  }

  .main-menu > li > a > .main-menu-caption{
    padding-left: 10px;
    padding-right: 10px;
  }



  .main-menu .dropdown-menu {
    position: relative;
    z-index: inherit;
    left:0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background:rgba(0, 0, 0, 0.2);
    visibility: visible;
  }
  .main-menu .dropdown-menu > li > a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
  }


  .content_wrapper.topMargin{
    margin-top:0;
}
.content_wrapper
{
    /*background: #fff;*/
    /*margin:5px !important;*/
    background-color: transparent;
    padding:0;
    margin:0;
    border:0;
    left:0;
    top:0;
}

.content_container
{
    margin-left:2px !important;
    margin-right:2px !important;
}


/** The Magic **/
.btn-breadcrumb {
    margin-left: -7px;
}
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:8px 12px 8px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:8px 6px 8px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:8px 18px 8px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-secondary:not(:last-child):after {
  border-left: 10px solid #EBEBEB;
}

.btn-breadcrumb .btn.btn-secondary:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-secondary:hover:not(:last-child):after {
  border-left: 10px solid #3d4954;
}
.btn-breadcrumb .btn.btn-secondary:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}


/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #269abc;
}

.doc-home-btn
{
  margin-left:20px;
  width: 90%;
}

.doc-continue-btn
{
 margin-left:-12px;
 margin-right:3px;
 margin-top:-5px;
}


.doc-menu
{
    direction:ltr;
    list-style-type:none;
    width:100%;
    border:0;
    margin:0;
    padding:2px;
}

.doc-menu-fixed
{
    width:15%;
    margin-top: 0;
    position: fixed;
}


.doc-menu li
{
    list-style-type: none;
    width:100%;
    padding: 4px 0;
    border:0;
    margin:0;
    width:100%;
}

.doc-menu .doc-section
{
    padding:10px;
    color:#32323a;
    box-shadow:0 0px 5px rgba(0,0,0,0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 4px;
    cursor: pointer;
}

.doc-menu .doc-section-disable
{
    cursor: default !important;
}

.doc-menu .doc-section-right
{
    margin-left: -12px;
}


.doc-menu .doc-section:hover {
  background-color: #bbb;
  background-color: var(--doc-section-hover-background);
}

.doc-menu .doc-section-disable:hover
{
    background-color: transparent !important;
}


.doc-menu .doc-selected {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  box-shadow: none !important;
  border-right: 1px solid #fff;
  border-top: 1px solid #adadad;
  border-bottom: 1px solid #adadad;
  border-left: 1px solid #adadad;
  margin-right: -1px !important;
  padding-right: 10px;
  background-color: #fff !important;
}

.doc-menu .doc-selected-right {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-right: 1px solid #adadad;
  border-left: 1px solid #fff;
  margin-right: 3px !important;
  margin-left: -20px !important;
}

.doc-menu .doc-caption {
  font-size: 12px;
  color: #999;
  color: var(--doc-caption-color);
  cursor: pointer;
}

.doc-menu .doc-data{
  font-size:12px;
  font-weight:600;
  cursor: pointer;
}

.doc-menu .doc-icon
{
    padding:2px 4px;
}

.doc-menu .doc-action-list
{
    /*background-color: #EBEBEB;*/ /*same as Actions button: btn-secondary*/    
}

.doc-menu .doc-action-list .list-group
{
    background-color: transparent;
}

.doc-menu .doc-action-list .list-group-item
{
    margin-bottom: 3px;
    background-color: #cecece;
}

.doc-menu .doc-action-list .list-group-item:hover
{    
  background-color: #485563; /*same as .btn-secondary:hover*/  
  color: #ffffff; /*same as .btn:hover*/  
}


.doc-menu .doc-action-panel
{
    background-color: #cecece;
    margin-top:5px;
    margin-bottom:2px;
}

.doc-menu .doc-action-panel .card-header {
  font-size: 12px;
  padding: 5px 10px;
  background-color: var(--doc-menu-action-heading-background);
  color: var(--doc-menu-action-heading-color);
}


.doc-menu .doc-action 
{
    font-size:12px;
    padding-bottom:6px;
    padding-left:2px;
    padding-right:2px;
    color:#32323a; /*same as .doc-menu .doc-section*/
    background-color: #cecece;
}

.doc-icons-group
{

}

.doc-icons-group .doc-icon {
  display: inline-block;
  background-color: #EBEBEB;
  border: 1px solid #adadad;
  background-color: var(--doc-menu-icon-background);
  border: 1px solid var(--doc-menu-icon-border);
}

.doc-icons-group .doc-icon {
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
    z-index: 10;
}
.doc-icons-group .doc-icon:first-child:not(:last-child) {
	border-top-right-radius:0;
    border-bottom-right-radius:0;
	border-bottom-left-radius:4px;
    border-top-left-radius:4px;
}
.doc-icons-group .doc-icon:last-child:not(:first-child) {
	border-top-right-radius:4px;
    border-bottom-right-radius:4px;
	border-bottom-left-radius:0;
    border-top-left-radius:0;
}

.doc-icons-group .doc-icon:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.doc-icons-group .doc-icon:first-child:last-child {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}



.doc-menu .parent {
  background-color: #eee;
  background-color: var(--doc-menu-main-background);
}

.doc-menu .file {
  background-color: #eee;
  background-color: var(--doc-menu-main-background);
}

.doc-menu .doc {
  background-color: #eee;
  background-color: var(--doc-menu-main-background);
}

.doc-menu .subdoc {
  background-color: #ccc;
  background-color: var(--doc-menu-sub-background);
}


.doc-menu .doc-divider {
  height: 2px;
  background-color: #aaa;
  background-color: var(--doc-menu-divider-background);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  /*width:98%;*/
  margin-left: 5px;
  margin-right: 5px;
  border-bottom: 1px solid #a0a0a0;
}


.noMargin
{
    margin:0 !important;
}

.noMarginLeft {
  margin-left: 0 !important;
}

.DocFrameContent{
    padding: 0;
}

.DocContent{
    padding-top: 5px;
    padding-left:0;
}

.DocContentRight{
    padding-top: 5px;
}

.DocFrameContent {
  /*border: 1px #adadad solid;*/
  border-top: 1px #adadad solid;
  border-left: 1px #adadad solid;
  border-right: 1px #adadad solid;
  border-bottom: 1px #adadad solid;
  margin-left: -7px;
  margin-right: 5px;
  padding-top: 4px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.DocContainerContentNewFile {
  margin-left: 10px !important;
  margin-right: 10px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.DocContainerContentPanelContainer,
.DocContainerContent {
  border-top: 1px #adadad solid;
  border-left: 1px #adadad solid;
  border-right: 1px #adadad solid;
  border-bottom: 1px #adadad solid;
  margin-left: -7px;
  margin-right: 5px;
  padding-top: 4px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.DocContainerContentPanelContainer {
  margin-top: 3px;
  padding: 0;
}

.DocContainerContentPanelContainer .panel {
  margin: 0px;
}

.DocContainerContent.noSideBar,
.DocContainerContentPanelContainer.noSideBar {
  margin-left: 0px;
  margin-right: 0px;
}

.DocContainerContent.noSideBar2,
.DocContainerContentPanelContainer.noSideBar2 {
  margin-left: -5px;
}

.DocNavigateSideBar {
  padding: 5px 5px 5px 15px;
  direction: rtl; /*scrollbar in left side*/
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.DocNavigateSideBarRight
{
   padding:5px 0 5px 0;
}



.DocSideMenu
{
    padding:0 !important;
    /*z-index:3; replaced by setting 'modal-allowed' on list items*/
}

.DocSideMenuRight
{
    padding: 0 15px 0 0 !important;
    z-index:3;
}


.DocNavTopBar{
    padding-top:4px;
}

.docConflicts .card-default > .card-header {
  background: #cccccc url(/res/img/ST_SideMenu_BG.png) 0 0 repeat;
  background: var(--page-header-background);
  color: #000;
}
.docConflicts .sectionRow .card-default > .card-header
{
    padding:5px 15px;
}

.overviews {
  background-color: #ffffff;
  background-color: var(--overviews-header-color);
}

.overviews .counter-panel {
    /*margin-top: 15px;*/
    margin-bottom: 15px;
    min-height: 170px;
    /*border-radius: 4px;*/
    -webkit-box-shadow: -6px 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: -6px 6px 12px rgba(0, 0, 0, 0.175);
}


  .overviews > * > .nav-tabs > li.active a.counter-panel-blue,
  .overviews > * > .nav-tabs > li.active a.counter-panel-blue:hover,
  .overviews > * > .nav-tabs > li.active a.counter-panel-blue:focus,
  .overviews .counter-panel.counter-panel-blue {
    background-color: #5bc0de; 
    background-color: var(--counter-panel-blue-body) !important;
  }

  .overviews > * > .nav-tabs > li.active a.counter-panel-red,
  .overviews > * > .nav-tabs > li.active a.counter-panel-red:hover,
  .overviews > * > .nav-tabs > li.active a.counter-panel-red:focus,
  .overviews .counter-panel.counter-panel-red {
    background-color: #d9534f;
    background-color: var(--counter-panel-red-body) !important;
  }

  .overviews > * > .nav-tabs > li.active a.counter-panel-darkBlue,
  .overviews > * > .nav-tabs > li.active a.counter-panel-darkBlue:hover,
  .overviews > * > .nav-tabs > li.active a.counter-panel-darkBlue:focus,
  .overviews .counter-panel.counter-panel-darkBlue {
    background-color: #0d6efd;
    background-color: var(--counter-panel-darkBlue-body) !important;
  }

  .overviews > * > .nav-tabs > li.active a.counter-panel-orange,
  .overviews > * > .nav-tabs > li.active a.counter-panel-orange:hover,
  .overviews > * > .nav-tabs > li.active a.counter-panel-orange:focus,
  .overviews .counter-panel.counter-panel-orange {
    background-color: #f0ad4e;
    background-color: var(--counter-panel-orange-body) !important;
  }

  .overviews > * > .nav-tabs > li.active a.counter-panel-black,
  .overviews > * > .nav-tabs > li.active a.counter-panel-black:hover,
  .overviews > * > .nav-tabs > li.active a.counter-panel-black:focus,
  .overviews .counter-panel.counter-panel-black {
    background-color: #000000;
    background-color: var(--counter-panel-black-body) !important;
  }

  .overviews > * > .nav-tabs > li.active a.counter-panel-purple,
  .overviews > * > .nav-tabs > li.active a.counter-panel-purple:hover,
  .overviews > * > .nav-tabs > li.active a.counter-panel-purple:focus,
  .overviews .counter-panel.counter-panel-purple {
    background-color: #9966FF;
    background-color: var(--counter-panel-purple-body) !important;
  }

  .overviews > * > .nav-tabs > li.active a.counter-panel-brown,
  .overviews > * > .nav-tabs > li.active a.counter-panel-brown:hover,
  .overviews > * > .nav-tabs > li.active a.counter-panel-brown:focus,
  .overviews .counter-panel.counter-panel-brown {
    background-color: #996600;
    background-color: var(--counter-panel-brown-body) !important;
  }

  .overviews > * > .nav-tabs > li.active a.counter-panel-green,
  .overviews > * > .nav-tabs > li.active a.counter-panel-green:hover,
  .overviews > * > .nav-tabs > li.active a.counter-panel-green:focus,
  .overviews .counter-panel.counter-panel-green {
    background-color: #5cb85c;
    background-color: var(--counter-panel-green-body) !important;
  }

.overviews > * > .nav-tabs > li.active a.counter-tab,
.overviews > * > .nav-tabs > li.active a.counter-tab:hover,
.overviews > * > .nav-tabs > li.active a.counter-tab:focus {
  color: #ffffff;
}

.overviews > * > .nav-tabs a {
  font-weight: bold;
}

/*.overviews .tab-pane .charts-panel-gray .std-panel-header,
.overviews .tab-pane .files-panel-gray .std-panel-header {
  background-color: #E8E8E8;
  background-color: var(--default-background);
}
*/
.overviews .counter-panel-header {
  color: #ffffff;
  color: var(--overviews-counter-color);
  font-size: 16px;
  font-weight: 600;
  padding: 10px 30px 10px 10px;
}

.overviews .counter-panel-content {
  color: #ffffff;
  color: var(--overviews-counter-color);
  /*font-size: 46px;*/
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  padding-top: 5px;
  /*padding-bottom: 135px;*/
}

.overviews .counter-card-footer {
  color: #ffffff;
  color: var(--overviews-counter-color);
  font-size: 14px;
  font-weight: 600;
  padding: 5px 10px 5px 10px;
  /*margin-top: 50px;*/
  position: absolute;
  bottom: 1px;
  width: 100%;
}

.counter-card-footer > a {
  color: #ffffff;
  color: var(--overviews-counter-color);
}

.counter-panel-blue .counter-card-footer {
  background-color: #31b0d5;
  background-color: var(--counter-panel-blue-header);
}

.counter-panel-red .counter-card-footer {
  background-color: #c9302c;
  background-color: var(--counter-panel-red-header);
}

.counter-panel-darkBlue .counter-card-footer {
  background-color: #104E89;
  background-color: var(--counter-panel-darkBlue-header);
}

.counter-panel-orange .counter-card-footer {
    background-color: #ec971f;
}

.counter-panel-black .counter-card-footer {
  background-color: #666666;
  background-color: var(--counter-panel-black-header);
}

.counter-panel-purple .counter-card-footer {
  background-color: #6666CC;
  background-color: var(--counter-panel-purple-header);
}

.counter-panel-brown .counter-card-footer {
  background-color: #663300;
  background-color: var(--counter-panel-brown-header);
}

.counter-panel-green .counter-card-footer {
  background-color: #449d44;
  background-color: var(--counter-panel-green-header);
}

.counter-panel-blue .counter-panel-header {
  background-color: #31b0d5;
  background-color: var(--counter-panel-blue-header);
}

.counter-panel-red .counter-panel-header {
  background-color: #c9302c;
  background-color: var(--counter-panel-red-header);
}

.counter-panel-darkBlue .counter-panel-header {
  background-color: #104E89;
  background-color: var(--counter-panel-darkBlue-header);
}

.counter-panel-orange .counter-panel-header {
  background-color: #ec971f;
  background-color: var(--counter-panel-orange-header);
}

.counter-panel-black .counter-panel-header {
  background-color: #666666;
  background-color: var(--counter-black-darkBlue-header);
}

.counter-panel-purple .counter-panel-header {
  background-color: #6666CC;
  background-color: var(--counter-purple-darkBlue-header);
}

.counter-panel-brown .counter-panel-header {
  background-color: #663300;
  background-color: var(--counter-brown-darkBlue-header);
}

.counter-panel-green .counter-panel-header {
  background-color: #449d44;
  background-color: var(--counter-panel-green-header);
}

.counter-panel-blue .std-panel-header {
  background-color: #5bc0de;
  background-color: var(--counter-panel-blue-body);
  color: #fff;
}

.counter-panel-red .std-panel-header {
  background-color: #d9534f;
  background-color: var(--counter-panel-red-body);
  color: #fff;
}

.counter-panel-darkBlue .std-panel-header {
  background-color: #135DA2;
  background-color: var(--counter-panel-darkBlue-body);
  color: #fff;
}

.counter-panel-orange .std-panel-header {
  background-color: #f0ad4e;
  background-color: var(--counter-panel-orange-body);
  color: #fff;
}

.counter-panel-black .std-panel-header {
  background-color: #000000; /*#666666*/
  background-color: var(--counter-panel-black-body);
  color: #fff;
}

.counter-panel-purple .std-panel-header {
  background-color: #9966FF;
  background-color: var(--counter-panel-purple-body);
  color: #fff;
}

.counter-panel-brown .std-panel-header {
  background-color: #996600;
  background-color: var(--counter-panel-brown-body);
  color: #fff;
}

.counter-panel-green .std-panel-header {
  background-color: #5cb85c;
  background-color: var(--counter-panel-green-body);
  color: #fff;
}

.expandCounter
{
    
}

.overviews .chart-panel {
   margin-top: 15px;
   margin-bottom: 25px;
  -webkit-box-shadow: -6px 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: -6px 6px 12px rgba(0, 0, 0, 0.175);
}

.overviews .chart-panel:hover {
  
}

.overviews .top-combo {
  min-width:200px;
  /*padding-left: 3px;
  padding-right: 3px;*/
}

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

.bottom-btn {
  margin-left: 10px;
  margin-right: 10px;
}

.bottom-row{
    margin-bottom: 25px;
}

.overviews .chart-panel-header {
  height:40px;
  color: #363636;
  background: #f5f5f5;
  border-bottom: 1px solid #E4E4E4;
  padding: 5px 10px;
  font-size: 16px;
  font-weight:600;
}

.chart-panel-header .chart-panel-btn
{
    padding-left: 8px;
    padding-right: 8px;
}

.overviews .chart-panel-content {
  position: relative;
}

.overviews .chart-card-footer {
}

.chart-legend
{
    text-align:center;
    /*position: absolute;
    bottom:10%;
    right:10%;*/
    /*max-width:300px;*/
}

.chart-legend ul{
    padding: 10px;
    border: 1px solid #eee;
    background-color: #fff;
    list-style:none;
}

.chart-legend ul li{
    padding: 6px;
    /*border: 1px solid #eee;*/
    background-color: #fff;
    display: inline;
    list-style-type: none;
    list-style:none;
    /*padding-right: 20px;*/
}

.chart-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;    
    margin-left: 5px;    
}

/*customized dropdown-menu - begin*/

/*.dropdown-menu {
  background-color: #EBEBEB;
  border-radius: 4px;
}

.dropdown-menu .dropdown-item,
.dropdown-menu > li > a {
  color: #333;
}

.dropdown-menu > li.disabled > a {
  opacity: 0.65;
}


.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #3d4954;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #135DA2;
}

.dropdown-menu .divider {
  background-color: #adadad;
}*/

/*customized dropdown-menu - end*/

.dropdown-menu.menu-small {
  min-width: 160px;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.menu-small .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu.menu-small > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu.menu-small > li > a:hover,
.dropdown-menu.menu-small > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu.menu-small > .active > a,
.dropdown-menu.menu-small > .active > a:hover,
.dropdown-menu.menu-small > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu.menu-small > .disabled > a,
.dropdown-menu.menu-small > .disabled > a:hover,
.dropdown-menu.menu-small > .disabled > a:focus {
  color: #777;
}
.dropdown-menu.menu-small > .disabled > a:hover,
.dropdown-menu.menu-small > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/* 'no-selection' means selected (active/focused) list item behaves like other list items - not marked visually as selected */
.dropdown-menu.no-selection > li.active > a,
.dropdown-menu.no-selection > li.active > a:focus {
  color: inherit;
  background-color: inherit;
}

.dropdown-menu.no-selection > li.active > a:hover {
  color: #262626;
  background-color: #f5f5f5;
}

/*customized bootstrap-datetimepicker-widget - begin*/

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  color: #ffffff;
  background: #3d4954;
}
.bootstrap-datetimepicker-widget td.disabled {
  text-decoration: line-through;
}
.bootstrap-datetimepicker-widget td span:hover {
  color: #ffffff;
  background: #3d4954;
}

.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  color: #ffffff;
  background: #3d4954;
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  color: #ffffff;
  background-color: #135DA2;
}

/*customized bootstrap-datetimepicker-widget - end*/

.std-panel {
   margin-top: 15px;
   margin-bottom: 25px;
}

.std-panel:hover {
  
}


.std-panel-header {
  min-height:40px;
  color: #363636;
  /*background: #f5f5f5;*/
  border-bottom: 1px solid #E4E4E4;
  padding: 5px 10px;
  font-size: 16px;
  font-weight:600;
}

.std-panel-header .std-panel-btn
{
    padding-left: 8px;
    padding-right: 8px;
}

.std-panel-content {

}

.std-card-footer {
}

tr.quoteapproval-subsubtotalitem {
    background-color: #cccccc;
}

tr.quoteapproval-subsubtotalitem td,
tr.quoteapproval-subsubtotalitem input {
    color: #000000;
    background-color: #cccccc !important;
}


tr.quoteapproval-subtotalitem {
    background-color: #cccccc;
}

tr.quoteapproval-subtotalitem td,
tr.quoteapproval-subtotalitem input {
    color: #000000;
    font-weight: bold;
    background-color: #cccccc !important;
}

tr.quoteapproval-totals {
    border-top: 5px black double;
    background-color: #aaaaaa;
}

tr.quoteapproval-totals td,
tr.quoteapproval-totals input {
    color: #000000;
    font-weight: bold;
    background-color: #cccccc !important;
}

.audititem-isoverpriced * :not(.input-group-addon) {
    background-color: pink !important;
}

.auditlistitem-isoverpriced * {
    background-color: pink !important;
}

.docmail-list-panel {
    background-color: #fff;
    border: 0px;
}

.docmail-list-panel > .card-body {    
    border: 0px;
}

.docmail-list > li.docmail-listline {
    border-bottom: 2px solid #ddd;
}

.docmail-listcol {
    font-size: 12px;
    color: #000;
}

.docmail-listpreviewtext {    
    font-size: 11px;
    font-weight: 300; /*negates activeLine boldness - this is body's default*/
    font-style: italic;
    color: #aaa;
}

.docmail-listcontenttext {
    font-size: 12px;
    /*font-weight: 300; /*negates activeLine boldness - this is body's default
    margin: 10px;*/
}

.docmail-messagebuttons-inactive
{
    display: none !important; 
}

.docList .list-group-item .mail-message {
  font-size: 12px;
  font-weight: 300; /*negates activeLine boldness - this is body's default*/
  margin: 10px;
  cursor: text;
}

.docList .list-group-item .mail-richtext {
  font-size: 12px;
  font-weight: 300; /*negates activeLine boldness - this is body's default*/
  margin: 10px;
  cursor: text;
}


.docList .list-group-item .mail-message-preview {
  font-size: 11px;
  font-weight: 300; /*negates activeLine boldness - this is body's default*/
  font-style: italic;
  color: #aaa;
}

.docList .list-group-item.unread-mail .docListCell:not(.mail-message) {
  font-weight: 600;
  color: #2E86C1;
}

.docList .list-group-item .row-icon,
.docList .list-group-item .cell-icon {
  font-size: 14px;
  padding-right: 5px;
  padding-left: 0px;
}

.docList .list-group-item .cell-btn { /*row button*/
  margin-right: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.docList .list-group-item img:first-child { /*row img icon*/
  padding-right: 5px;
  padding-left: 0px;
}

.title-icon {
  padding-right: 5px;
  padding-left: 0px;
}

.card-body .btn-toolbar.panel-toolbar {
  margin-top: -13px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 3px;
}

.tab-pane .btn-toolbar.tab-pane-toolbar {
  margin-top: 5px;
  margin-bottom: 5px;
}

.card-body .panel.panel-panel {
  margin-left: -10px;
  margin-right: -10px;
}

.btn-toolbar > .btn-group.float-end {
  margin-right: 0px; /*all btn-group.float-end will have margin right 0 - see next css statement for details*/
  margin-left: 0px;
}

.btn-toolbar > .btn-group.float-end ~ .btn-group.float-end {
  margin-right: 5px; /*all but the first btn-group.float-end will have margin right 5*/
}

i.new-mail {
  color: #2E86C1;
}

i.flagged-mail,
.docList .list-group-item .cell-icon.flagged-mail {
  color: #F0AD4E;
}

.docList .list-group-item .cell-icon.not-flagged-mail {
}

.docList .list-group-item .mail-message .row {
  margin-right: 5px;
}

.line-preview-section {
  width: 100%;
  display: inline-block;
  margin: 0;
  /*margin: 20px 0;*/
  border-top: 1px solid #EFF2F7;
  border-bottom: 1px solid #EFF2F7;
  padding: 10px 0;
}

.line-preview-section:last-child {
  /*margin-bottom: 5px;*/
  border-bottom: none;
}

.line-preview-section ul.thumbnails li {
    float: left;
    width: 200px;
    margin-right: 15px;
    margin-top: 15px;
    list-style: none;
}

.line-preview-section .btn-toolbar {
  margin-right: 2px;
  margin-left: 0px;
}

.docList .list-group-item .mail-message-compose {
  padding: 0;
  margin-top: 10px;
  margin-left: -2px;
  margin-right: 0px;
  margin-bottom: -20px;
  font-weight: normal;
}

.docList .list-group-item .mail-message-compose .panel {
  color: #767676;
  cursor: default;
}

/* DocsInProcess styles - begin */

.docsInProcessList {
}

ul.docList.docsInProcessList li.activeLine:not(:last-child) {
  color: rgb(235, 235, 235);
  background-image: none;
  background-color: rgb(72, 85, 99);
}

ul.docList.docsInProcessList .doc-process-preview {
  margin-top: 10px;
  padding-top: 6px;
  color: #000;
  background-color: transparent;
  background-image: linear-gradient(to right, rgb(214, 214, 214), rgb(255, 255, 255));
}

.docsInProcessList .queue-view,
.docsInProcessList .line-preview-section {
  cursor: default;
}

.queue-view {
  color: #000;
}

.queue-view .queue-caption-label {
  color: #767676;
  font-size: 12px;
  font-weight: bold;
}

.card-body .queue-view .queue-caption-label {
  background-color: whitesmoke;
}

/* DocsInProcess styles - end */

.docAccordionContainer {
  /*margin:5px;*/
}

.docAccordionContainer .card-header
{
    background-color:#a0a0a0;
    color:#fff;
}

.docAccordionContainer .card-footer
{
    background-color:#cecece;
    color:#000;
}


.docAccordionContainer .text-muted,
.docAccordionContainer .text-header
{
    /*color:#bcbcbc;*/
    color:#333 !important;
}

.docDetails-toolBar
{

}

.docDetails-searchCombo
{
    border:1px solid #adadad;
    border-top-right-radius:0px !important;
    border-bottom-right-radius:0px !important;
    border-top-left-radius:4px !important;
    border-bottom-left-radius:4px !important;
}

.docDetails-searchCombo .select2-arrow,
.docDetails-searchCombo .select2-selection__arrow {
    display: none !important;
}

img.Img0
{
    cursor: pointer;
    vertical-align : middle; 
    border-width: 3px;
    border-color: #ffffff;
}

img.Img90
{
     
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
    transform: rotate(90deg);
    cursor: pointer;
    vertical-align : middle; 
    border-width: 3px;
    border-color: #ffffff;
}

img.Img180
{
     
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); 
    -webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg); 
    -o-transform: rotate(180deg); 
    transform: rotate(180deg);
    cursor: pointer;
    vertical-align : middle; 
    border-width: 3px;
    border-color: #ffffff;
}


img.Img270
{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
    -webkit-transform: rotate(270deg); 
    -moz-transform: rotate(270deg); 
    -o-transform: rotate(270deg); 
    transform: rotate(270deg);
    cursor: pointer;
    vertical-align : middle; 
    border-width: 3px;
    border-color: #ffffff;  
}

.fixedFooter {
    bottom: 0;
    width:100%;
    position: absolute;
}



.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
}

.mailTopRow {
  background: #f5f5f5;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
}

.thumb-col {
  padding: 2px;
}

.thumb-col .thumbnail {
  display: table;
  width: 100%;
  padding: 4px;
  margin-bottom: 0px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
  position: relative;
  border-collapse: separate;
}

.thumb-col .thumbnail:only-child {
  border-bottom: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.thumb-col .caption {
  padding: 9px;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}

.thumb-col .thumbnail-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.thumb-col .thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.thumb-col .thumbnail .delbtn {
  position: absolute;
  right: 5px;
  font-size: 14px;
  vertical-align: middle;
  color: white;
  height: 19px;
  width: 19px;
  padding: 0px;
}

.thumb-col .thumbnail .spinner {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.thumb-col .thumbnail .load-spinner {
  font-size: 40px;
  color: #888888;
  line-height: 84px;
}

.thumb-col .thumbnail .progress {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 5px;
  padding: 0px;
  margin: 0px;
  border: none;
}

.chart-container {
  position: relative;
}

.chart-container .chart-zoom-buttons-div {
  position: absolute;
  top: 13px;
  left: 27px;
  right: auto;
}

.chart-container .chart-zoom-buttons-div-right {
  position: absolute;
  top: 13px;
  right: 27px;
  left: auto;
}


.chart-zoom-buttons-div button {
  text-align: center;
  font-size: 21px;
  width: 34px;
  color: #454545;
  padding: 0px;
  margin: 0px 3px 0px 3px;
  opacity: 0.7;
  outline: none !important;
}

.chart-zoom-buttons-div button:hover {
  margin: 0px 3px 0px 3px;
}

.chart-zoom-buttons-div button:focus {
  outline: none !important;
}

.chart-zoom-buttons-div button:first-child {
  margin-left: 0px;
  margin-right: 3px;
}

.chart-zoom-buttons-div button:last-child {
  margin-left: 3px;
  margin-right: 0px;
}

.tab-pane .uploadfile-recordslist-panel:first-child {
  margin-top: 3px;
}

/* UploadFile classes - begin */

.uploadfile-source-table {
  /* currently place holder only */
}

.uploadfile-source-table > thead > tr > td.active,
.uploadfile-source-table > tbody > tr > td.active,
.uploadfile-source-table > tfoot > tr > td.active,
.uploadfile-source-table > thead > tr > th.active,
.uploadfile-source-table > tbody > tr > th.active,
.uploadfile-source-table > tfoot > tr > th.active,
.uploadfile-source-table > thead > tr.active > td,
.uploadfile-source-table > tbody > tr.active > td,
.uploadfile-source-table > tfoot > tr.active > td,
.uploadfile-source-table > thead > tr.active > th,
.uploadfile-source-table > tbody > tr.active > th,
.uploadfile-source-table > tfoot > tr.active > th {
  color: #EBEBEB !important;
  background-color: #485563 !important;
}

.uploadfile-records-table {
  cursor: default;
}

.uploadfile-fields-list {
  /* currently place holder only */
}

.uploadfile-fields-list li.list-group-item .checkboxbtn,
.uploadfile-fields-list li.list-group-item .checkboxbtn:focus,
.uploadfile-fields-list li.list-group-item .checkboxbtn:hover,
.uploadfile-fields-list li.list-group-item .checkboxbtn:active {
  padding: 0px 10px;
  color: inherit;
  background-color: transparent;
  outline: none;
}

.uploadfile-fields-list li.list-group-item .checkboxbtn:disabled {
  color: #999999;
}

.uploadfile-fields-list .list-group-item.active:not(.assigned) {
  color: inherit !important;
  background-color: inherit !important;
}

.uploadfile-fields-list .list-group-item.active {
  border: 4px solid #485563 !important;
  padding-top: 7px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
}

.uploadfile-fields-list .list-group-item .badge {
  color: #135da2;
  background-color: #ffffff;
}

.uploadfile-fields-list .list-group-item .badge.warning {
  color: #ffffff;
  background-color: #d9534f;
}

tr.csv-header-1 {
  background-color: #d6d6d6;
}

tr.csv-header-1,
tr.csv-header-2 {
  color: #135da2;
}

tr.csv-header-1 .btn-secondary {
  color: #135da2;
  background-color: transparent;
}

tr.csv-header-1 .btn-secondary:hover {
  color: #ffffff;
  background-color: #485563;
}

tr.csv-header-1 .btn-secondary:focus,
tr.csv-header-1 .btn-secondary:active,
tr.csv-header-1 .btn-secondary.active {
  color: #ffffff;
  background-color: #3d4954;
}

th.csv-line-num,
td.csv-line-num {
  color: #135da2;
  background-color: #d6d6d6;
}

.csv-cell {
  /* currently selector holder only */
}

.uploadfile-fields-list .assigned,
.uploadfile-source-table td.assigned {
  /* currently 'color' is common to all 'csv-colors-*' classes */
  color: #767676 !important;
}

.csv-current-field-header {
  border: 4px solid #485563 !important;
  padding-bottom: 4px;
  padding-top: 4px;
}

.csv-colors-1.assigned {
  background-color: #ccffff !important;
}

.csv-colors-2.assigned {
  background-color: #ccccff !important;
}

.csv-colors-3.assigned {
  background-color: #99ccff !important;
}

.csv-colors-4.assigned {
  background-color: #ffccff !important;
}

.csv-colors-5.assigned {
  background-color: #ffcccc !important;
}

.csv-colors-6.assigned {
  background-color: #ffffcc !important;
}

.csv-colors-7.assigned {
  background-color: #ccffcc !important;
}

.csv-colors-8.assigned {
  background-color: #66ffff !important;
}

.csv-colors-9.assigned {
  background-color: #66ccff !important;
}

.csv-colors-10.assigned {
  background-color: #99ccff !important;
}

.csv-colors-11.assigned {
  background-color: #cc99ff !important;
}

.csv-colors-12.assigned {
  background-color: #ff99ff !important;
}

td.csv-cell.has-error,
td.csv-cell.has-error.assigned {
  color: white !important;
  background-color: red !important;
}

tr.csv-row {
  outline: none;
}

tr.csv-row.active td.csv-cell.has-error,
tr.csv-row.active td.csv-cell.has-error.assigned {
  background-color: darkred !important;
}

.upload-txt-file {
    font-family: monospace, monospace;
    font-size: 1em;
}

.upload-txt-file-char-cell {
    /*   
    width: 10px !important;
    min-width: 16px;
    */
    text-align: center;
    padding: 0 !important;
    /*border: 1px solid green !important;*/
    border: 1px solid transparent !important;
    font-family: monospace;
}

.uploadfile-fields-list li.list-group-item a.has-error {
  color: red;
}

.uiblocker-blocking-layer {
  display: none;
  position: absolute;
  opacity: 0.0;
  filter: alpha(opacity=0);
  background-color: #ffffff;
  cursor: not-allowed;
  z-index: 500;
}

.uiblocker-allowed {
  position: relative;
  z-index: 505;
}

.alert.upload-file-status {
  padding-left: 0px;
  padding-right: 0px;
}

.progress.upload-file-status {
  margin-bottom: 0px;
  position: relative;
}

.progress.upload-file-status span {
  position: absolute;
  display: block;
  width: 100%;
  /*color: black;*/
}

.translation-values-list-container {
  max-height: 500px;
  overflow-y: auto;
}

li.default-translation-value-listitem {
  color: #ffffff;
  background-color: #485563;
}

span.upload-file-total-field {
  display: inline-block;
  width: 110px;
  padding: 8px;
  cursor: default;
}

span.upload-file-total-field-value {
  display: inline-block;
  width: 72%;
  margin-left: 5px;
}

.upload-file-value-hasdiff {
  font-weight: 700;
}
/* UploadFile classes - end */

.spinner input {
  /*text-align: right;*/
}

.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 3%;
  vertical-align: middle;
  display: table-cell;
}

.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 9px;
  margin-left: -1px;
  position: relative;
  color: #767676;
  background-color: #BFBFBF;
  border: 1px solid transparent;
  border-radius: 0;
  outline: none;
}

.input-group-btn-vertical > .btn:first-child {
}

.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
}

.input-group-btn-vertical i {
  position: absolute;
  top: 1px;
  left: 5px;
}

.auditSummary .chart-panel {
  /*margin-top: 15px;*/
  /*margin-bottom: 25px;*/
  /*-webkit-box-shadow: -6px 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: -6px 6px 12px rgba(0, 0, 0, 0.175);*/
}

.auditSummary .chart-panel:hover {
}


.auditSummary .chart-panel-header {
  height: 40px;
  color: #135da2;
  background: #d6d6d6;
  border-bottom: 1px solid #E4E4E4;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 600;
}

.chart-panel-header .chart-panel-btn {
  padding-left: 8px;
  padding-right: 8px;
}

.auditSummary .chart-panel-content {
  position: relative;
}

.auditSummary .chart-card-footer {
}

.benef-cell{
  padding-top: 10px;
  padding-bottom: 10px;
}

.benef-cell-sep{
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 1px solid black;
}

.bill-cell {
  padding-top: 10px;
  padding-bottom: 10px;
}

ol.list-inline.compact,
ul.list-inline.compact {
  margin-bottom: 0.5px;
}

.fa-equal {
  font-family: Arial;
  font-weight: bold;
}

.fa-equal::before {
  content: "=";
}

.loginPage {
  background-color: #337ab7;
  /*background-image: url('/res/img/DS_logo.png');*/
  background-image: url('/res/svg/logo_screen_v2.svg');
  background-position: 50%  90%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.loginPage .mainbox {
  margin-top: 50px;
}

.loginPage .recoverlink {
  /*font-size: 80%;*/
  position: relative;
  top: -10px;
}


.loginPage .signupfooter {
  border-top: 1px solid#888;
  padding-top: 15px;
  font-size: 85%;
}

.loginPage .signupfootersep {
  border-top: 1px solid #999;
  padding-top: 20px;
}

.infoReprtsList {
}

ul.docList.infoReprtsList li.activeLine:not(:last-child) {
  color: rgb(235, 235, 235);
  background-image: none;
  background-color: rgb(72, 85, 99);
}

ul.docList.infoReprtsList .inforeport-linepanel-container {
  margin-top: 10px;
  color: #767676;
  background-color: transparent;
  background-image: linear-gradient(to right, rgb(214, 214, 214), rgb(255, 255, 255));
}

ul.docList.infoReprtsList .inforeport-linepanel-col {
  font-weight: normal;
  padding :5px;
  cursor: default;
}

ul.docList.infoReprtsList .dl-horizontal {
  margin-top: 10px;
  margin-bottom: 10px;
}

ul.docList.infoReprtsList .dl-horizontal dt {
  width: 110px;
}

ul.docList.infoReprtsList .dl-horizontal dd {
  margin-left: 120px;
  font-weight: normal;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.card-header.small {
  line-height: normal;
  font-size: 12px;
}

.vertical-center {
  min-height: 100%; /* Fallback for vh unit */
  /*min-height: 100vh;  You might also want to use
                        'height' property instead.
                        
                        Note that for percentage values of
                        'height' or 'min-height' properties,
                        the 'height' of the parent element
                        should be specified explicitly.
  
                        In this case the parent of '.vertical-center'
                        is the <body> element */
  height: 100vh;
  /* Make it a flex container */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* Align the bootstrap's container vertically */
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* In legacy web browsers such as Firefox 9
     we need to specify the width of the flex container */
  width: 100%;
  /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
     hence the bootstrap's container won't be aligned to the center anymore.
  
     Therefore, we should use the following declarations to get it centered again */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/* Dual selector table classes - begin */

table.dual-selector {

}

table.dual-selector > tbody > tr > td {
  vertical-align: top;
  border: 1px solid #CECECE;
}

table.dual-selector > tbody > tr > td.selector-pane {
  width: 48%;
}

table.dual-selector > tbody > tr > td.control-cell {
  color: #767676;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}

table.dual-selector > tbody > tr > td.handler-cell {
    background: #ffffff;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

table.dual-selector > tbody > tr > td.handler-cell > span.handler-btn {
    background: #ffffff;
    color: #666666;
    text-shadow: 1px 1px #B3B3B3;
    text-align: center;
    font-size:20px;
    font-weight:600;
}



table.dual-selector > tbody > tr > td.control-cell:hover {
  color: #FFF;
  background-color: #D6D6D6;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

table.dual-selector > tbody > tr > td.control-cell.select {
}

table.dual-selector > tbody > tr > td.control-cell.deselect {
}

table.dual-selector > tbody > tr > td.control-cell.select > i,
table.dual-selector > tbody > tr > td.control-cell.deselect > i {
}

table.dual-selector > tbody > tr > td.control-cell.moveup {
}

table.dual-selector > tbody > tr > td.control-cell.movedown {
}

table.dual-selector > tbody > tr > td.control-cell.moveup > i,
table.dual-selector > tbody > tr > td.control-cell.movedown > i {
}

/* Dual selector table classes - end */

.btn-compact {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  outline: none !important;
}

.label-compact {
  padding-left: 5px !important;
  padding-right: 5px !important;
  white-space: normal !important;
}

.HeaderMacroEdit {
}

.headerMacroInfo{
    font-size:16px;
    font-weight:600;
}

.paramMacroEdit {
    cursor: pointer !important;
}

.paramMacroEdit:hover {
    color: navy;
    font-weight: bold;
}

.formula-card-primary {
  border-color: red;
}

.formula-card-primary > .card-header {
  color: #ffffff;
  background-color: #135DA2;
  border-color: transparent;
}

.formula-card-primary > .card-footer {
  color: #ffffff;
  background-color: #135DA2;
  border-color: transparent;
}

.formula-card-primary > .card-header + .panel-collapse .card-body {
  border-top-color: transparent;
}

.formula-card-primary > .card-footer + .panel-collapse .card-body {
  border-bottom-color: transparent;
}


.formula-card-default {
  border-color: transparent;
}

  /*.formula-card-default > .card-header {
  color: #333333;
  background-color: #485563;
  border-color: transparent;
}

.formula-card-default > .card-footer {
  color: #333333;
  background-color: #f5f5f5;
  border-color: transparent;
}


*/

  .formula-card-default > .card-header {
    /*background-color: #485563;*/
    background-color: #f5f5f5;
    color: #ebebeb;
    font-weight: 600;
    font-size: 15px;
  }

  .formula-card-default > .card-footer {
    /*background-color: #485563;*/
    background-color: #f5f5f5;
    color: #ebebeb;
    font-weight: 600;
    font-size: 15px;
  }


.formula-card-default > .card-header + .panel-collapse .card-body {
    border-top-color: transparent;
}

.formula-card-default > .card-footer + .panel-collapse .card-body {
  border-bottom-color: transparent;
}


.paramNotValid {
  color: #e63a3a;
}

.macroNotValid {
  background-color: #FF8080;
}



/* Remove default bullets */
ul.frametree {
  list-style-type: none;
}

/* Remove margins and padding from the parent ul */
.frametree {
  margin: 0;
  padding: 0;
}

/* Style the caret/arrow */
.frametree-caret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
  .frametree-caret::before {
    content: "\25B6";
    color: blue;
    display: inline-block;
    margin-right: 6px;
    transition: all 0.4s ease;
    transform: rotateZ(0deg);
  }

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.frametree-caret-down::before {
  transform: rotateZ(90deg);
  transition: all 0.4s ease;
}

/* Hide the nested list */
.frametree-nested {
  display: none;
  list-style-type: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.frametree-active {
  display: block;
  list-style-type: none;
}

.frametree-frame {
  color: blue;
  font-weight:600;
  font-size:16px;
}
.frametree-section {
  color: green;
  font-weight: 600;
  font-size: 14px;
}
.frametree-part {
  color: black;
  font-size: 14px;
}
.frametree-labor {
  color: gray;
  font-size: 14px;
}

.frametree-caret.labor {
  cursor: default;
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.frametree-caret.labor::before {
  /*content: "\21A9";*/
  /*content: "\21AA";*/
  content: "\23F9";
  color: blue;
  display: inline-block;
  margin-right: 6px;
  transition: none;
  transform: none;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.frametree-caret-down.labor::before {
  transform: none;
  transition: none;
}

.mapLegend {
  font-family: Arial, sans-serif;
  background: #fff;
  padding: 10px;
  margin: 10px;
  border: 3px solid #000;
}

/*.mapLegend h3 {
  margin-top: 0;
}

.mapLegend img {
  vertical-align: middle;
}*/

.formulaEditBox 
{
  direction:ltr;
  text-align:left;
}

.formulaInput 
{
  direction:ltr;
  text-align:left;
}


.formulaEditDlg {
  
}

.errorMenuItem {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: -webkit-fill-available;
  color: #333;
  display: block;
  padding: 10px 10px;
  clear: both;
  font-size: 15px;
  line-height: 1.42857143;
}


.errorMenuItem:focus,
.errorMenuItem:hover {
  color: #ffffff;
  background-color: #3d4954;
  text-decoration: none;
  cursor: pointer;
}


.docInvalidsList li.list-group-item:hover:not(:first-child):not(.list-group-item-view),
.docInvalidsList li.list-group-item:focus:not(:first-child):not(.list-group-item-view),
.docInvalidsList li.list-group-item.active2 {
  background-color: #bbb;
}

.docInvalidsLink {
  cursor: pointer;
  font-size: 16px;
}

.docInvalidsCell a:hover,
.docInvalidsLink a:hover {
  /*font-weight:600*/
}



.check-switch {
  -webkit-appearance: none; /*hides the default checkbox*/
  height: 20px;
  width: 20px;
  position: relative;
  top: 20px;
  left: 20px;
  transition: 0.10s;
  background-color: #FE0006;
  text-align: center;
  font-weight: 600;
  color: white;
  border-radius: 3px;
  outline: none;
}

  .check-switch:checked {
    background-color: #0E9700;
  }

  .check-switch:before {
    content: "✖";
  }

  .check-switch:checked:before {
    content: "✔";
  }

  .check-switch:hover {
    cursor: pointer;
    opacity: 0.8;
  }

.reorder-cell {
    color: #767676;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #CECECE;
    height: 12rem;
    width: 4rem;
}

.reorder-cell:hover {
    color: #FFF;
    background-color: #D6D6D6;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.reorder-cell-icon {
    margin-top: 4rem;
}

.reorder-cell-no-padding-left {
    padding-left: 0;
}

.reorder-cell-no-padding-right {
    padding-right: 0;
}

.reorder-cell-selected {
    background-color: #485563;
    color: #fff;
}




/*profile page */
.profile-panel {
  border: 1px #adadad solid;
  margin-top: 15px;
  margin-bottom: 15px;
  min-height: 200px;
  padding: 5px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}

.profile-panel-titel {
  color: #135da2;
  background-color: #d6d6d6;
  padding: 10px;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.profile-view-hr {
  margin: 5px;
}

.profile-text-caption {
  margin: 5px;
  font-size: 16px;
  font-weight: 600;
  color: black
}

.profile-text-data {
  word-break:break-word;
}


.profile-list-group-header {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  color: #135da2;
  background-color: #d6d6d6;
}

/* profile image */

.profile-image-div {

}

.profile-image-div:hover {
  /*opacity: 0.6;*/
}

.profile-image:hover {
  cursor: pointer;
}

.profile-image-btn {
  position: absolute;
  top: 40px;
  left: 40px;
}

.profile-image-btn:hover {
  
}
.profile-image-label {
  color: black;
  font-weight: 600;
  position: absolute;
  top: 40px;
  left: 80px;
}

.dashdoardPage {
  background-color: #337ab7;
  /*background-image: url('/res/img/DS_logo.png');*/
  background-image: url('/res/svg/logo_screen_v2.svg');
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.dashdoardPage .newsbox {
  margin-top: 50px;
  margin-left: 25px;
  margin-right: 25px;
}

.catNumEditBox 
{
  direction:ltr;
  text-align:left;
}

.col-fixed-700{
    width:700px;
    position:fixed;
    height:100%;
    z-index:1;
}

.col-offset-700{
    padding-left:700px;
    z-index:0;
}

.noPaddingLeftRight {
  padding-left: 0;
  padding-right: 0;
}


/* Favorites dropdown menu */
.dropdown-menu.favorites {
    /*max-width:320px !important;*/
    min-width:260px !important;
    max-height:500px !important;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /*top:42px;*/
    /*width:300px !important;*/
    padding:10px 10px 10px 10px;
    box-shadow:0 0px 5px rgba(0,0,0,0.5) !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#fff;
    border:none;
    /*left:-10px;*/
}

.dropdown-menu.favorites .dropdown-item {
  cursor: pointer;
}


.dropdown-menu.favorites .dropdown-item img{
  padding-left: 0;
  padding-right: 5px;
}


.dropdown-menu.favorites .dropdown-item .links {
    white-space: nowrap;
    font-size:11px;
    color: #ffffff;  
    padding-left: 5px;
    padding-right: 5px;  
    padding-top: 5px;  
}

.dropdown-menu.favorites .dropdown-item .links:hover {
    color: blue;
    text-decoration: underline;
}

.dropdown-menu.favorites li div {
    background:#f1f2f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:10px;
    margin-bottom:10px;
    float:left;
    width:100%;
    color:#32323a;
}

.dropdown-menu.favorites li div.mailBtns {
    background:#fff;
    padding-left:0;
    padding-right:0;
    margin-bottom:10px;
    float:left;
    width:100%;
}

.dropdown-menu.favorites li p {
    margin:0;
    padding:10px 0;
    border-radius:0px;
    -webkit-border-radius:0px;
}
.dropdown-menu.favorites li div {
    font-size:12px;
    list-style:none;
}
.dropdown-menu.favorites li div:hover {
    color:#32323a;
}

.dropdown-menu.favorites li div .photo img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float:left;
    height:40px;
    margin-right:10px;
    width:40px;
}
.dropdown-menu.favorites li div .subject {
    display:block;
    font-weight: 600;
}
.dropdown-menu.favorites li div .subject .from {
    font-size:12px;
    font-weight:600;
    font-weight: 400;
}
.dropdown-menu.favorites li div .subject .time {
    font-size:11px;
    font-style:italic;
    font-weight:bold;
    position:absolute;
    right:20px;
    font-weight: 400;
}
.dropdown-menu.favorites li div .message {
    /*display:block !important;*/
    white-space: normal;
    font-size:11px;
    font-weight: 400;
}

.dropdown-menu.favorites li.items {
    background:#f1f2f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:1px;
    margin-bottom:10px;
    float:left;
    width:100%;
    color:#32323a;
}

.dropdown-menu.favorites li.items a{
    color:#000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:1px;
}

.dropdown-menu.favorites li.items a:hover{
    color:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-menu.favorites li.items a:active{
    color:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.desktop-container {
  border: none;
}

.edit-schema-container {
  border: none;
}

.audit-status-ok {
  color: #00BB00;
}

.audit-status-lowprice {
  color: #F0AD4E;
}

.audit-status-error {
  color: #EE0000;
}