.home-preview {
    width: 100%;
    height: 2400px;
    background-image: url(img/home.jpg);
    background-size:cover
}

.action-back { color: #ccc; }

.p { display: block;}


/*datetime picker issue is*/
p { margin-bottom: 0 !important; }


.bold { font-weight: bold;}

.italic { font-style: italic;}

.error { color: red;}
/*input.ng-invalid { border: 1px solid red; background-color: #f9c3c3;}
input.ng-valid { }*/ 


input.xt-error { border: 1px solid red; background-color: #f9c3c3;}
input { background: white !important;}

/* loading container angular directive */
.loading-panel { position: relative; }
.loading-panel .loading:before, .loading-container .loading:after { content: " ";  position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-height: 50px; min-width: 50px; }
.loading-panel .loading:before { background-color: azure; opacity: 0.2; }

.boxed {
  border: 1px solid black ;
}
.my-animation.ng-enter {
  /* standard transition code */
  -webkit-transition: 1s linear all;
  transition: 1s linear all;
  opacity:0;
}
.my-animation.ng-enter-stagger {
  /* this will have a 100ms delay between each successive leave animation */
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;

  /* in case the stagger doesn't work then these two values
   must be set to 0 to avoid an accidental CSS inheritance */
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.my-animation.ng-enter.ng-enter-active {
  /* standard transition styles */
  opacity:1;
}

.k-group { display: none;}

.k-content { background: none !important;}



a.main-col { font-family: 'Segoe UI Light'; font-size: 18px; cursor: pointer; }
a.main-col:hover { color: black;text-decoration: underline; }


.isSpin { opacity: 0.8;}

 .animated {
                -webkit-transition: height 0.2s;
                -moz-transition: height 0.2s;
                transition: height 0.2s;
            }

 .page-header .header-buttons2 {
  /*display: inline-block;*/
  /*position: absolute;*/
  /*right: 0;
  top: 0;*/
  background: #f2f2f2;
  padding-left: 3px;
  box-shadow: 0px 3px 7px 0px #e6e6e6; 
  background-color: #fefefe; 
  -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;
}
.page-header .header-buttons2 a {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  z-index: 1029;
  height: 40px;
  /*width: 36px;*/
  margin-right: 0px;
  padding: 8px 10px;
  color: #dfdfdf;
  -webkit-transition: all 0.218s ease;
  -moz-transition: all 0.218s ease;
  -o-transition: all 0.218s ease;
  transition: all 0.218s ease;
  float: right;
}
.page-header .header-buttons2 a:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  right: 0;
  height: 4px;
  max-height: 4px;
  overflow: hidden;
  /*background-color: #2dc3e8;*/
}
.page-header .header-buttons2 a:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  color: #2dc3e8;
  text-decoration: none;
}
.page-header .header-buttons2 a.active {
  color: #2dc3e8;
}
.page-header .header-buttons2 a i {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 27px;
}
    

.widget-title {
  position: absolute;
  top: -3px;
  left: 10px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  padding: 5px 10px;
  border-top: 3px solid #5db2ff;
  color: #999999;
  font-size: 12px;
}





.hand { cursor: pointer; }



.file-upload {}
.file-upload .item-upload { position: relative; background-color: #f4f4f4; margin: 5px;padding: 10px; text-align: center;  -webkit-border-radius: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px; -moz-background-clip: padding; border-radius: 2px; background-clip: padding-box; }
.file-upload .selected { background-color: #bfe3bb; }
.file-upload .text-selected { color: black; }
.file-upload .cancel-icon { display: inline-block; font-size: 13px; position: absolute; right: 3px; top:3px; color:rgb(250, 110, 82); }
.file-upload .file-name { color: #bbb;font-weight: bold; }
.file-upload .file-size {color: #bbb; }


.view-title {  font-family: 'Segoe UI Light', 'Open Sans'; font-size: 30px;margin: 5px 0; }

.navbar-account-mobile { display: none;right: 8px;top: 5px; font-size: 24px;}

/*@media screen and (max-width: 900px) {
  .page-breadcrumbs,
  .navbar-account { display: none;}

}*/

@media (max-width: 880px) {
  /*.page-content { margin-left: 40px !important;margin-top: 20px; }*/
}

@media screen and (max-width: 600px) {
  .nav-user-profile { display: none !important; }
}

@media screen and (max-width: 550px) {
  .toolbar-title,
  .refresh,
  .fullscreen { display: none !important; }

  .navbar { top:0px; }
  .page-header { top: 40px !important; left: 0 !important; }
  .main-container { margin-top: 40px !important; }
  .languages { top: 5px !important;right: 100px !important;}
 
  .page-content { margin-left: 0px !important;margin-top: 20px; }
  .page-sidebar.sidebar-fixed { top: 40px !important;}
  .page-sidebar.sidebar-fixed:before { top: 40px !important;}
  .menu-compact { display: none; }
  
  .nav-logo,
  .nav-text-caps,
  .nav-user-profile { display: none !important; }
  .nav-text { top: -2px !important;left: 10px !important;}
  .sidebar-collapse {left: auto !important;top: 5px !important; right: 10px !important;}
  
  .navbar-account-mobile { display: block !important; }
  .view-title { font-size: 22px !important;}
}





/*st-sort arrows*/
.st-sort-ascent  { background: url('img/sort_asc.png')  no-repeat center right; cursor:default; }
.st-sort-descent { background: url('img/sort_desc.png') no-repeat center right; cursor:default; }
th[st-sort]:not(.st-sort-ascent):not(.st-sort-descent) { background: url('img/sort_both.png') no-repeat center right; cursor:default;  }


ul.custom-filters { list-style: none;     font-size: 12px;
    text-transform: uppercase;
    font-weight: bold; }
ul.custom-filters li { display: inline;color: #4e4e4e;padding: 5px;cursor: pointer; }
ul.custom-filters li.active { font-weight: bold;color: #333; padding-right: 20px;}
ul.custom-filters li.sort-up { background: url('img/sort_asc.png')  no-repeat center right; cursor:default; }
ul.custom-filters li.sort-down { background: url('img/sort_desc.png') no-repeat center right; cursor:default;  }


ul.nice-menu { list-style: none; }
/*ul.nice-menu li { display: inline;color: #4e4e4e;padding: 5px;cursor: pointer; }
ul.nice-menu li a { display: inline;color: #4e4e4e;padding: 5px;cursor: pointer; }*/


/*.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #5db1fe !important;
    color: white !important;
}*/

/*.table-hover > tbody > tr:nth-child(even) > td {
    background-color: #f1f1f1;
}*/

/*.table-hover>tbody>tr:hover>td, 
.table-hover>tbody>tr:hover>th {
  background-color: #deefd7;
}*/



.bg-deadline-passed { background-color: #fdfe8a;}


.inStock { color: #1ab293;}
.not-inStock {color: #f7aba0;}



.search-result { margin-top:10px; font-size: 12px;color: #b3b4b5;  }
.search-result .records {  color: #d15071; background-color: #f3f3f3;padding: 0 5px; }


.adv-search-button {
    background-color: #4da1ee;
    border: 1px solid #5db0fd;
    margin-right: -12px;
    margin-top: -10px;
    color: white;
}


/* row margin*/

.row-top-margin { margin-top:15px }

.row-bottom-margin { margin-bottom:15px }

.label-row {
  display: inline;
  padding: .2em 0 .3em;
  font-size: 100%;
  line-height: 1;
  color: #333;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}


.label-row-left {
  display: inline;
  padding: .2em 0 .3em;
  font-size: 100%;
  line-height: 1;
  color: #333;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

/*
    Section1.cshtml
*/

/*.row{margin-bottom: 5px !important;}*/

/*
    DfNotice.cshtml
*/

.dfnotice_container
{
    padding-left:20px;
}


@media (max-width: 600px) {
    .dfnotice_container
    {
        padding-left:20px;
    }
}




/*
    _Section2.cshtml - view
*/

.k-grid-lots > .k-grid-lots-template {
  display: none;
}










.btn-darkblue,
.btn-darkblue:focus {
  background-color: #3669ae !important;
  border-color: #3669ae;
  color: #ffffff;
}
.btn-darkblue:hover {
  color: #ffffff;
}
.btn-darkblue.dropdown-toggle {
  border-left-color: #81c1fb !important;
}
.btn-darkblue.active {
  background-color: #3669ae !important;
  border-color: #3669ae;
}
.btn-darkblue.shiny {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3MGJhZmQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0OWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#70bafd), to(#449cec));
  background-image: -moz-linear-gradient(linear, left top, left bottom, from(#70bafd), to(#449cec));
  background-image: -o-linear-gradient(linear, left top, left bottom, from(#70bafd), to(#449cec));
  background-image: linear-gradient(linear, left to bottom, left bottom, from(#70bafd), to(#449cec));
}
.btn-darkblue:hover,
.open .btn-darkblue.dropdown-toggle {
  background-color: #70bafd !important;
  border-color: #70bafd;
  color: #fff;
}
.btn-darkblue.disabled,
.btn-darkblue[disabled],
fieldset[disabled] .btn-darkblue,
.btn-darkblue.disabled:hover,
.btn-darkblue[disabled]:hover,
fieldset[disabled] .btn-darkblue:hover,
.btn-darkblue.disabled:focus,
.btn-darkblue[disabled]:focus,
fieldset[disabled] .btn-darkblue:focus,
.btn-darkblue.disabled:active,
.btn-darkblue[disabled]:active,
fieldset[disabled] .btn-darkblue:active,
.btn-darkblue.disabled.active,
.btn-darkblue[disabled].active,
fieldset[disabled] .btn-darkblue.active {
  background-color: #5db2ff !important;
  border-color: #5db2ff;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}

/* PDF EXPORT */

.borderLots
{
    border:1px solid #969696;
    padding:10px;
}
.label-sort {
    text-transform: uppercase;
    color: #939393;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
}

.document-table-headers
{
    font-weight:700;
}

.document-table
{
    width: 100%;
}

.table-statements
{
    background-color:#bbbbbb;
    padding:20px;
    text-align:center;
}
.table-statements-persons
{
    background-color:#fff;
}

.table-criterias-header
{
    background-color:#bbbbbb;
    padding:20px;
    text-align:center;
}

.table-criterias-row
{
    text-align:center;
}