/* Sticky footer styles
-------------------------------------------------- */

form {    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /*Scrollbars introduced at some point */

    overflow:hidden;
}

 .sfPublicWrapper { flex: 1 0 auto;  }

html { position: relative; min-height: 100%; }

body { color: #333333; font-size:12px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; /*margin-bottom: 100px;*/}

.iframeResizer {overflow:hidden; }

/* remember to define focus styles! */
a:focus {
outline: 0;
/*border:0;*/
}

input::-moz-focus-inner { 
  border: 0; 
}

.clearfix {clear:both;}

a:focus, a:hover { color: #21552b; text-decoration: underline; }

a { color: #21552b; text-decoration: none; }

.container-fluid {max-width: 1420px;}

h1 {font-size: 28px;color:#ffffff;}
.page-title h1 { margin: 50px 0 20px 0; /* + 20px = 90 */ position: relative; font-size: 20px; font-weight: 800; color: #1a1a1a; }

h2 { font-size: 32px; font-weight: 600; color: #333; }

h2.strong { font-weight: 900; }
.navbar-brand h2 {font-size:24px;margin:8px 0 0 0;}

h3 { font-size: 18px; font-weight: 800; margin-left: 20px; line-height: 1em; text-transform: uppercase; color: #1a1a1a;  position: relative; }



h3:after { width: 0; height: 0; border-left: 5px solid #21552b; border-right: 5px solid #21552b; border-bottom: 8px solid #21552b; border-top: 8px solid #21552b; position: absolute; content: ""; top: auto;   left: -20px; }

h3.float-left { margin: 0; }

h4 { font-size: 16px; font-weight: 800; }

h5,
.h5 {   font-weight: 800;
  font-size: 18px;
  margin: 20px 0;
  text-transform: uppercase; }
  
h6 {font-weight: 800;
  font-size: 18px;
  margin: 10px 0;
  text-transform: uppercase;color: #21552b; }
 .fa-2,
 .fa-2x {
  font-size: 2em;
}
.glyphicon { margin-right: 10px; }
.search-links .glyphicon { margin-right: 0; }

.bg-panel { background-color: #ffffff; margin-left: -15px; padding: 15px; margin-bottom: 15px; }

.bg-panel p { color: #666666; }

.bg-panel strong span { color: #333333; font-weight: 800; }

.bg-success,
.bg-danger,
.bg-info {padding:10px;}

.ui-dialog {  z-index: 999999; !important ;}

.shade {
  background-color: #efefef;
  padding: 0;
  /*margin-top: -4px;*/
  border-radius: 6px;
  }
    .shaded {
    background-color: rgba(88, 180, 89, .2);
    padding: 6px 5px 5px 5px;
    border-radius: 6px;
    }

.sidebar.equalCols { }

.maincontent.equalCols { position: relative; padding-bottom: 65px; }

.maincontent.equalCols .col-sm-10 { position: inherit; }

.maincontent .sf_colsIn { position: relative; }

hr { border-top: 1px solid #d9d9d9; }
hr.dotted {border-top: 1px dotted #d9d9d9}

.float-left { float: left; }
.checkout .pull-right {width:100%;}
@media (min-width: 768px) {
	.checkout .pull-right {width:inherit;}
}

.row { clear: both; }
/*WATCH FOR FALLOUT */
.margin-top-sm { margin-top: 10px; }

.margin-top-md { margin-top: 20px; }

.margin-top-lg { margin-top: 40px; }

.mr-20 {margin-right:20px;}
.mr-10 {margin-right:10px;}

.highlight {color:#21552b;}

.glyphicon-remove-sign { color: #999999;   cursor: pointer;}

.alert { font-size: 14px; }

.d-inline-block {display:inline-block;}


/*==============  ::  $HEADER  AND NAVIGATION  ::  ================*/


.navbar-header { float: none; background-color: #ffffff; }
.navbar-toggle { display: block; }

.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); padding:0;}

.navbar-collapse.collapse { display: none!important; }

@media (min-width: 992px) {
    .navbar-collapse.collapse { height: auto!important; max-height: auto!important; }
}

.navbar-collapse.collapsing { border: 0 none; background-color: #333333;}
.navbar-collapse.collapse.in { display: block!important; clear: both; background-color: #333333; border: 0 none; }

@media (min-width: 992px) {
.navbar-collapse.collapse.in { display: block!important; clear: both; background-color: #333333; border: 0 none; max-width: 250px; height: 3000px!important; max-height: inherit; }
.navbar-collapse.collapsing { border: 0 none; background-color: #333333; max-width: 250px; height: 3000px!important; max-height: inherit; }

}



@media (max-width: 991px) {

.navbar-nav { margin: 20px 0 0 0; width: 100%; }

    .navbar-fixed-top {
        position: relative;
        top: auto;
    }
    .navbar-fixed-top .navbar-collapse {
        max-height: none;
    }
    body {
        margin: 0;
    }
}

.navbar-nav { margin: 20px 0 50px 0; width: 100%; }


.k-widget { border: 0 none; }

.navbar-nav li { list-style: none; }

.navbar-nav > li { float: none; }


 .k-panelbar>li.k-item, .k-panel>li.k-item, .k-tiles {
  background-color: #333;
}
.navMobile .k-panelbar>li.k-state-default>.k-link {
  color: #ffffff;
  font-weight: 600;
}

.navMobile .k-panelbar .k-content, 
.navMobile .k-panelbar .k-panel, 
.navMobile .k-panelbar .k-item {
  background-color: #333;
  color: #fff;
  border-color: #333;
}


.navbar-default .navDesktop .navbar-nav > li > a,
.navbar-default .navDesktop .navbar-nav a,
.navbar-default .navDesktop .navbar-nav > li > a:focus,
.navbar-default .navDesktop .navbar-nav > li > a:hover { color: #ffffff; font-size: 16px; font-family: Helvetica, Arial, sans-serif; outline: 0; }

.navbar-default .navMobile .navbar-nav > li > a,
.navbar-default .navMobile .navbar-nav a,
.navbar-default .navMobile .navbar-nav > li > a:focus,
.navbar-default .navMobile .navbar-nav > li > a:hover { 
color: #ffffff; 
font-size: 16px; 
font-family: Helvetica, Arial, sans-serif; outline: 0; }

.navbar-default .navMobile .k-state-hover, 
.navbar-default .navMobile .k-state-hover:hover {background-image:none; background-color:#333;}

.navbar-default .navbar-nav .fa,
.navbar-default .navbar-nav .fas,
.navbar-default .navbar-nav .svg-inline--fa {
  margin-right: 15px;
  font-size: 1.4em;
  min-width: 25px;
  text-align: center;
  }


.navbar-default .navMobile.k-state-selected, 
.navbar-default .navMobile.k-state-selected:link, 
.navbar-default .navMobile.k-state-selected:visited, 
.navbar-default .navMobile.k-list > .k-state-selected {box-shadow:none;background-image:none; background-color:#333;}

.navbar-default .navbar-nav > li > a { padding-bottom: 20px; }

.navbar-default .navbar-nav > li > a + ul { padding-bottom: 10px; padding-left: 20px; }

.navbar-default .navbar-nav ul > li { margin-bottom: 10px; }

.navbar-default .navbar-nav > li > a.sfSel,
.navbar-default .navbar-nav > li > a.sfSel + ul {/* background-color: #222222; border-left: 2px solid #21552b; */}

.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }

.navbar-default .navbar-nav ul > li > a { font-size: 14px; }

.navbar-default .navbar-nav ul > li > a.sfSel { color: #57b557; }

.navbar-toggle { position: relative; float: left; padding: 10px 18px; margin-top: 0; margin-right: 15px; margin-bottom: 0; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 0; }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { border-color: #333333; background-color: #333333; border-radius: 0; color: #000000; }

.navbar-default .navbar-toggle { border-color: #333333; background-color: #333333; border-radius: 0; height: 52px; width: 60px; }

.navbar-default .navbar-toggle.collapsed .icon-bar { background-color: #ffffff; }

.navbar-default .navbar-toggle .icon-bar { }


.navbar-default { background-color: transparent; }

#HeaderWrapper .navbar { margin-bottom: 0; border: 0 none; }



#HeaderWrapper .navbar-brand { float: left; font-size: 18px; line-height: 20px; color: #ffffff; padding: 5px 20px; }
#HeaderWrapper .navbar-brand img {max-height:45px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: 0 none; background-color: #333333; }

.k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link { display: block; position: relative; border-bottom-style: none; border-bottom-width: 0; padding: 10px 0 20px 15px; line-height: inherit; text-decoration: none; zoom: 1; font-weight: 300; }

@media (max-width: 769px) {

.k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link { font-size:26px;display: block; position: relative; border-bottom-style: none; border-bottom-width: 0; padding: 10px 0 20px 15px; line-height: inherit; text-decoration: none; zoom: 1; font-weight: 300; }
}

.k-panelbar .k-item ul.panelLevel2 li a.k-link { padding: 0; }

.panelLevel2.k-panel > .k-item {margin-left:35px;}

@media (max-width: 991px) and (min-width:990px) {
.navbar-toggle.visible-sm-block.visible-xs-block {
            display: block!important;
    }
}


/******  FLY-OUT MENU ON DESKTOP ******/
/*js flexbox webkitbox k-webkit k-webkit47*/
/*js flexbox webkitbox k-safari k-safari537 k-mobile*/

html #navbar {  position: relative;float: left; width:250px; }
html #navbar ul li a { border-left: 2px solid transparent;padding: 10px 0 20px 15px; line-height: inherit; text-decoration: none; zoom: 1; font-weight: 300;}
html #navbar ul li a:hover {  background-color: #222222; border-left: 2px solid #21552b;}
html #navbar ul li a.sfSel { border-left: 2px solid #21552b;}
html #navbar ul ul li a { border-left: 0 none; padding: 0; line-height: inherit; text-decoration: none; zoom: 1; font-weight: 300;}
html #navbar ul ul li a:hover {  background-color: inherit; border-left: 0 none;  padding: 0; }
html #navbar ul ul li a.sfSel { border-left: 2px solid transparent;}

html #navbar ul li:hover > ul { left: 250px; -webkit-transition: left 200ms ease-in; -moz-transition: left 200ms ease-in; 
                         -ms-transition: left 200ms ease-in; transition: left 200ms ease-in; } 
html #navbar ul li > ul { position: absolute; background-color: #333; top: 0; left: -200px; min-width: 200px; 
                   z-index: -1;  -webkit-transition: left 200ms ease-in; 
                   -moz-transition: left 200ms ease-in; -ms-transition: left 200ms ease-in; 
                   transition: left 200ms ease-in; 
		   padding:15px 5px 10px 20px;} 
html #navbar ul li > ul li a:hover {  }

html.k-webkit #navbar .panelLevel2 {padding-top:15px;}


.navbar-toggle-desktop,
.navDesktop {display:none;}

.navbar-toggle-mobile,
.navMobile {display:block}

@media (min-width: 1024px) {

	.navbar-toggle-desktop,
	.navDesktop {
	    display: block;
	}
	.navbar-toggle-mobile,
	.navMobile {
		display:none;
		}
}


/******  END FLY-OUT MENU ******/



/*overwrite kendo tree view styles
.sfNavVerticalWrp  .k-treeview .k-in {
  margin: 0;
  padding: 10px 0;
  line-height: 1.3333em;
  text-decoration: none;
  border-style: none;
  border-width:0;
}

.sfNavVerticalWrp  .k-icon {display:none;}
*/

.signin-nav { 
position: relative;
  display: block;
  padding: 15px 0 0 0;
  line-height: 20px;
  margin-right: 70px;
  float: right;
  }

.signin-nav a {font-weight:bold;}

.navbar-right .fa-tasks,
.navbar-right .fa-list {  color: #ffffff;
  background-color: #21552b;
  border-radius: 50%;
  padding: 6px;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 2.4em;
   }
   
#toggleTaskLists:hover {cursor:pointer;}   

/*==============  ::  $MAIN PAGE CONTENT ::  ================*/

#MainWrapper { /*padding-bottom:130px;margin-bottom: 172px;*/     padding-bottom: 175px; }

@media (min-width: 992px) {
#MainWrapper { margin-top: 52px;  }

}

#iframe  #MainWrapper { margin-top: 0; margin-bottom: 0;   max-width: 1200px; }

#MainContentWrapper { /*margin-bottom: 100px;*/ min-height: 600px; }
#iframe #MainContentWrapper { margin-bottom: 0; min-height: auto; }


.sfPageEditor #MainWrapper { /*margin-top: 260px;*/ min-height: 400px; }

.sfPageContainer #MainWrapper .zeDockZoneEmpty, 
#MainWrapper .zeContentMode .sfPageContainer .zeDockZoneEmpty { background-color: #ccffcc; }
.sfPageEditor .navDesktop .RadDockZone_Default { background-color:red; } 
.sfPageEditor .navMobile .RadDockZone_Default { background-color:blue; } 
.sfPageEditor .navbar-fixed-top {
    position: relative;
    right: inherit;
    left: inherit;

}
.page-title { position: relative; }

.page-title img { }
/*
.sidebar {
    background-color: #333333;
}

.sidebar .sfNavVertical {
    margin-top: 10px;
}

.sidebar .sfNavVertical a {
    color: #ffffff;
    padding: 10px 0;
    display: block;
}
*/

.page-content {/*padding-bottom: 172px; */}

/*==============  ::  $FOOTER  ::  ================*/

.footer-top { display: none; }

#FooterWrapper { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 100px; background-color: #eaeaea; }

.footer-bottom { font-size: 12px; padding-top: 15px; }

.footer-bottom .container { }




/*==============  ::  $FORMS  ::  ================*/


/* Overwrite SF Styles */
.sign-in-form { }

.sfLoginFieldsWrp { list-style-type: none; margin: 0; padding: 0; }

.sfLoginFieldsWrp li { margin-bottom: 10px; }

.sign-in-form input.sfTxt { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #21552b; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

/*hiding the Remember Me checkbox on the lgin form */
.sign-in-form .sfCheckBoxWrapper { margin: 15px 0; display:none; }

.sign-in-form .sfLostPassword { display: block; margin: 15px 0; overflow: hidden; }

.sign-in-form .sfSubmitBtn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 800; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; background-color: #333333; color: #ffffff; text-transform: uppercase; border-color: #333; font-family: 'Open Sans', sans-serif; font-weight: 800; }

.sign-in-form .sfSubmitBtn:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; text-decoration: none; }


.sign-in-form-register { }

@media (min-width: 991px) {
    .sign-in-form-register { border-left: 1px solid #d9d9d9; padding-left: 30px; height: 325px; }
}

.sign-in-form .sfError { border-radius: 0.25em; color: #fff; display: inline-block; font-size: 75%; font-weight: 700; line-height: 1; padding: 0.4em 0.6em 0.5em; text-align: center; vertical-align: baseline; white-space: nowrap; background-color: #d9534f; margin-bottom: 4px; }


.form-control:focus { border-color: #21552b; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(217,46,7,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(217,46,7,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(217,46,7,.6); }

.btn {border-radius:6px;}

a.btn-link {color:#333333;}
.btn-link {
 -moz-user-select: none;
    background-image: none;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    }
.btn-register { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #21552b; font-weight: 800; text-transform: uppercase; font-family: 'Open Sans', sans-serif; }

.btn-default { background-color: #333333; color: #ffffff; text-transform: uppercase; border-color: #333; font-family: 'Open Sans', sans-serif; font-weight: 800; }

.btn-primary { background-color: #57b557; color: #ffffff; text-transform: uppercase; border-color: #57b557; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 18px; }

.btn-primary:hover, .btn-primary.focus, .btn-primary:focus,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary,
.btn-primary:active:focus, .btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover { color: #57b557; background-color: #ffffff; border-color: #57b557; box-shadow: none; outline: none; }

.btn-default.dropdown-toggle {font-weight:normal;}

.btn-default.dropdown-toggle:focus,
.btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle:hover {font-weight:normal;   background-color: #333333;
  color: #ffffff;
  text-transform: uppercase;
  border-color: #333;
  font-family: 'Open Sans', sans-serif; box-shadow: none; outline: none; }


.btn-primary.btn-sm { text-transform: none; font-size: 14px; }


.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
color: #57b557; background-color: #ffffff; border-color: #57b557; box-shadow: none; outline: none;
}


.btn-back { background-color: #f2f0f0; color: #666666; text-transform: uppercase; border-color: #cccccc; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 18px; }

.btn-back:hover, .btn-back.focus, .btn-back:focus,
.btn-back.active.focus, .btn-back.active:focus, .btn-back.active:hover,
.btn-back:active.focus, .btn-back:active:focus, .btn-back:active:hover,
.btn-back.active, .btn-back:active { color: #cccccc; background-color: #efefef; border-color: #cccccc; outline: none; box-shadow: none; }

.btn-default[disabled],
.btn-default[disabled]:hover {color:#777;}


@media (min-width: 992px) {
	.form-group-fixed-height {min-height:40px;}
}

/***  this is causing the error message for a date picker to be cut off (see Date of Loss in Claim Details */
#registrationForm .form-group {  /*overflow: hidden; */}
#registrationForm .form-group.has-error  {  overflow: visible; }

.bg-panel .checkbox label { font-weight: 700; font-size: 14px; }

/* FOR ADMINISTRATION ? */

.user-roles-select span { font-weight: bold; }

.user-roles-list { float: left; margin-top: 6px; margin-right: 20px; }

ul.user-roles-list li:after { content: ", "; }

ul.user-roles-list li:last-child:after { content: ""; }

.verify-email-container { position: relative; }

.verify-email-container input { padding-right: 110px; }

.verify-email-container .btn-verify-email { position: absolute; right: 5px; top: 25px; display: inline-block; padding: 5px 12px; margin-bottom: 0; font-size: 12px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid #5c973b; border-radius: 4px; }

.btn-verify-email a.verify-email-link { color: #5c973b; }

.page-header { color:#ffffff; background-color: #21552b; margin: 0 -15px 30px 0; padding: 15px 0; border-bottom: 1px solid #ffffff; min-height: 90px; }

.page-header h1 { margin-top: 0; }
.page-header a { color:#ffffff; text-decoration:underline; margin-top: 0; }

.form-group.form-search-users { margin: 15px; }

.form-field-container { position: relative; }


.form-search-users input { padding-right: 80px; }
#divUserSearchContainer input { padding-right:40px;}

.form-field-container .form-field-container-btn { position: absolute; right: 5px; top: 3px; display: inline-block; padding: 0; margin: 0; font-size: 12px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; }

.form-field-container .form-field-container-btn .btn { padding: 3px 25px; font-weight: 400; }

.btn-secondary { background-color: #cccccc; color: #333; border-color: #cccccc; font-family: 'Open Sans', sans-serif; font-weight: 400; }

.btn-default:hover { color: #333; background-color: #cccccc; border-color: #cccccc; }

.btn-inline-h1 { float: left; margin-top: 0; }
.btn-secondary.btn-inline-h1 {text-decoration: none;background-color:#57b557; border:1px solid #ffffff; color:#ffffff; padding:5px 10px;}

.form-group.has-error .label-danger-no-override,
.form-group.has-error .label-danger { border-radius: 0.25em; color: #fff; display: inline-block; font-size: 75%; font-weight: 700; line-height: 1; padding: 0.4em 0.6em 0.5em; text-align: center; vertical-align: baseline; white-space: nowrap; background-color: #d9534f; margin-bottom: 4px; }
.form-group.has-error .k-datepicker .label-danger-no-override,
.form-group.has-error .k-datepicker .label-danger { background-color: #d9534f;
    border-radius: 0.25em;
    color: #fff;
    display: block;
    float: left;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
    margin-left: -111px;
    padding: 0.4em 0.6em 0.5em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
        margin-top: 3px;
    }

.label-danger-dialog {line-height:1.5; white-space:normal; margin-top:5px;}

#bulkFilterList {  float: right;
    list-style-type: none;
    margin-top: 10px;
    padding: 0;}
#bulkFilterList.bulkFilterListLinks {float:none;}
#bulkFilterList li { display: inline-block; margin-right: 30px; }

#bulkFilterList li a { color: #333333; text-decoration: none; padding-bottom: 5px; }

#bulkFilterList li a.filter-selected { border-bottom: 2px solid #57b557; font-weight: 600; }

 /* shouldn't use ID. using a class instead */
 .tabFilterList {
  float: left;
    list-style-type: none;
    margin-top: 10px;
    padding: 0;
 }   
.tabFilterList li { display: inline-block; margin-right: 30px; }

.tabFilterList li a { color: #333333; text-decoration: none; padding-bottom: 1px; }

.tabFilterList li a.filter-selected { border-bottom: 2px solid #57b557; font-weight: 600; }

/*added for Buyers Admin page. Made the list into a dropwdown. Stlye for list is above. */
#bulkFilterList.dropdown-menu {  float: right; list-style-type: none; margin-top: 10px; padding: 0;}
#bulkFilterList.dropdown-menu li { display: block; margin-right: 0; }
#bulkFilterList.dropdown-menu li a { color: #333333; text-decoration: none; padding-bottom: 5px; }
#bulkFilterList.dropdown-menu li a:hover { color: #333; background-color: #e7e7e7; }
#bulkFilterList.dropdown-menu li a.filter-selected { border-bottom: 0 none; font-weight: 600; color:#57b557;}


.bulkFilter span { background-color: #57b557; margin-left: 10px; }


#drpBulkActions {margin-right:15px; background-color: #efefef; color: #666666; border-color: #efefef; border-radius: 4px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; padding: 7px 30px 7px 15px; outline: none; }
#drpBulkActions.secondary { background-color: #262938; color: #ffffff; }

#drpBulkActions:hover { color: #666666; background-color: #efefef; border-color: #efefef; outline: none; }
#drpBulkActions.secondary:hover { background-color: #262938; color: #ffffff; }

#drpBulkActions.secondary optgroup { background-color: #fff; color: #262938; margin:0;}


#grid .k-grid-header,
#eventsGrid .k-grid-header { padding: 0 !important; }

#grid .k-grid-content,
#eventsGrid .k-grid-content,
#grouped-grid  .k-grid-content  { overflow: visible; }

.k-grid { margin: 30px 0; border: 0; font-family: 'Open Sans', Helvetica, Arial, sans-serif; }

div.k-grid-header, div.k-grid-footer, .k-grid-header-wrap { border: 0; }

.k-grid-pager { border-top: 4px double #d8d8d8; padding-top: 15px; margin-top: 20px; }

.k-grid-header th.k-header:first-child { /*border: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; */}

.k-grid-header th.k-header:last-child { /*border: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; */}

.k-grid-header th.k-header, .k-filter-row th {   

  white-space: normal;
  vertical-align: bottom;
  background-color: #efefef;
  border-width: 0 0 2px 0;
  border-color: #cccccc;
  border-style: solid;
  font-weight:700;
  
}

.div-filters .col-sm-12,
.div-filters .col-xs-12 {
    margin:5px 0;
}
.k-header a { color: #333333; font-size: 13px; font-weight: 900; }


.k-grid td {   padding: .6em; font-size: 11px; color: #333333; border: 0; border-bottom: 1px solid #cccccc; /*padding-bottom: 14px; padding-top: 7px; */}

.k-grid tr:last-child td { /*border: 0; */}
.k-pager-wrap > .k-link,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected { border-radius: 0;}

.k-pager-nav { background-color: #57b557; color: #ffffff; }

.k-pager-wrap > a.k-state-disabled:hover { background-color: #57b557; color: #ffffff; }

.k-pager-numbers .k-link { background-color: #ffffff; color: #57b557; border:1px solid #57b557; margin-right:5px;height:30px; font-weight:bold;}

k-dropdown-wrap.k-state-default { background-color: #ffffff; color: #cccccc; border-color: #cccccc; }

.k-pager-numbers .k-state-selected,
.k-pager-wrap > .k-link { background-color: #57b557; color: #ffffff;  border-color:#57b557; background-image:none; height:30px;margin-right:5px; }

.k-pager-wrap .k-link:hover {}
.k-pager-sizes .k-dropdown-wrap {height:30px;}
.k-icon, .k-sprite, .k-button-group .k-tool-icon { /* font-size: 0; */ /* line-height: 0; */ }

    .btn-primary.btn-completed {
        background-color: #e20019;
        border-color: #e20019;
    }

        .btn-primary.btn-completed:hover,
        .btn-primary.btn-completed:focus,
        .btn-primary.btn-completed:active,
        .btn-primary.btn-completed:active:focus {
            opacity: .6;
            color: #ffffff;
            background-color: #e20019;
            border-color: #e20019;
        }

        .btn-primary.btn-completed.completed {
            background-color: #57b557;
            border-color: #57b557;
        }

            .btn-primary.btn-completed.completed:hover,
            .btn-primary.btn-completed.completed:focus,
            .btn-primary.btn-completed.completed:active,
            .btn-primary.btn-completed.completed:active:focus {
                opacity: .6;
                color: #ffffff;
                background-color: #57b557;
                border-color: #57b557;
            }


.k-grid-pager .k-icon { }

.k-pager-wrap > .k-link:focus { outline: none; }

.k-pager-first .k-i-seek-w:before { font-family: FontAwesome; content: "\f048"; font-size: 16px; line-height: 16px; color: #ffffff; }

.k-pager-nav .k-i-arrow-w:before { font-family: FontAwesome; content: "\f04a"; font-size: 16px; line-height: 16px; color: #ffffff; }

.k-pager-nav .k-i-arrow-e:before { font-family: FontAwesome; content: "\f04e"; font-size: 16px; line-height: 16px; color: #ffffff; }

.k-pager-last .k-i-seek-e:before { font-family: FontAwesome; content: "\f051"; font-size: 16px; line-height: 16px; color: #ffffff; }

.k-dropdown-wrap .k-i-arrow-s:before { font-family: FontAwesome; content: "\f0d7"; font-size: 12px; line-height: 12px; color: #cccccc; }

.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-webkit .k-pager-numbers .k-current-page .k-link, .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link
{
    color: #333333;
    background-image: none;
}


@media only screen and (max-width: 1024px)
{
	.k-webkit .k-pager-numbers .k-current-page .k-link, 
	.k-ff .k-pager-numbers .k-current-page .k-link, 
	.k-ie11 .k-pager-numbers .k-current-page .k-link, 
	.k-safari .k-pager-numbers .k-current-page .k-link {
	    width: 3.2em;
	    padding: 0 .429em 0 .714em;
	    border-radius: 0;
	}
}
@media only screen and (max-width: 1024px)
{
	.k-webkit .k-pager-numbers.k-state-expanded, 
	.k-ff .k-pager-numbers.k-state-expanded, 
	.k-ie11 .k-pager-numbers.k-state-expanded, 
	.k-safari .k-pager-numbers.k-state-expanded, 
	.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded, 
	.k-ff .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded, 
	.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded, 
	.k-safari .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded {
	    border-width: 1px 1px 0 1px;
	    border-style: solid;
	    border-color: #dbdbdb;
	    background-color: #fff;
	    border-radius: 0;
	    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
	    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
	}
}
@media only screen and (max-width: 1024px)
{
	.k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link {
	    border-radius: 0;
	}
}
@media only screen and (max-width: 1024px)
{
	.k-webkit .k-pager-numbers .k-state-selected, .k-ff .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-state-selected, .k-webkit .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-link, .k-safari .k-pager-numbers .k-link {
	    border-radius: 0;
	}
}


@media only screen and (max-width: 1024px) {
.k-edge .k-pager-numbers.k-state-expanded .k-current-page, .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
    margin: -2.2em -1px 0;
    padding: 0;
	}
}
@media only screen and (max-width: 1024px) {

.k-edge .k-grid .k-pager-numbers .k-current-page, .k-edge .k-pager-numbers .k-current-page, .k-ff .k-grid .k-pager-numbers .k-current-page, .k-ff .k-pager-numbers .k-current-page, .k-ie11 .k-grid .k-pager-numbers .k-current-page, .k-ie11 .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page, .k-safari .k-pager-numbers .k-current-page, .k-webkit .k-grid .k-pager-numbers .k-current-page, .k-webkit .k-pager-numbers .k-current-page {
    display: block;
    border-left: 0;
	}
	.k-pager-numbers .k-link {
    background-color: #ffffff;
     
    border: 1px solid #ffffff;
    margin-right: 0;
    
}
}




.k-i-refresh:before { /*font-family: FontAwesome; content: "\f021"; color: #cccccc; font-size: 16px; line-height: 16px;*/ }
.k-pager-wrap > .k-pager-refresh.k-link {background-color:#ffffff;}

.k-animation-container,
.k-popup.k-list-container,
.k-popup .k-list .k-item { background-color: #ffffff; color: #424242; border-color: #cccccc; }

.k-datepicker .k-input {line-height: 25px;    height: 30px;}

/* was height:auto so look out for other places this might affect */
.input-group .form-control.k-input {display:inline;float:none;height:38px;}
.form-group .input-group .k-picker-wrap {border-radius:0;height:40px;}


/*============= :: $Inventory - Add New :: ==========*/
.formRequiredInformation { }


.selector {display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}
 .selector>img {
  display: block;
  max-width: 100%;
  height: auto;
}
.selector>img {
  margin-right: auto;
  margin-left: auto;
}
a.selector.active, a.selector:focus, a.selector:hover { border-color: #5c5f6a; }

a.selector { border-color: #ffffff; /*
  width: 250px;
  height: 250px;
  */ }

/* 
.vdivide:after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display:block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  min-height: 240px;
}
*/

.vdivide { position: relative; }

.line { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; z-index: 1; background-image: linear-gradient(to bottom, #262938 10%, rgba(255, 255, 255, 0) 0%); background-position: left; background-size: 1px 6px; background-repeat: repeat-y; }



.wordwrapper { text-align: center; height: 12px; position: absolute; left: 0; right: 0; top: 50%; margin-top: -12px; z-index: 2; }

.word { letter-spacing: 1px; padding: 3px 0 6px 0; font-size: 18px; color: #262938; background: #fff; line-height: 1em; }


.vertical-center { min-height: 100px; margin:0 0 30px 0; display: flex; align-items: center; justify-content: center; flex-direction: column; display: -webkit-flex; /* For Safari */ -webkit-justify-content: center; /* For Safari */ -webkit-align-items: center; /* For Safari */ }

@media (min-width: 768px) {

}

/*********  Required Information **********/


.progress { overflow: visible; width: 100%; margin-top: 25px; box-shadow: none; background-color: transparent; border-radius: 0; }

.progress.bar-thick { height: 50px; overflow: hidden; margin-bottom: 30px; }

.progress-bar { background-color: #ffffff; color: #333333; position: relative; box-shadow: none; }

.progress-bar-success { background-color: #57b557; color: #ffffff; box-shadow: none; }

.progress-bar.vehicle { border-left: 3px solid #57b557; border-radius: 10px 0 0 10px; }

.progress-bar.info { }

.progress-bar.activation { border-right: 3px solid #ffffff; border-radius: 0 10px 10px 0; }

.progress-bar.activation.progress-bar-success { border-right: 3px solid #57b557; border-radius: 0 10px 10px 0; }

.progress.bar-thick .progress-bar { color: #21552b; text-transform: uppercase; font-weight: 600; font-size: 12px; }

.progress.bar-thick .progress-bar-success { color: #ffffff;  background-color: #21552b; }

.progress.bar-thick .vertical-center { min-height: 48px; border-top: 1px solid #21552b; border-bottom: 1px solid #21552b; border-right: 1px solid #21552b;}

.progress.bar-thick .vertical-center:last-child { border-radius: 0 5px 5px 0; border-right: 1px solid #21552b;  }

.progress.bar-thick .vertical-center:first-child { border-radius: 5px 0 0 5px; border-left: 1px solid #21552b; }

.progress-icon { height: 40px; width: 40px; background-color: #ffffff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; margin-top: -10px; position: absolute; z-index: 20; background-image: url(../Images/ProgressBarIcons.png); background-repeat: no-repeat; }

.progress-bar .progress-check { position: absolute; right: 25px; top: 28%; font-size: 16px; }

.progress-bar.progress-bar-success .progress-icon { background-color: #57b557; }

.vehicle .progress-icon { right: -15px; background-position: 7px 0; }

.info .progress-icon { right: -15px; /*left:48%*/ background-position: 7px -65px; }

.activation .progress-icon { right: -15px; /*left:-15px*/ background-position: 7px -128px; }

.progress-text { position: absolute; bottom: -35px; color: #ffffff; font-weight:bold; text-transform: uppercase; font-size: 12px; z-index: 20; display: block; }

.vehicle .progress-text { right: -10px; left: 0; text-align: right; }

.info .progress-text { left: 15px; right: -34px; /*0*/ text-align: right; }

.activation .progress-text { right: -28px; /*auto*/ left: 0; /*-31px*/ text-align: right; }
/* Form */

.form-control {border-radius:0;   -webkit-box-shadow: none;   box-shadow: none;}
.form-control.error {border-color:#d9534f;}
.has-error .k-picker-wrap {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.error {color:#d9534f;}
.form-horizontal .form-control {/*display:inline-block; width:auto;*/} 
.form-horizontal .form-control.auto-width {width:100%;}
.form-horizontal label {height: 34px; line-height: 34px;}
.input-group .form-control.rounded-corners,
.rounded-corners {border-radius: 4px; }



.input-group-addon {white-space: normal; width: 110px;     word-break: break-word;padding: 3px 5px; font-size: 12px; text-align: left; text-transform: uppercase; line-height: 1.3em; color: #ffffff; background-color: #262938; border: 1px solid #262938; border-radius: 0; font-weight: 600; }


@media screen and (max-width: 400px) {
.input-group-addon,
.activate-inventory .input-group-addon  { white-space: normal;  width: 80px;    word-break: break-all; padding: 3px 5px; font-size: 12px; text-align: left; text-transform: uppercase;   line-height: 1.3em; color: #ffffff; background-color: #262938; border: 1px solid #262938; border-radius: 0; font-weight: 600; }

}


.activate-inventory .input-group-addon { word-break: break-word; padding: 3px 5px; font-size: 12px; text-align: left; text-transform: uppercase; width: 110px; line-height: 1.3em; color: #ffffff; background-color: #262938; border: 1px solid #262938; border-radius: 0; font-weight: 600; }
.input-group-addon.input-group-addon-sm {width:69px;}

.input-group .form-control { width: 200px; height: 40px; border-radius: 0; border-color: #262938; color: #262938; font-size: 16px; font-weight: 500; }


@media screen and (max-width: 360px) {
	.activate-inventory .input-group .form-control {width:auto;
    		white-space: normal;}
	
}

.activate-inventory .input-group .form-control {    
	
width:225px;	
white-space: no-wrap;	
	}
	

.input-group.date .k-widget.k-datepicker {width:100%}
.input-group .form-control.form-control-sm {  
  height: 40px;
  /*width:60px;*/
  width:70px;
  border-radius: 0;
  color: #262938;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
  border: 1px solid #262938;
  float:none;
  padding: 2px;}

@media (min-width: 545px) {
    #RequiredFields .input-group .form-control { width: 400px; }
}

@media (min-width: 992px) {
    #RequiredFields  .input-group .form-control { width: 183px; }
}

@media (min-width: 1200px) {
    #RequiredFields  .input-group .form-control { width: 240px; }
}

.additionalInfo .input-group .form-control { width: 100%!important; }

.input-group-addon .glyphicon { float: right; margin-right: 0; }



.input-group-addon .tooltip.bottom {margin-top:8px;}
.input-group-addon .tooltip.bottom {left:0!important;right:0;}
.input-group-addon .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 89px!important;
  margin-left: -5px;
  border-width: 0 15px 10px;
  border-bottom-color: #d8d8e2;
  opacity:.6;
}

.input-group-addon .tooltip-inner {
  max-width: 313px;
  padding: 3px 8px;
  color: #262938;
  text-align: left;
  background-color: #d8d8e2;
  border-radius: 4px;
}

/********** Photo Upload / Video Submit *********/
#divVideoView { background-color: #efefef; margin-bottom: 20px; }

.divImageUpload:hover { background-color: #efefef; }


#divImageUpload { width: 100%; padding-top: 10px; padding-left: 10px; height: 130px; background-color: #fdfdf9; border: 1px dashed #d8d5d5; margin-bottom: 20px; }

#divUploadedImages { margin-bottom: 10px; min-height: 150px; background-color: #efefef;padding: 0;}

#divUploadedImages .uploadedImageThumb { /*margin-right: 5px;*/ border-radius: 4px; height: 110px; width: 110px; overflow: hidden; /*margin-bottom: 5px; */}

#divUploadedImages .uploadedImageDiv:first-of-type img { border: 2px solid #21552b; }

.uploadedImageDiv { display: inline-block; position: relative;margin-right:5px; margin-bottom:5px; }

.DeleteImageIcon {width:30px; height:30px; cursor: pointer; position: absolute; top: 7px; right: 12px; background-color: rgba(255,255,255,.8); border-radius: 50%; font-size: 9px;  text-align: center; }

.DeleteImageIcon .fa-close,
.DeleteImageIcon .fa-times { color: #333; font-size:28px;  font-size: 24px; line-height: 26px;}


.PrimaryImageIcon { display: none; position: absolute; top: 2px; left: 2px; color: #ffffff; text-transform: uppercase; font-size: 10px; background-color: #21552b; padding: 2px 13px 2px 4px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; border-bottom-right-radius: 4px; letter-spacing: -.05em; }

#divUploadedImages .uploadedImageDiv:first-of-type .PrimaryImageIcon { display: block; }

#imagefile { margin-bottom: 30px; }


/*****  SUBMIT A VIN  *****/

#SubmitVIN { width: 80%; }

#SubmitVIN .input-group { width: 100%; margin-bottom: 5px; }

#SubmitVIN .input-group .form-control { width: 100%; font-size: 16px; font-weight: normal; }

@media (min-width: 1200px) {
    #SubmitVIN .input-group .form-control {
        width: 100%;
        letter-spacing: .15em;
        font-size: 24px;
        font-weight: normal;
    }
}
#SubmitVIN .input-group .input-group-addon { padding: 3px 5px; font-size: 16px; text-align: center; text-transform: uppercase; width: 50px; line-height: 1.3em; color: #ffffff; background-color: #262938; border: 1px solid #262938; border-radius: 0; font-weight: 900; }

@media (min-width: 1200px) {
	#SubmitVIN .input-group .input-group-addon { padding: 3px 5px; font-size: 24px; text-align: center; text-transform: uppercase; width: 100px; line-height: 1.3em; color: #ffffff; background-color: #262938; border: 1px solid #262938; border-radius: 0; font-weight: 900; }
}
#SubmitVIN small { margin-top: 12px; }

#SubmitVIN .form-control {height:40px;}


.btn-med {  
padding: 10px 50px;
  line-height: 1;
  margin-right: 25px;
  margin-bottom:10px;
  }
.btn-wide { padding-left: 10px; padding-right: 10px; width:100%;}

@media (min-width: 414px) {
    .btn-wide {
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
    }
}

.btn-set-width-med {width:150px;  margin-right: 25px;  margin-bottom:10px;
 }

.label-danger-no-override a,
.label-danger a {color:#ffffff; font-size:1.3em; font-family: 'Open Sans', Helvetica, Arial, sans-serif; padding:0 10px 4px 10px;}


/* centered columns styles */
.row-centered { text-align: center; }

.col-centered { display: inline-block; float: none; /* reset the text-align 
    text-align:left;*/ /* inline-block space fix */ margin-right: -4px; }

.col-fixed { /* custom width */ width: 320px; }

.col-min { /* custom min width */ min-width: 320px; }

.col-max { /* custom max width */ max-width: 320px; }
.btn-group .col-max { /* custom max width */ max-width: 280px; }
@media (max-width: 767px)  {
.flex-group {    display: flex; flex-direction: column;}
.flex-group .flex-item {margin-bottom:25px;}
}
@media (max-width: 991px)  {
.addFieldsButtons .flex-group {    display: flex;  flex-direction: column;}
.addFieldsButtons .flex-group .flex-item {margin-bottom:25px;}

}
.addFieldsButtons .flex-group {    display: flex; justify-content:space-around;}
.addFieldsButtons .flex-group .flex-item {margin-bottom:25px;}

.addFieldsButtons.btn-group {width:100%;}




/*==============  ::  $CONDITION REPORT ::  ================*/

.row.row-fluid { margin-right: 0; margin-left: 0; clear: both; }

.row.row-fluid > [class^="col-xs-3"],
.row.row-fluid > [class*=" col-xs-3"],
.row.row-fluid > [class^="col-xs-2"],
.row.row-fluid > [class*=" col-xs-2"],
.row.row-fluid > [class^="col-xs-1"],
.row.row-fluid > [class*=" col-xs-1"] { padding-right: 0; padding-left: 0; }

.panel-container { border-top: 1px solid #c0c0c0; margin: 10px 2px; padding: 0.35em 0 0.75em 0; }
.panel-container .panel-body {clear:both; padding:0;}
.additionalInfo p {font-size:12px;}
.note { margin-bottom: 25px; font-size: .9em; clear:both; }

.panel-title { color: #333333; margin-bottom: 25px; font-size: 14px; margin-top: -15px; background-color: #ffffff; display: block; float: left; padding-right: 20px; font-weight: bold; /* margin-right: 100px; watch for fallout*/}

.panel-title span.panel-no { margin-right: 5px; background-color: #282834; color: #ffffff; display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 14px; }
.panel-title .glyphicon-question-sign {margin-right:0; margin-left:10px;}


.fa-close,
.fa-times,
.glyphicon-remove {cursor:pointer;}
.additional-field-delete {color:#d90221; }

.tab-content.col-lg-10.additionalInfo { padding-left: 0; margin-top:25px;}


@media (min-width: 1200px) {
	.tab-content.col-lg-10.additionalInfo { width: 975px; padding-left: 30px; padding-right: 0; margin-top:0; }

}
    .panel-container .fixed-widths .col-xs-2:nth-child(1) {
        width: 80px;
    }

    .panel-container .fixed-widths .col-xs-2:nth-child(2) {
        width: 130px;
    }

@media (min-width: 840px) {
    .panel-container .fixed-widths .col-xs-8,
    .panel-container .fixed-widths .col-sm-8 {
        width: 710px;
    }

        .panel-container .fixed-widths .col-xs-8 .col-xs-1,
        .panel-container .fixed-widths .col-sm-8 .col-sm-1 {
            width: 206px;
            padding-right: 5px;
        }

        .panel-container .fixed-widths .col-xs-8 .col-xs-7,
        .panel-container .fixed-widths .col-sm-8 .col-md-7 {
            width: 445px;
        }

        .panel-container .fixed-widths .col-xs-8 .col-xs-2,
        .panel-container .fixed-widths .col-sm-8 .col-sm-2 {
            width: 75px;
        }

        .panel-container .fixed-widths .col-xs-8 .col-xs-3,
        .panel-container .fixed-widths .col-sm-8 .col-sm-3 {
            padding: 0 5px;
        }
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{color:#21552b;font-weight:600;text-transform:uppercase;background-color:#ffffff;}

.nav-tabs>li>a,
.nav-tabs>li>a:focus, 
.nav-tabs>li>a:hover {
  text-decoration: none;
  background-color: #eee;
  color:#333;font-weight:600;text-transform:uppercase;
}


.nav-tabs.nav-tabs-custom {
  border-bottom: 0 none;
}
.nav-tabs.nav-tabs-custom.nav-stacked { width: 165px; border-right: 1px solid #cdcdcd; padding: 0 0 160px 0; }
.nav-tabs.nav-tabs-custom>li.active>a, 
.nav-tabs.nav-tabs-custom>li.active>a:focus, 
.nav-tabs.nav-tabs-custom>li.active>a:hover {
  border: 0 none;
    text-transform: none;
    background-color: #ffffff;
}

.nav-stacked > li { margin-right: 5px; }

.nav-stacked > li.tab-item-border { border-bottom: 1px dotted #b0b0b0; }

.nav-stacked > li.active { border-bottom: none; margin-right: 0; }

.nav-tabs.nav-tabs-custom > li > a { padding: 8px 0 8px 0; color: #333333; border-radius: 0; font-size: 13px; margin-right: 0; 
   line-height:inherit; 
   border: 0 none; 
   border-radius: 0; 
     text-transform: none;
     background-color: #ffffff; 
     border:1px solid #21552b;}

.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: transparent; }

.nav-tabs.nav-tabs-custom > li.active > a,
.nav-tabs.nav-tabs-custom > li.active > a:focus,
.nav-tabs.nav-tabs-custom > li.active > a:hover { background-color: #21552b; color: #ffffff; }

.nav-tabs.nav-tabs-custom > li.active > a { position: relative; background: #21552b; color: #ffffff; }

.nav-tabs.nav-tabs-custom > li.active > a:after {}


@media (min-width: 768px) {

	.nav-tabs.nav-tabs-custom > li.active > a:after {   
	  content: '';
	  display: block;
	  position: absolute;
	  left: 39%;
	  bottom: -15px;
	  margin-top: 0;
	  width: 0;
	  height: 0;
	  border-left: 20px solid transparent;
	  border-right: 20px solid transparent;
	  border-top: 15px solid #21552b;}
}


@media (min-width: 1199px) {

.nav-tabs.nav-tabs-custom > li.active > a:after { content: ''; display: block; position: absolute; left: 100%; top: 50%; margin-top: -16px; width: 0; height: 0; border-top: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 16px solid #21552b; }
.nav-tabs.nav-tabs-custom>li.active>a {     border:0 none;}
.nav-tabs.nav-tabs-custom > li > a { padding: 8px 0 8px 10px; border:0 none;}

}

.btn-toggle-group { margin-bottom: 8px; }

.btn-toggle .btn.btn-primary { font-size: 10px; padding: 0 8px; border-radius: 10px; }


.btn-toggle .btn-primary { color: #cccccc; background-color: #ffffff; border-color: #cccccc; box-shadow: none; outline: none; }


.btn-toggle .btn-primary.active { color: #ffffff; background-color: #57b557; border-color: #57b557; box-shadow: none; outline: none; }

.row-fluid .row > [class*="col-"] { margin-bottom: 1%; }


.btn-group.btn-toggle { }

.toggle-label { font-size: 12px; padding-left: 10px; }

.sliderDataPointsContainer {display: block; margin: 20px 15px 0 15px;position: relative;}

.sliderDataPoints { position: relative; }

.sliderDataPointMin { position: absolute; left: 0; top: -26px; font-size: .9em; }

.sliderDataPointMax { position: absolute; right: -24px; top: -26px; font-size: .9em; }


.slider-horizontal .slider-handle {
  background-color: #57b557 ;
  background-image: -webkit-linear-gradient(top, #57b557 0%, #21552b 100%);
  background-image: -o-linear-gradient(top, #57b557 0%, #21552b 100%);
  background-image: linear-gradient(to bottom, #57b557 0%, #21552b 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff57b557', endColorstr='#ff21552b', GradientType=0);
  filter: none;
  -webkit-box-shadow: 0 0px 1px rgba(0,0,0,.8);
  box-shadow:  0 0px 1px rgba(0,0,0,.8);
  border: 2px solid #ffffff;
}

.slider-horizontal .slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #57b557 0%, #57b557 100%);
  background-image: -o-linear-gradient(top, #57b557 0%, #57b557 100%);
  background-image: linear-gradient(to bottom, #57b557 0%, #57b557 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff57b557', endColorstr='#ff57b557', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}


/*==============  ::  $CHECKOUT ::  ================*/

.tile.tile-secondary {background-color: #ffffff;border-bottom:2px dotted #f2f0f1;  }
.checkout .tile {    }
.tile.tile-secondary .tile-heading,
.tile.tile-inverse .tile-heading 
 {
  border-bottom: 0 none;
  background-color: #f2f0f1;
  padding: 15px 0 15px 15px;
  clear: both;
  width: 100%;
  margin-bottom: 18px;
  float: left;
}
.tile.tile-secondary .tile-body { clear: both; }
.tile.tile-secondary .tile-body .row.no-gutter-left {margin-left:0;}

.tile.tile-inverse {background-color: #ffffff; border:1px solid #27283a;}
.tile.tile-secondary .tile-body { clear: both; }

.checkout .equalCols {position:relative;}
.checkout  .tile .form-group no-gutter {width:100%;}

.checkout .tile-body .form-horizontal .control-label {text-align:left;}

.form-group .text-vertical-center {padding-top: 7px;}

.checkout .tile .form-control {padding: 5px; height:30px; }


.paymentAmountsWrp {margin-bottom:75px;}
.paymentTotalWrp {font-size:1.3em; position:absolute; bottom:0; left:0; right:0; padding:30px 15px 0 15px; background-color:#262938; color:#ffffff;}


@media (min-width: 360px) {
	.tile   .dl-horizontal dt {  width: 30%;}
	.tile  .dl-horizontal dd {
	  margin-left: 30%;
	  text-align: right;
	}
}

.tile .paymentAmountsWrp .dl-horizontal dd {
    margin-bottom: 6px;
}


.tile-heading .position-right {
  position: absolute;
  right: 15px;
  top: 11px;
}

/*==============  ::  $SITE SETTINGS ::  ================*/

/* Hide Facilities. Now managed under Seller Settings */
#divFacilitiesPanel {display:none;}

.panel-container .row {margin-bottom: 1%}

.alert.alert-custom {
  color: #ffffff;
  background-color: #262938;
  border-color: #262938;
  text-transform: uppercase;
  border-radius: 0;
  text-align: left;
  font-size: 26px;
  padding: 5px 0 5px 95px;
  letter-spacing: .25em;
  font-weight: 600;
  }

.tile { margin-bottom: 20px; background-color: #f4f4f4; border: 0 none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; 
min-height:250px; font-size: 12px; }



@media (min-width: 1200px) {

	.tile {}

}

.tile-heading { border-bottom: 1px dotted #cbcbcb; padding: 15px 0 15px 15px; clear: both; width: 100%; margin-bottom: 18px; float: left; }
.tile-title { float: left; font-weight: bold; font-size: 15px; }
.tile-body .tile-title {  width:90%; }
.tile-title .highlight {  font-weight: normal; text-transform: none; }
.tile-heading .tile-title { text-transform: uppercase; font-size: 14px; }
.tile-body { padding: 15px; }

.btn.btn-dropdown { color: #262938; padding: 0 12px; }

.btn-group.open .btn-dropdown.dropdown-toggle,
.btn.btn-dropdown.active, .btn.btn-dropdown:active { -webkit-box-shadow: none; box-shadow: none; }
.tile-body .btn.btn-dropdown {margin-right:-12px;}

.tile .dropdown-menu { right: 0; left: inherit; }
.dropdown-menu > li > a {cursor:pointer;}
.tile .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #ffffff; text-decoration: none; background-color: #21552b; }

@media (min-width: 360px) {
    .dl-horizontal dt { float: left; width: 50px; clear: left; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .dl-horizontal dd { margin-left: 60px; }
}


.tile.tile-empty { margin-bottom: 20px; background-color: #ffffff; border: 0 none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; height: 250px; font-size: 30px; margin-right: 0; border: 1px solid #cccccc; text-align: center; color: #f4f4f4; text-transform: uppercase; font-weight: bold; }

.tile-empty a.add-new { display:block;}

.tile.tile-empty a.add-new,
.tile.tile-empty a.add-new:hover,
.tile.tile-empty a.add-new:active,
.tile.tile-empty a.add-new:visited { color: #f4f4f4; text-decoration: none; }

.tile.tile-empty a.add-new:hover { cursor: pointer; }

.tile.tile-empty .glyphicon.glyphicon-plus { font-size: 130px; margin-bottom: 30px; margin-right: 0; }
.tile.tile-small .glyphicon,
.tile.tile-small .fa,
.tile.tile-small .svg-inline--fa { font-size: 24px; margin-bottom: 8px; margin-right: 0; }
.tile.tile-small .svg-inline--fa.fa-sm {font-size:20px;}
.tile-small {float:left;margin-left:14px; margin-top:5px; margin-bottom:0;  position: relative; padding-top: 12px;}

.tile.tile-small {
  width: 63px;
  height: 63px;
  max-height: 63px;
  min-height: 63px;
  background-color:#ffffff;
  text-align:center;
  font-size:9px;
  }

.tile.tile-small.active {  background-color:#57b557; }

.tile.tile-small a,
.tile.tile-small a:active,
.tile.tile-small a:visited { color: #646464; text-decoration: none;   display: block;}

.tile.tile-small a:hover { color: #57b557; text-decoration: none; }


.tile.tile-small.active a,
.tile.tile-small.active a:hover,
.tile.tile-small.active a:active,
.tile.tile-small.active a:visited { color: #ffffff; text-decoration: none; }

.progress-bar-nav:hover {cursor:pointer;}
.progress-bar-nav.progress-bar-success:hover {cursor:default}


.tile-small .badge {  position: absolute;
  color: #57b557;
  background-color: #ffffff;
  padding: 2px;
  text-align: right;
  font-size: 9px;
  right: 4px;
  top: 3px;}

.ui-widget-content {border-color:#ccc; z-index:9001;}
.ui-widget-header { border: 0 none; background: none; color: #333333; font-weight: bold; }
.ui-dialog-titlebar-close {visibility: hidden;}
.ui-dialog-buttonset .btn {width:115px;}
.ui-dialog-content .input-group {width:100%}
.ui-dialog-content .input-group input[type="text"].form-control {width:50%}
.ui-dialog-content .input-group select.form-control {width:22%}
.ui-dialog-content .input-group .checkbox {display:inline-block; margin-left:20px;}
.ui-widget  {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 12px;
}
    
.checkbox-custom input[type="checkbox"] + label::before {
  background-color: #ffffff;
  border-color: #57b557;
}

.checkbox-custom input[type="checkbox"]:checked + label::before, .checkbox-custom input[type="radio"]:checked + label::before {
  background-color: #57b557;
  border-color: #57b557;
  color:#ffffff;
}

.checkbox.checkbox-custom label::after {color:#ffffff;}

.ui-widget-content .row > [class*="col-"] { margin-bottom: 1%; }  /* this should be everywhere but... */

.form-horizontal label.radio-inline  {
	height: inherit;
	line-height: 1;
	font-size:14px;
	margin-right: 6px;
}

.form-horizontal label.checkbox-label  {
	height: inherit;
	line-height: 1.2;
	font-size:13px;
	margin-right: 6px;
	margin-bottom:8px;
	margin-left:17px;
}


.radio-inline input,
.checkbox-label input {}
.checkbox-label {font-weight:400}

label.checkbox-label {
  display: block;
  text-indent: -15px;
}

.radio-inline input[type="radio"],
.checkbox-label input[type="checkbox"]  {
	margin-top:0;
}

.table .checkbox, 
.table .radio {
  margin-top: 0;
  margin-bottom: 0;
}
.header-row {
    white-space: normal;
    vertical-align: bottom;
    background-color: #efefef;
    border-width: 0 0 2px 0;
    border-color: #cccccc;
    border-style: solid;
    font-weight: 700;
    
     min-height: 16px;
    line-height: 16px;
     padding: .5em 0 .4em 0;
    overflow: hidden;
    text-overflow: ellipsis;
    }

/******  Auction Bid Increments  *********/

.input-group-addon.reverse {
  width: 130px;
  color: #262938;
  background-color: #ffffff;
  border: 1px solid #ffffff;

}

.form-control.input-small {width:140px; height: 34px; font-size: inherit; }
.form-control.input-xsmall {width:90px;min-width:90px; height: 34px; font-size: inherit; }

.row-fluid .form-control.input-med {width:90%;}

 /*  Want to Change from float left - need to recheck how it is affected!! */
.inline { float:left;  /* display:inline-block; */}

input.form-control.inline  {width:auto;margin-left:5px;}



.tooltip.bottom .tooltip-inner {
  padding: 8px;
  color: #ffffff;
  text-align: left;
  background-color: #1a1a1a;
  border-radius: 4px;
}
@media (min-width: 992px) {

	.panel-title .tooltip-inner {
	  /*max-width: none;*/
	  padding: 8px;
	  color: #ffffff;
	  text-align: left;
	  background-color: #1a1a1a;
	  border-radius: 4px;
	  width:100%;
	   margin-left:30%;
	}

	.panel-title .tooltip.bottom {margin-left:5px;  }

	.panel-title .tooltip.bottom .tooltip-arrow {
	  border-bottom-color: #1a1a1a;
	}

}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-dialog .ui-icon-gripsmall-diagonal-se {
  background-position: -80px -224px;
}

.ui-widget-header-show .ui-widget-header {background-color:#efefef;}

.ui-dialog .ui-dialog-content {
 /* padding: 0 0 0 20px;*/
  }
  





.form-inline.inverse label {margin-right:10px;}
.form-inline.inverse .btn-group {margin-right:25px;}


.form-inline.inverse label.rounded-corners { line-height: 34px;
  padding: 0 10px;
  font-weight: normal;
  background-color: #262938;
  color: #ffffff;
  padding-right: 40px;
  margin:0;}
 
.input-group.date .k-picker-wrap {

 /* border-radius: 4px;
  border: 2px solid #262938;
  height: 24px; 
 
    width: 130px;
    padding-right: 5px;
        display: inline-block; */

  }
  
.input-group.date .k-picker-wrap.k-state-default,
.input-group.date .k-picker-wrap {  width: 130px; background-color:#ffffff; background-image:none;  margin-top: -3px; 	  /*margin-left: -7px;*/}
.input-group.date .k-picker-wrap.k-state-default {border-color: #262938; height: 33px;}
.input-group.date .k-picker-wrap .k-select { border: none; }
 
.input-group.date .form-control {height:25px;}
.input-group.date { display: inline-block; }
.secondary .form-control { border:0 none;}


.input-group-addon.inverse {  color: #262938; background-color: #ffffff; font-size: 18px; border:0 none;}

.secondary  .input-group{width:140px;margin-top: -6px;}

table.k-selectable tr:hover {/*cursor:pointer;background-color:#efefef;*/}
table.k-selectable tr:hover {background-color:#eeeeee; cursor:pointer;}
table.k-selectable tr:hover td {/*color:#ffffff;*/}
table.k-selectable tr:hover .btn.btn-dropdown {/*color:#ffffff;*/}

th .glyphicon-cog,
th .glyphicon-check {color:#999}

.list-inline.colSelList>li {
  width: 45%;
}

.list-inline.colSelList input[type=checkbox] {margin-right:6px;}

@media (min-width: 1024px) {

.k-grid td .dropdown-menu {min-width: auto; /*width: 140px;*/right:0; left:inherit;}
}
.k-grid td .btn.btn-dropdown {padding:0;}
.k-grid tr.k-state-selected td {overflow:visible;  word-wrap: break-word;}
.k-grid tr td  {overflow:visible;  word-wrap: break-word;}
.grid-edit-text {width:50px;}
div.k-loading-mask
{
    z-index: 9001; /* must be larger than the z-index:2 of #container */
}

#grid,
#eventsGrid {position: relative;}


.secondary .k-input,
.k-dropdown.secondary  .k-input,
.k-dropdown.secondary  .k-state-hover .k-input
{
  color: #ffffff;
}
.secondary  .k-datepicker .k-input {color:#262938 }

.k-dropdown.secondary .k-dropdown-wrap.k-state-default,
.k-dropdown.secondary .k-dropdown-wrap.k-state-disabled,
select.secondary {
  background-image: none;
  background-color: #262938;
  border-color: #262938;
  color:#ffffff;
  min-width:120px;
  border-radius: 4px;
  height: 32px;
}


 .k-popup .k-list .k-item {
  background-color: #ffffff;
  color: #262938;
  border-color: #ffffff;
  background-image:none;
  line-height: 1.3em;
    margin-bottom: 10px;
}
.k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected
{
  padding: 0 4px;
  border-width: 1px;
  border-style: solid;
  cursor:pointer;
}

select.secondary option {background-color: #ffffff;
  color: #262938;
  border-color: #ffffff;
  background-image: none;
    border-radius: 4px;
}
  
.k-grid  input[type=checkbox] {width:16px;height:16px;}

.inventory-grid tr td:first-child,
.inventory-grid tr th:first-child  {}

.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .km-pane-wrapper>.km-pane>.km-view>.km-content,
.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
  
  background-image: none;
  background-color:inherit;
  }
  
 
 
#settingsForm .k-datepicker { display: block; }
#settingsForm .k-picker-wrap {  border: 1px solid #ccc;   border-radius: 0; }

#settingsForm .k-datepicker .k-input { 
  border-radius: 0;
  height: 33px;
  color: #555;
  font-size: 14px;
  line-height: 1.42857143;
  background-image: none;
}
 
#settingsForm .k-picker-wrap .k-select {    line-height: 34px; }
#settingsForm .form-group.has-error .k-datepicker .label-danger {margin-left:0;}

.td-checkbox,
.th-checkbox {width:65px;}
.th-checkbox .check-counter.badge {margin-top: -8px; background-color:#262938;}

.k-header.thumbimageurl,
td.thumbimageurl {width:96px;}
 
.thumbimageurl img {
	display: inline-block;
	max-width: 80px;
  }
.activate-checkbox {}

	/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media only screen and (max-width: 768px)  {
    /* Force table to not be like tables anymore */
 
 	.inventory-grid table, .inventory-grid table thead, 
	.inventory-grid table tbody, 
	.inventory-grid table th, 
	.inventory-grid table td, 
	.inventory-grid table tr {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.inventory-grid table thead th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.k-grid-header .k-grid-header-wrap  {
	    background-color: #efefef;
	    border-color: #cccccc;
	    border-style: solid;
	    border-width: 0 0 2px;
    }
	.inventory-grid table thead th.th-checkbox,
	.inventory-grid table thead th.column-selector {
		height: 40px;
		left: inherit;
		position: inherit;
		top: inherit;
	    border-width: 0;

	}
	.inventory-grid table thead th.th-checkbox  {
		float: left;
	}

	.inventory-grid table thead th.column-selector {
		text-align:right;
		float: right;
	}
	
	.inventory-grid tr td:first-child,
	.inventory-grid tr th:first-child,
	.inventory-grid tr td.thumbimageurl,
	.inventory-grid tr .td-checkbox, 
	.inventory-grid tr .th-checkbox  {width:100%;}

	.inventory-grid.k-grid td {border-bottom: 0 none;min-height: 30px; }
	.inventory-grid.k-grid tr {  border-bottom: 1px solid #cccccc;}
	.inventory-grid.k-grid table  {  border-top: 1px solid #cccccc;}
	
		.inventory-grid table td {
			/* Behave  like a "row" */
			position: relative;
			padding-left: 30%;
		}


	.inventory-grid .k-grid-content table td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data */
	
		.inventory-grid .k-grid-content table td:before  { 
		  
	      content: attr(data-title)": "; /* who knew you could do this? The internet, that's who. */ 
	      font-weight: bold;

	      /*  optional stuff to make it look nicer */ 
	      width: 6.5em; /*  magic number :( adjust according to your own content */ 
	      display: inline-block;
	      /* end options */
	      }
	      
	      	.inventory-grid .k-grid-content table td.td-checkbox:before  { 
		  
	      content: "Select";  
	      
	      }
	      	      
	      	.inventory-grid .k-grid-content table td.thumbimageurl:before  { 
		  
	      content: " ";  
	      
	      }
	      
	             	.inventory-grid .k-grid-content table td.td-checkbox:before  { 
		  
	      content: "Select";  
	      
	      }
	      	      
	      	.inventory-grid .k-grid-content table td.show-columns:before  { 
		  
	      content: " ";  
	      
	      }
	       	.inventory-grid .k-grid-content table td.hide-html:before  { 
		  
	      content: " ";  
	      
	      }
	      
/*********  TO DO: Add this class where ever the data-title is set then remove the .inventory-grid class above.    **********/ 
         
    .grid-responsive table, .grid-responsive table thead, 
	.grid-responsive table tbody, 
	.grid-responsive table th, 
	.grid-responsive table td, 
	.grid-responsive table tr {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.grid-responsive table thead th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.grid-responsive table thead th.th-checkbox,
	.grid-responsive table thead th.show-column-selector {
		height: 40px;
		left: inherit;
		position: inherit;
		top: inherit;
	    border-width: 0;

	}
	.grid-responsive table thead th.th-checkbox  {
		float: left;
	}

	.grid-responsive table thead th.show-column-selector {
		text-align:right;
		float: right;
	}
	
	.grid-responsive tr td:first-child,
	.grid-responsive tr th:first-child,
	.grid-responsive tr td.thumbimageurl,
	.grid-responsive tr .td-checkbox, 
	.grid-responsive tr .th-checkbox  {width:100%;}


	.grid-responsive table  td {	
			/* Behave  like a "row" */
			position: relative;
			padding-left: 30%;
			border-bottom: 0 none;
			min-height: 30px; }
	.grid-responsive table  tr {  border-bottom: 1px solid #cccccc;}
	.grid-responsive table  {  border-top: 1px solid #cccccc;}
	
		/*Left Column wide */
		.grid-responsive.grid-responsive-lcw table td {
			/* Behave  like a "row" */
			 
			padding-left: 50%;
			 
		}

/* buyers grid uses span */
/*.grid-responsive .k-grid-content table td:before */
        .grid-responsive .k-grid-content table span.data-title:before
	{
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            /* Label the data */
            content: attr(data-title)": "; /* who knew you could do this? The internet, that's who. */
            font-weight: bold;
            /*  optional stuff to make it look nicer */
            width: 6.5em; /*  magic number :( adjust according to your own content */
            display: inline-block;
            /* end options */
        }
	      
	      	.grid-responsive .k-grid-content table td.td-checkbox:before  { 
		  
	      content: "Select";  
	      
	      }
	      	      
	      	.grid-responsive .k-grid-content table td.thumbimageurl:before  { 
		  
	      content: " ";  
	      
	      }
	      
	          	      
	      	.grid-responsive .k-grid-content table td.show-columns:before  { 
		  
	      content: " ";  
	      
	      }
	       	.grid-responsive .k-grid-content table td.hide-html:before  { 
		  
	      content: " ";  
	      
	      }
}


@media (min-width: 767px) and (max-width: 991px) {

.pull-right-sm {float: right;}
.col-xs-12,
.col-sm-12 {margin: 5px 0;}
}

@media   (min-width: 413px) and (max-width: 767px) {
.col-xs-12 .form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
}

#COLUMN_CHOOSER {max-width:600px;}
/*==============  ::  $Events ::  ================*/

.event-title  { font-size: 18px; font-weight: 800; text-transform: uppercase; margin-bottom:15px;}
.sortable-list {padding:0;clear:both;}
.sortable-list li {position:relative;padding:0; border:1px solid #cccccc; border-radius:9px; width:100%;margin: 5px 0; cursor: move; background-color:#fbfbfb;}
.sortable-list .list-item-drop {
    background-color:beige; height:50px; padding-top:15px; font-weight:bold; text-align:center; font-size:16px; color:#cccccc;
}
.list-item input {
 border: 1px solid #ccc;
    border-radius: 5px;
 
    padding: 0 6px;
    width: 60px;
    height:25px;
    }
.list-item img {margin-right:10px;}
.list-item .fa-trash,
.list-item .fa-trash-alt {
    color: #57b557;
    cursor: pointer;
 
    font-size: 20px;
 

    }



#eventInfo dl.dl-horizontal {float:left; margin-right:50px;}
#eventInfo .dl-horizontal dt {width:85px;}
#eventInfo .dl-horizontal dd {
    margin-left: 90px;
}

.no-border {border:0 !important;}

.w-100 {
  width: 100%!important;
}

.d-flex {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
}

.flex-column {
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -webkit-flex-direction: column!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
}

.align-items-start {
  -webkit-box-align: start!important;
  -webkit-align-items: flex-start!important;
  -ms-flex-align: start!important;
  align-items: flex-start!important;
}

.justify-content-start {
  -webkit-box-pack: start!important;
  -webkit-justify-content: flex-start!important;
  -ms-flex-pack: start!important;
  justify-content: flex-start!important;
}

.justify-content-between {
  -webkit-box-pack: justify!important;
  -webkit-justify-content: space-between!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important;
}

.align-self-center {
  -webkit-align-self: center!important;
  -ms-flex-item-align: center!important;
  -ms-grid-row-align: center!important;
  align-self: center!important;
}

.font-weight-bold {
  font-weight: 700;
}
.font-weight-normal {
  font-weight: 400;
}
.font-italic {
  font-style: italic;
}

.ml-auto {
  margin-left: auto!important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: .25rem .25rem!important;
}



.p-1 {
  padding: .25rem .25rem!important;
}

.p-2 {
  padding: .5rem .5rem!important;
}

.w-55px { width:55px}
.w-75px { width:75px}
.w-100px { width:100px}
.h-50px  { height:50px}
.mw-100px { max-width:100px}

.align-container {position:relative;}
.align-bottom {position:absolute; bottom:0;right:10px;}
.align-top-left {position:absolute; top:0;left:0;}
.align-container img {width:100%;}
.list-pager {height:85px;}
#auctionInfo .nav.nav-tabs {display:none;}
#auctionInfo .table-data tr.even {
    background-color: #ffffff;
}

.startingBid .form-inline { background-color:#efefef;padding:15px;}

.increments {background-color:#cccccc;height:40px;line-height:40px;font-weight:bold;text-transform: uppercase;}


.runLane { background-color: #57b557;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px;}

#startBid {
    background-color: #339933;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    margin: 5px 0;
    padding: 6px 60px;
}

#bidItemDetails .table-data-label {width:18%;}

.event-bid-container {border:1px solid #cccccc; padding:15px;margin-top:30px;}
.top-bid {text-transform:uppercase; font-size:18px;font-weight:800;}
.top-bid-amt {color:#21552b;font-size:28px;font-weight:800;margin-bottom:10px;}
.asking-bid {text-transform:uppercase; margin-bottom:15px; padding-bottom:20px;font-size:16px;}
.event-create-bid-container {margin-top:30px;padding-right: 0;}
.event-create-bid-container .form-control {width:100px;}
.event-create-bid-container .col-xs-4 {padding:0;}
.event-log-bid-container label  {width: 93px;}
.event-add-bid-container label {width: 85px;}
.event-log-bid-container .btn-default {width:90px;}
.event-add-bid-container .btn-default {width:90px;} 
.event-sold-bid-container { margin-top:53px;}

.event-sold-bid-container #btnSold {
display: table-cell;
    font-weight: bold;
    height: 61px;
    text-transform: uppercase;
    width: 140px;
    }
.event-sold-bid-container #btnNoSale {padding: 3px; width: 100%; margin-bottom:5px;}
.event-sold-bid-container #btnApprove {padding: 3px; width: 100%;}

.increments-list {list-style-type:none;padding:0;margin:0;}
.increments-list li {display:inline-block; margin-right: 10px;}
.increments-list li a {display:block;height:40px; width:30px;text-align:center;}
.increments-list li a.active {background-color:#21552b; color:#ffffff;}
.increments-list li a:hover,
.increments-list li a:active {text-decoration:none;}


.vehicle-img-container.event-item-ended:before {
    background: rgba(0,0,0, 0.5);
}
.vehicle-img-container.event-item-ended .event-item-status {background: rgba(0,0,0, 0)}
.event-item-status  {background: rgba(0,0,0, 0)}

.event-item-status {text-align:left; color:#ffffff;width:100%;position:absolute;bottom:0;left:0;right:0;padding:3px;}
.event-item-status {background: rgba(0,0,0, 0.5);}

.event-item-status .glyphicon-time:before {font-size:18px;}
.event-item-ordinal {display:none;position:absolute; top:0; left:0;border-radius: 0 1px 5px; color:#ffffff;padding:5px 10px; background-color:#339832;}
.event-item-watchlist {position:absolute; bottom:2px; right:2px;}
.event-item-watchlist.glyphicon.glyphicon-star {font-size:18px;}
.event-item-active .event-item-ordinal {display:block;}  

.event-item-watchlist {display:none;}

.event-item-isactive, 
.event-item-isended,
.event-item-isnext {display:none; text-transform:uppercase;color:#ffffff;}
 

.event-item-active .event-item-isactive {display:inline-block;}
.event-item-ended .event-item-isended {display:inline-block;color:#ffffff;}
.event-item-next .event-item-isnext {display:inline-block;}
.event-item-isupcoming {display:inline-block; text-transform:uppercase;}

.event-item-next .event-item-isupcoming,
.event-item-sold .event-item-isupcoming,
.event-item-active .event-item-isupcoming,
.event-item-ended  .event-item-isupcoming {display:none;}


/*==============  ::  $Dashboard ::  ================*/

/*
 * Row with equal height columns
 * --------------------------------------------------

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
 */
 
 .dashboard-header {
   background: transparent url("../Images/bg-1.jpg") repeat scroll 0 0;
    color: #ffffff;
    height: 120px;
    padding: 40px 0;
    text-align: center;
    text-transform:uppercase;
    }
   .page-content.dashboard {}
   
   html.admin-dashboard-bg {
    background: url(../Images/bg-2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:684px;
  }
   html.admin-dashboard-bg body {
background-color:transparent;
}


.dashboard .panel {min-height:470px;}
.dashboard .panel-heading {font-weight:bold; text-transform:uppercase;    font-size: 14px; color:#21552b;}
.dashboard .col-md-3.panel,
.dashboard .col-sm-6.panel,
.dashboard .col-md-6.panel {padding:0;}
.panel-heading span {color:#333333;}
.panel .nav-pills > li > a {border-radius:0;color:#ccc;}
.panel .nav > li > a {padding:0 20px 5px 0;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {background-color:#ffffff;color:#333;}

.dashboard .col-md-6.panel {margin-right:15px;}

.dashboard .panel {position:relative;}
.dashboard .panel-viewall-link {position:absolute; bottom:10px; left:15px;}

.page-content.dashboard {/*background-color:#efefef; */ margin-top: -30px;
  padding-top: 30px;}

*, *:before, *:after {box-sizing:  border-box !important;}


.row-masonry {
 -moz-column-width: 20em;
 -webkit-column-width: 20em;
 -moz-column-gap: .5em;
 -webkit-column-gap: .5em; 
  
}

.panel-masonry {
 display: inline-block;
 margin:  .5em;
 padding:  0; 
 width:98%;
    min-height: 300px;
}


 /* show the move cursor as the user moves the mouse over the panel header.*/
    #draggablePanelList .panel-heading {
        cursor: move;
    }

@media (min-width: 768px) {

	.col-md-2-small {width:120px;}

}

@media (min-width: 768px) {

	.no-gutter > [class*='col-'] {
	    padding-right:0;
	    padding-left:0;
	}
}
@media (min-width: 768px) {
	.no-gutter-right > [class*='col-'] {
	    padding-right:0;
	}
}
@media (min-width: 768px) {
	.no-gutter-left > [class*='col-'] {
	    padding-left:0;
	}
}


/*==============  :: $Activation Listing ::  ================*/

#activateSelectedType {font-weight:600;}
.check-counter-activation {font-weight:800;}
.k-picker-wrap .k-select {border-radius:0; }

.well .k-picker-wrap.k-state-default {
  border-color: #262938;
  }
  .well .k-picker-wrap .k-select {border:none; background-image:none;background-color:#ffffff;}
.well .k-widget .k-picker-wrap {border-radius:0;height:40px;}
.well .k-picker-wrap .k-input {height:38px;}

/*overwriting Kendo styles */
.well .k-widget.k-dropdown  
{
  height: 40px;
  border-radius: 0;
  color: #262938;
  font-size: 16px;
  font-weight: 500;
  background-color:#ffffff;
  border:1px solid #262938;
  }
.well .k-dropdown-wrap {border:0; height:38px;
}
.well .k-dropdown-wrap .k-input {color: #262938;
  font-size: 16px;
  font-weight: 500;
  line-height: 34px;
  height: 37px;}
  
  
.k-dropdown {  max-width: 300px;}  
.input-group.date .form-control {width:auto}
#startTimeHours,#startTimeMinutes,#startTimeMer,
#endTimeHours,#endTimeMinutes,#endTimeMer {height:40px;}
#startTimeHours,#startTimeMinutes,#endTimeHours,#endTimeMinutes,
#eventStartTimeHours, #eventStartTimeMinutes {width:50px;}
#startTimeMer, #endTimeMer, #eventStartTimeMer {width:58px;}


.table-header {background-color:#57b557; color:#ffffff;}
.table-header th {padding:5px;}
#divActivateInventoryReviewOrder table td {padding:10px 5px 5px 5px;}
.row.checkout {border-top: 5px solid #f2f0f1;
    margin-top: 30px;
    padding-top: 30px;}
    
.checkout .col-sm-1.mm {width:38px;}
.checkout .col-sm-2.yyyy {width:46px;}
.checkout .tile-heading img {float:right;margin-right:10px;}


/***  BUTTON SPINNER ***/
.disabled {  cursor: not-allowed; }

/*==============  :: $Active View History ::  ================*/

.thumbnail-sm {max-height:100px;max-width:100px;}
h4 {margin-top:1px; margin-bottom: 10px;}
.tab-pane {padding:10px 0;}
.bid-history .form-inline input {width:100%;}
.bid-history .form-inline label {line-height: 34px;}
.table-data {width:100%; table-layout: fixed;}
.table-data tr.odd {}
.table-data tr.even {background-color:#efefef;}
.table-data td {padding: 4px 0 4px 2px;}
.table-data th { background-color:#efefef;border-bottom: 1px solid #cccccc; padding:6px 2px; text-transform:uppercase;}

/*==============  :: $Inventory List Negotiate ::  ================*/


.counter-offer {  clear: both;
  margin-left: -50px;
  margin-top: 5px;
  }
.neg-count-down { display: inline-block; }
.neg-count-down label {margin-right:5px;font-weight:700; }

.btn-accept {background-color:#76ac00; margin-right:10px;color:#ffffff;}
.btn-stay {background-color:#cccccc;width:52px;}

.counter-offer label {margin-right:5px;float:left;line-height:32px;}
.btn-send {background-color:#fe9900;margin-left:-15px; color:#ffffff;width:52px;float:left;}

.counter-offer .txtOffer {  float: left;
  width: 100px;
  height: 34px;
  border: 1px solid #cccccc;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-transition: inherit;
}

.td-overflow-visible.k-grid  td {overflow:visible;}
.td-align-top.k-grid  td {vertical-align:top;}

.btn-accept.focus, .btn-accept:focus, .btn-accept:hover,
.btn-send.focus, .btn-send:focus, .btn-send:hover  {color:#ffffff}


.text-bold {font-weight:700}
.text-success {color:#329403}
.text-danger {color:#ff6600;}

#divUserSearchResult {  
cursor: pointer;
  text-align: left;
  border: 1px solid #ccc;
  padding: 5px 5px 5px 5px;
  box-shadow: 0 1px 3px #ccc;
  border-top: 0 none;
  font-size: 13px;
  color: #555;
  line-height: 1.7em;
}

#divUserSearchResult div {
	padding: 2px 2px 2px 10px;


}
#divUserSearchResult div:hover {

	background-color: #ccc;
	cursor: pointer;

}

/* Moved to a self-containing page */
#tasksListing {
/*	position: fixed;
	top: 52px;
	right: -450px;
	width: 450px;
	max-width:100%;
	height: 100%;
	z-index: 100;
	overflow-y: scroll;*/
	color:#000;
}

#tasksListing .tab-pane {
  padding: 20px 0;
}
#tasksListing  .tab-content {
	padding:0 15px 0 10px; /* Wider right for scroll bar */
	height:100%;
	  /*// the wrapper acts as the submenus' positioned parent*/
  position: relative;
	
}

.tasks-wrapper {
  /*// the wrapper acts as the submenus' positioned parent*/
 
 /* position: relative;*//* TESTING*/
}

#tasksListing .tasks-wrapper {
	margin:0 -15px 0 -10px;  
	/*
	 width: 200px;
	  max-height: 250px;*/
	/*// use scrolling if necessary, but don't show a horizontal scrollbar*/
	/*  overflow-x: hidden;
	  overflow-y: auto;*/
	  
	  }
#tasksListing .list-group.list-task-group-1,
#tasksListing .list-group.list-task-group-0 {	border-top: 1px solid #ccc; }
  
#tasksListing  .open .panel-heading span {
  color: #fff;
}

#tasksListing .list-group li.list-group-item {
  /*// the submenus cannot have a positioned parent inside the scrollable list*/
  position: static;
  }
  
.taskListTitle {
  text-align: center;
  font-size: 2em;
  margin: .5em 0;
  font-weight:300;
  }
  
.tasksType {

  margin: 14px 0 8px 10px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight:bold;
  }

#tasksListing .nav-tabs.tab-task-filter {
  border-bottom: 0 none;
  margin: 0 10px;
  }
#tasksListing .nav-tabs.tab-task-filter li {width:50%; }
#tasksListing .nav-tabs.tab-task-filter>li>a { text-transform:uppercase;text-align:center;margin-right:0; }
#tasksListing .nav-tabs.tab-task-filter>li>a.tabLeft {border-radius: 5px 0 0 5px;}
#tasksListing .nav-tabs.tab-task-filter>li>a.tabRight {border-radius: 0 5px 5px 0;}

#tasksListing .nav-tabs.tab-task-filter>li>a, 
#tasksListing .nav-tabs.tab-task-filter>li>a:focus, 
#tasksListing .nav-tabs.tab-task-filter>li>a:hover {
color: #ffffff;
  background-color: #21552b;
  border: 1px solid #21552b;
  border-bottom-color: #21552b;
}

#tasksListing .nav-tabs.tab-task-filter>li.active>a, 
#tasksListing .nav-tabs.tab-task-filter>li.active>a:focus, 
#tasksListing .nav-tabs.tab-task-filter>li.active>a:hover {
  color: #000000;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #21552b;
  border-bottom-color: #21552b;
}


	  #tasksListing .list-group-item .flexboxme{
	     display: flex; /*flex*/
      align-items: center; /*flex*/
	  flex-flow: row nowrap;
	  justify-content: flex-end;
	  align-items: center;
	  }
	  
	  	  #tasksListing .list-group-item  {
/*	  background-color: #000;
	  border-width: 1px 0 1px 0;
	  border-style: solid;
	  border-color: #555;
	  padding: 10px 10px 5px 5px;
	  display: block;
	  */
	  }

.panel-default>.panel-heading {
  color: #333;
  background-color: transparent;
  border:0 none;
}

#tasksListing .list-group-item  .flex-item {
    flex-grow: 1;
}

#tasksListing .list-group-item:last-child,
#tasksListing .list-group-item:first-child {border-radius: 0;}

#tasksListing .panel-tasks {

  border: 0 none;
  border-bottom:1px solid #ccc;
  border-radius: 0;
  margin: 0;
  box-shadow: none;
}
#tasksListing  .panel-tasks.open {border-bottom:1px solid #fff;}

#tasksListing .list-group-item a { }
#tasksListing .list-group-item a.fa-external-link,
#tasksListing .list-group-item a.external-link-alt {font-size:15px;}
#tasksListing .checkbox.checkbox-custom.pull-right {margin:0;  padding-left: 30px;  }
#tasksListing .checkbox.checkbox-custom {
padding:0 0 0 20px; /*flex*/
margin:0 20px 0 0;/*flex*/
width:20px;/*flex*/
height:20px;/*flex*/
display:inline-block;

}
.task-flag-value {color:#ff8201;}

.nav-tabs a.pending-refresh {display:none;}

#tasksListing .nav-tabs.tab-task-filter>li>a.reload-page, #tasksListing .nav-tabs.tab-task-filter>li>a.reload-page:focus, #tasksListing .nav-tabs.tab-task-filter>li>a.reload-page:hover {

  color: #ffffff;
  border: 0 solid #ffffff;
  cursor:pointer;
}


.nav>li>a.reload-page {
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 10;
    color: #ffffff;
   padding:0;
  }
  

.appended-load {  text-align: center;
  font-size: 30px;
  padding-bottom: 30px;
  color: #cccccc;}
/*
Red - High 
Orange - Med/low
Green - Complete
*/
ul.levelOptions li {}

ul.levelOptions {display:inline-block;}

#tasksListing ul.levelOptions.list-inline {
  margin-left: -2px;
  }
#tasksListing .list-inline.levelOptions>li {
  display: inline-block;
  padding-right: 0;
  padding-left: 0;
}

#tasksListing .list-inline.levelOptions>li>a {
  margin-right: 2px;
  margin-left: 2px;
}

#tasksListing .list-group-item .list-inline.levelOptions
 {
  /*display: flex;*/
 
  margin: 0; /*flex*/
 } 
#tasksListing .list-group-item .list-inline.levelOptions li {

  /*  width: 20px;flex*/
  height: 15px;/*flex*/
  margin: auto;/*flex*/
  text-align: center;/*flex*/
  }

/*Using fa-lg FA5 instead. 1.33 em */
/*#tasksListing .list-group-item .list-inline.levelOptions>li>a .fa-circle {font-size: 1.3em;}*/

.task-utilities {
  /*width: 30px;*/
  margin-left:20px;
 /* display: flex;*/
  justify-content: space-between;
  }
.taskDescription { width: 165px; /*flex*/}
.assignment { 
  border: 1px solid #000;
  width: 200px; /*flex*/
    text-align: center;
      border-radius: 8px;
       margin-left: 15px;
  }
    .open .assignment {border:1px solid #ffffff;}
  .assignment a {color:#000;}

  .assignment span {
  display: inline-block;
 
  padding: 2px 6px;
   }


 .assignment a:hover {text-decoration:none;}
 
.levelHigh {color:red;}
.levelMed {color: orange; }
.levelComplete {color:green;}

#tasksListing .list-group-item-levelHigh,
#tasksListing .list-group-item-levelMed,
#tasksListing .list-group-item-levelComplete {border-left-width:7px; border-left-style: solid;  }

#tasksListing .list-group-item-levelHigh {border-left-color:red;}
#tasksListing .list-group-item-levelMed {border-left-color:orange;}
#tasksListing .list-group-item-levelComplete {border-left-color:green;}

#tasksListing .list-group-item-levelHigh:hover {background-color:red;  cursor: help;}
#tasksListing .list-group-item-levelMed:hover {background-color:orange;  cursor: help;}
#tasksListing .list-group-item-levelComplete:hover {background-color:green;  cursor: help;}

#tasksListing  .panel-tasks-levelHigh.open {background-color:red;}
#tasksListing  .panel-tasks-levelMed.open {background-color:orange;}
#tasksListing  .panel-tasks-levelComplete.open {background-color:green;}

#tasksListing select,
#tasksListing a.form-control.select,
#tasksListing .dropdown-menu {background-color:#ffffff;border-color:#333;color:#333333;text-decoration:none;}
#tasksListing .dropdown-menu {  overflow-y: scroll;  height: 200px; width:250px;}
#tasksListing a.form-control.select:hover {text-decoration:none;}

#tasksListing .dropdown-menu li {cursor:pointer;padding:0 5px; margin:5px 0;}
.navbar-right #tasksListing .dropdown-menu {left:0;}
#tasksListing input[type=text] {background-color:#000000;border-color:#333;color:#ccc;}

#tasksListing .btn-link {  color: #ffffff;
  border: 1px solid #ffffff;
  font-size: 12px;
  padding: 0 6px 2px 6px;
  border-radius: 9px;
  margin-top: 6px;}
  
#tasksListing .btn-link:hover {text-decoration:none;}

.list-group-item {position:relative;}



 #tasksListing .list-group .list-group-item .taskDetails   {
     position: relative;
     z-index: 10;
 
  }

 #tasksListing .list-group .list-group-item .taskDetails {
		background: #000000 none repeat scroll 0 0;
		border-top-style: solid;
		border-top-width: 0;
		color: #ffffff;
		cursor: default;
		margin-left: 0;
		margin-top: 10px;
		min-height: 150px;
		position: inherit !important;
		right: inherit !important;
		top: inherit !important;
		width: 100%;
		z-index: 99;
	}
	
	 #tasksListing .panel-tasks .taskDetails {
	background-color:#efefef;
	}
	.panel-default>.panel-heading+.panel-collapse>.panel-body {background-color:#ffffff;border:0 none;}

	/* doesn't make sense */
	/*.fa-circle.fa-1 {font-size:20px; margin-right:8px;}*/


.taskDetailsView.k-widget.k-listview {background:#fff none repeat scroll 0 0; color:#000;}
.notes-list-ul { padding-left:20px;}
.notes-list-ul.k-widget.k-listview {background-color:#fff;  color: #000;}

.taskDetails.levelHigh {border-top-color:red;} 
.taskDetails.levelMed {border-top-color:orange;}
.taskDetails.levelComplete {border-top-color:green;}

.panel-collapse.taskDetails.levelHigh {border: 10px solid red;} 
.panel-collapse.taskDetails.levelMed {border: 10px solid orange;}
.panel-collapse.taskDetails.levelComplete {border: 10px solid green;}

#tasksListing .nav-tabs {
  border-bottom: 0 none;
  margin: 0 10px;
  }
  



 
#tasksListing .taskDetails .nav-tabs li {width:auto; }
#tasksListing .taskDetails .nav-tabs>li>a { text-transform:uppercase;text-align:center;margin-right:0; }
#tasksListing .taskDetails .nav-tabs>li>a.tabLeft {border-radius: 0;}
#tasksListing .taskDetails .nav-tabs>li>a.tabRight {border-radius:0;}

#tasksListing .taskDetails .nav-tabs>li>a, 
#tasksListing .taskDetails .nav-tabs>li>a:focus, 
#tasksListing .taskDetails .nav-tabs>li>a:hover {
  padding: 10px 15px;
margin-right: 2px;
  line-height: 1.42857143;

  border-radius: 4px 4px 0 0;
  text-transform: uppercase;
}

#tasksListing .taskDetails .nav-tabs>li.active>a, 
#tasksListing .taskDetails .nav-tabs>li.active>a:focus, 
#tasksListing .taskDetails .nav-tabs>li.active>a:hover {
  
}

.notes-list {/*overflow: scroll; */max-height: 400px; min-height:100px; margin:20px 0;}

.btn.btn-success {
  color: #fff;
  background-color: #ff8201;
  border-color: #ff8201; }


.flags-list-ul {list-style-type:none;  margin: 0;  padding: 0;}
.flags-list-ul li {margin-bottom:10px;}
.btn-success:hover,
.btn-success.focus, 
.btn-success:focus
.btn-success.active.focus, 
.btn-success.active:focus, 
.btn-success.active:hover, 
.btn-success:active.focus, 
.btn-success:active:focus, 
.btn-success:active:hover {
  color: #fff;
  background-color: #ff8201;
  border-color: #ff8201;


}


.task-details {margin-bottom:25px;}
.task-details  .highlight { color:#ff8201; }
.task-label {text-transform:uppercase;} 


.panel.panel-tasks .panel-heading {border-radius:0;border:0;}
.panel.panel-tasks .panel-title {
float:none;
margin:0;
padding:0;
font-weight:normal;
background-color:transparent;


}
.panel-collapse-clickable{
    cursor: pointer;   
}


/*==============  :: $SALE LIGHT SYSTEM ::  ================*/

    /******  SALE LIGHT SYSTEM  *****/

    .checkbox input[type="checkbox"], .checkbox input[type="radio"] {
        cursor: pointer
    }
    
    .light-list {padding:0;list-style-type:none;}
    
    .light-list .checkbox-custom input[type="checkbox"] + label {
        width: 135px;
        text-transform: uppercase;
        font-weight: 800;
    }

    .light-list .fa-circle {
        padding-right: 5px;
    }

    .greenlight {
        color: #2eb117;
    }

    .redlight {
        color: #ff0000
    }

    .yellowlight {
        color: #ffc800;
    }

    .bluelight {
        color: #0009d3;
    }

    .light-list .checkbox-custom input[type="checkbox"] + label::before {
        background-color: #ffffff;
        border-color: #ccc;
    }

    .light-list .checkbox-custom input[type="checkbox"]:checked + label::before,
    .light-list .checkbox-custom input[type="radio"]:checked + label::before {
        background-color: #ccc;
        border-color: #ccc;
        color: #ffffff;
    }

    .light-description {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
@media only screen and (min-width: 425px)  {
.light-list li {
        display: flex;
    }
}
    

        .light-list li .checkbox {
        }

        .light-list li .light-description {
        }
	
	


/*==============  :: $Sellers Invoices ::  ================*/

.dl-horizontal.even-columns dt  {width:50%; font-weight: normal;}
h4 .light-heading {color:#ebebeb;}

.cardNumConfirm {  height: 34px;
  line-height: 34px;
  display: inline-block;

  }

#SellerRegistration {margin-top:25px;}
/*==============  ::  $ ::  ================*/


    .image-preview {
        position: relative;
        vertical-align: top;
        height: 45px;
    }

/* this is showing everywhere. Need specificity */
/*    .k-grid tbody tr {
        cursor: move;
    }
*/

    .placeholder {
        outline-style: dashed;
        outline-width: 1px;
        outline-color: red;
    }
    .k-dropzone {  border-width: 1px;
  border-color: #cdcdcd;}
  
/*!
 * font-awesome-animation - v0.0.6
 * https://github.com/l-lin/font-awesome-animation
 * License: MIT
 */
@-webkit-keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  10% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  18% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  20% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  28% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  30% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  38% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  40% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  48% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  50% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  58% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  60% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  68% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  75% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  10% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  18% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  20% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  28% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  30% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  38% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  40% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  48% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  50% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  58% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  60% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  68% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  75% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-wrench {
  -webkit-animation: wrench 2.5s ease infinite;
  animation: wrench 2.5s ease infinite;
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
}

/* BELL */

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
  -webkit-animation: ring 2s ease infinite;
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
}

/* VERTICAL */

@-webkit-keyframes vertical {
  0% {
    -webkit-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  4% {
    -webkit-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  8% {
    -webkit-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  12% {
    -webkit-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  16% {
    -webkit-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  20% {
    -webkit-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  22% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@keyframes vertical {
  0% {
    -webkit-transform: translate(0,-3px);
    -ms-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  4% {
    -webkit-transform: translate(0,3px);
    -ms-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  8% {
    -webkit-transform: translate(0,-3px);
    -ms-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  12% {
    -webkit-transform: translate(0,3px);
    -ms-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  16% {
    -webkit-transform: translate(0,-3px);
    -ms-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  20% {
    -webkit-transform: translate(0,3px);
    -ms-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  22% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
}

.faa-vertical.animated,
.faa-vertical.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-vertical {
  -webkit-animation: vertical 2s ease infinite;
  animation: vertical 2s ease infinite;
}

/* HORIZONTAL */

@-webkit-keyframes horizontal {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes horizontal {
  0% {
   

 
     -webkit-transform: rotate(0deg);
        -ms-transform:  rotate(0deg);
    transform: rotate(0deg);
  }

 

  100% {
    -webkit-transform: rotate(360deg);
        -ms-transform:  rotate(360deg);
    transform: rotate(360deg);
  }
}

.faa-horizontal.animated,
.faa-horizontal.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-horizontal {
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

/* FLASHING */

@-webkit-keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.faa-flash.animated,
.faa-flash.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-flash {
  -webkit-animation: flash 2s ease infinite;
  animation: flash 2s ease infinite;
}

/* BOUNCE */

@-webkit-keyframes bounce {
  0%, 10%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 10%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.faa-bounce.animated,
.faa-bounce.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bounce {
  -webkit-animation: bounce 2s ease infinite;
  animation: bounce 2s ease infinite;
}

/* SPIN */

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.faa-spin.animated,
.faa-spin.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-spin {
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

/* FLOAT */

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.faa-float.animated,
.faa-float.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-float {
  -webkit-animation: float 2s linear infinite;
  animation: float 2s linear infinite;
}

/* PULSE */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
  -webkit-animation: pulse 2s linear infinite;
  animation: pulse 2s linear infinite;
}

/* SHAKE */

.faa-shake.animated,
.faa-shake.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-shake {
  -webkit-animation: wrench 2.5s ease infinite;
  animation: wrench 2.5s ease infinite;
}

/* TADA */

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg);
  }

  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }

  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }

  80% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(.9) rotate(-8deg);
    -ms-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg);
  }

  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    -ms-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }

  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    -ms-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }

  80% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.faa-tada.animated,
.faa-tada.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-tada {
  -webkit-animation: tada 2s linear infinite;
  animation: tada 2s linear infinite;
}

/* PASSING */

@-webkit-keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }

  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}

@keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }

  50% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}

.faa-passing.animated,
.faa-passing.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-passing {
  -webkit-animation: passing 3s linear infinite;
  animation: passing 3s linear infinite;
}

/* WAVE */

@-webkit-keyframes burst {
  0% {
    opacity: .6;
  }

  50% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes burst {
  0% {
    opacity: .6;
  }

  50% {
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.faa-burst.animated,
.faa-burst.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-burst {
  -webkit-animation: burst 3s infinite linear;
  animation: burst 3s infinite linear;
}

.loader.processing {text-align:center; width:100%; margin-top:75px;}

.dev-note { color: #57b557!important; }

.showonbackend {display:none;}
body.sfPageEditor .showonbackend {display:block;}