#main {margin-top:40px;width:100%}
.Error { color: red; }
.hidden {display:none;}
#searchTemplate {display:none;}
 /* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  top: 60px; /* 60px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 60px; opacity: 1;}
}

@keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 60px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {top: 60px; opacity: 1;}
  to {top: 0; opacity: 0;}
}

@keyframes fadeout {
  from {top: 60px; opacity: 1;}
  to {top: 0; opacity: 0;}
} 

.selectWidth {
    width:200px;
}

#txtTemplate {
    width:500px;
    height:300px;
}

.cvWrapper {
    width:100%;
}
textarea.cvWrapper {
    width:100%;
}

#txtCv {
    width: 800px;
    height: 800px;
}

.wrapper {
    display: flex;
    width: 100%;
}
#sidetoggleRight {
    margin-top: 16px;
}
#sidebarRight {
    width: 240px;
    position: fixed;
    display:none;
    top: 80px;
    right: 0px;
    height: 100%;
    z-index: 999;
    background: #f8f8f8;
    transition: all 0.3s;
}
.rightoffset {
    margin-right: 240px;
}
@media (max-width: 768px) {
#sidebar {
    width: 120px;
    position: fixed;
    display:none;
    top: 80px;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #f8f8f8;
    transition: all 0.3s;
}
.main {
  margin-left: 0px;margin-top:20px; /* Same width as the sidebar + left position in px */
}
#sidetoggle {
    display:block;
    float:left;
    margin-top: 8px;
    margin-left: 8px;
}

}
@media (min-width: 769px) {
#sidebar {
    width: 120px;
    position: fixed;
    top: 80px;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #f8f8f8;
    transition: all 0.3s;
}
#sidetoggle {
    display:block;
    float:left;
    margin-top: 8px;
    margin-left: 8px;
    margin-right: 8px;
}
.main {
  margin-left: 120px; /* Same width as the sidebar + left position in px */
}
.mt20 {
    margin-top:40px;
}
}

#main {
    
}

input {width:250px;margin-bottom: 2px;}
textarea {width:250px;margin-bottom: 2px;}
.fourHundredselect {width:250px;}
input[type='checkbox'] {width:10px}
input[type='radio'] {width:10px}
.wraptxt {width:250px;min-width:250px;display:block;}


div.pad8 table td {padding-bottom:10px}
div.pad8 input, div.pad8 input, div.pad8 textarea, div.pad8 select {display:block;}
div.pad8 input {margin-top:2px;}
div.pad8 textarea {max-height: 500px;}
div.pad8 {margin-bottom: 5px;}
h4 {margin-bottom: 0px;}
.red {color:red;font-weight: bold;}
.mT10 {margin-top:10px;}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
div.imageWrapper img {max-width:200px;}
div.imageWrapper {width:200px;}

.table td {max-width:250px;
           overflow-wrap: break-word;
           
}
.detailsMin {
    min-width: 600px;
}


@media (max-width: 1320px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
#navbar {
    width:100%;
}

table th, table td {
    width: auto !important;
    padding: 0px 0px 0px 5px;
}
.ml10 {
    margin-left:10px;
}

.loader {
  position: fixed;
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #428bca;
  width: 35px;
  height: 35px;
  left:50%;
  top:50%;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
.overlay{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 200%;
    background: black;
    opacity: .5;
    display:none;
}
.loadercontainer{
    position:relative;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.westlogo {
vertical-align:top;
margin-top:-16px;
}
.listHeaderLeft {float:left;background-color: #f9f9f9;}
.limitRight {float:right;background-color: #f9f9f9;}
.listHeaderContainer {
    background-color: #f9f9f9;
    padding:2px;
    display:block;
    height:24px;
   width:100%;
   margin-bottom:12px;
}
.listLimitWidth {width:250px;max-width:250px;display:block;}
.hideDetails {margin-left:14px; background-color: #f9f9f9;margin-bottom:12px;}
.w100 {width:100%;}
.orIdent {margin-left:10px;margin-bottom:10px;padding:10px;border: 1px solid grey;}
.colorRed {color:red;}

#footerFixed {
    bottom:0;
    position: fixed;
    left:0;
    height:20px;
    padding:1px;
    width:100%;
    background-color:#f8f8f8;
    border-color:#e7e7e7;
    text-align: center;
}
#footerFixed2 {
    bottom:20px;
    position: fixed;
    left:0;
    height:20px;
    padding:1px;
    width:100%;
    background-color:#f8f8f8;
    border-color:#e7e7e7;
    text-align: center;
}

@media (min-width: 1300px) {
.container {
    margin-right: auto;
margin-left: auto;
width:1300px;
}
}
#searchOuterWrapper {
    z-index:1501;
}
.notification {

  text-decoration: none;
  padding: 5px 6px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}
.notification img {
    margin-top:-6px;
    background-color:#f8f8f8;
}
.notification:hover {
  background: red;
}

.notification .badgeNotification {
  position: absolute;
  top: 2px;
  right: -5px;
  padding: 2px 7px;
  border-radius: 50%;
  background: red;
  color: white;
}
.padLeft5 {padding-left:5px;}
.right {float:right;}
.clear {clear: both;}
.max500 {max-width:500px;}

#drop_zone {
  border: 5px solid #d1d1d1;
  padding:5px;
  width:  250px;
  height: 100px;
}

.modal { overflow-y: auto }
#calendar {
    max-width: 1900px;
    margin: 0 auto;
  }