/*site level styles for InventorySelector widget*/
/*@import url('https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/cupertino/jquery-ui.min.css');*/
#Inventory fieldset {
width: 100%;
padding: 0;
border: 0;
background: transparent;
}
.subSection {
width: 100%;
padding: 0;
border: 0;
margin-top: 1em;
}
.subSection legend {
color: #0038A8;
padding: 0 0 4px 0;
margin: 0 0 10px;
width: 100%;
border-bottom: #e0e0e0 2px solid;
}
.tab-content {
margin-top: -1px;
}
.tab-content#tab-0 {
display: none !important; /* To do: Why does this tab even exist? */
}
#ItemsToShip, #CartPanel {
width: 49.5% !important;
padding: 0 !important;
float: left;
min-width: 10px;
border: 1px solid red;
font-family: Arial, helvetica, Sans-Serif;
}
#ItemsToShip fieldset {
width: 300px;
min-width: 10px;
border: #cccccc 1px solid !important;
}
/*droppable area in ItemsToShip*/
#ItemsToShip .ui-state-highlight { display: none; }
/*droppable area in cartpanel*/
#CartPanel .ui-state-highlight { height: 1.5em; line-height: 1.2em; }
#CartPanel .intro {
clear: left;
padding: 10px 10px 10px 30px;
border-bottom: #ffffff 1px solid;
background: url('/App_Sites/chessmoving/Templates/Default/images/icons/help_2.png') 10px 10px no-repeat;
}
#ItemsToShip {
background: url(/App_Sites/chessmoving/templates/default/images/cart-title-bg.gif) repeat-x #F5F5F5;
float: none;
display: inline-block;
border: 0;
padding: 0;
margin: 0;
}
#ItemsToShip fieldset {
float: none;
border: 0;
position: relative;
padding: 0;
border-radius: 0;
margin-bottom: 1px;
width: 100%;
}
#ItemsToShip fieldset legend {
min-height: 0px;
height: 32px;
width: 100%;
background: #305eb9 url(/App_Sites/chessmoving/templates/default/images/gradient_blue_01.gif) left bottom repeat-x;
cursor: pointer;
padding: 0;
position: relative;
font-size: 116.67%;
border-radius: 4px;
}
#ItemsToShip fieldset legend span {
/* background: #018dcc; */
padding: 3px 5px;
color: #fff;
/* border-radius: 5px; */
position: absolute;
top: 4px;
left: 6px;
}
#ItemsToShip fieldset legend:before {
content: '';
position: absolute;
right: 10px;
top: 6px;
width: 20px;
height: 20px;
background: url(/App_Sites/chessmoving/templates/default/images/accordion-arrows-sprite.gif) no-repeat -20px 0;
}
#ItemsToShip fieldset.open legend:before {
content: '';
position: absolute;
right: 10px;
top: 6px;
width: 20px;
height: 20px;
background: url(/App_Sites/chessmoving/templates/default/images/accordion-arrows-sprite.gif) no-repeat;
}
#ItemsToShip .formFieldsAccordion {
clear: left;
height: 240px;
overflow-y: scroll;
/*-webkit-overflow-scrolling: touch;*/
background: #f5f5f5;
padding: 10px 0 0 10px;
box-shadow: -2px 2px 2px #BBBBBB inset;
-moz-box-shadow: -2px 2px 2px #BBBBBB inset;
-webkit-box-shadow: -2px 2px 2px #BBBBBB inset;
}
/* Special Fields */
#ItemsToShip #CorporateOffice ul.formFieldsAccordion {
height: 514px;
}
#ItemsToShip li.fieldContainer {
display: inline-block;
float: none;
clear: none;
width: 88px;
box-shadow: 0 2px 3px #e6e6e6;
border-radius: 4px;
padding: 2px;
vertical-align: top;
margin: 5px 5px 0;
font-size: 87.5%;
background: #ffffff;
cursor: move;
}
#ItemsToShip li.fieldContainer.hidden {
display: none;
}
#ItemsToShip li.fieldContainer label {
display: block;
clear: none;
float: none;
height: 62px;
width: 84px;
/* margin-right: 5%; */
padding: 2px 0;
overflow: hidden;
text-align: center;
line-height: 100%;
font-size: 91.7%;
vertical-align: top;
cursor: pointer;
background: #fff;
border-radius: 3px;
border: 1px solid #eeeeee;
}
#ItemsToShip li.fieldContainer label img {
max-width: 64px;
max-height: 44px;
}
/*selected*/
#ItemsToShip li.fieldContainer.ui-sortable-helper {
background: #cbeeff;
}
#ItemsToShip li.fieldContainer.ui-sortable-helper label {
border: 1px solid #3eb0ee;
}
#ItemsToShip li.fieldContainer label {
float: none;
font-weight: normal;
cursor: move;
}
#ItemsToShip .fieldContainer .fieldControls {
display: none;
}
#CartPanel {
background: url(/App_Sites/chessmoving/templates/default/images/cart-title-bg.gif) repeat-x #F5F5F5;
float: right;
position: relative;
display: inline-block;
border: 0;
min-height: 500px;
vertical-align: top;
padding: 0;
}
#ItemsToShip > legend,
#CartPanel > legend {
background: none;
}
#ItemsToShip legend, #CartPanel legend, #PersonalDetails legend {
float: left;
font-size: 125%;
font-weight: bold;
margin: 0;
min-height: 40px;
padding: 13px 0 0 4px;
position: relative;
}
#CartPanel .formFields {
/*width: 100%;*/
border: 2px dashed #CCCCCC;
border-color: #cccccc;
height: 506px;
margin: 10px;
overflow-x: hidden;
overflow-y: auto;
transition: border-color 0.15s linear;
background-color: #fcfcfc;
}
#CartPanel .formFields.highlight {
border-color: #3EB0EE;
}
#CartPanel .formFields label {
width: 60%;
font-weight: normal;
margin: 5px 0;
}
#CartPanel li.fieldContainer {
float: left;
border-bottom: 1px dashed #cccccc;
margin: 0;
}
#CartPanel li.fieldContainer .fieldContent {
margin: 5px 0;
width: 28%;
}
#CartPanel .fieldContainer label {
width: 60%;
padding: 0;
}
#CartPanel .fieldContainer label br {
display: none;
}
#CartPanel .fieldContainer label img {
vertical-align: middle;
max-width: 40px;
max-height: 28px;
margin-bottom: 2px;
border-radius: 4px 4px 0 0;
border: #e0e0e0 1px solid;
background: #FFFFFF;
padding: 5px 0;
}
#CartPanel li.fieldContainer.dropped {
}
#CartPanel .fieldContent .fieldControls {
background: #fafafa;
border: 0;
}
#CartPanel input[type="text"] {
border: 1px solid #EEEEEE;
font-size: 125%;
height: 30px;
text-align: center;
width: 50px;
}
#CartPanel .decrease a {
background: url(/App_Sites/chessmoving/templates/default/images/item-adjust-sprite.png) no-repeat top left;
text-indent: -1000em;
display: inline-block;
width: 20px;
height: 20px;
margin-right: 5px;
}
#CartPanel .increase a {
background: url(/App_Sites/chessmoving/templates/default/images/item-adjust-sprite.png) no-repeat top right;
text-indent: -1000em;
display: inline-block;
width: 20px;
height: 20px;
margin-left: 5px;
}
#CartPanel a.remove {
background: url(/App_Sites/chessmoving/templates/default/images/remove.png) no-repeat;
float: left;
position: relative;
text-indent: -1000em;
display: block;
width: 20px;
height: 20px;
margin: 14px 5px;
cursor: pointer;
}
#CartPanel #ButtonPanel {
background: #DDDDDD;
border-radius: 0 0 6px 6px;
padding: 20px;
}
#CartPanel #ButtonPanel a#CallMe {
background: url(/App_Sites/chessmoving/templates/default/images/call-me-button.gif) repeat-x;
color: #FFFFFF;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
display: inline-block;
font-size: 133.33%;
line-height: 50px;
min-height: 50px;
min-width: 48%;
text-align: center;
text-decoration: none;
margin-right: 4%;
box-shadow: 0 2px 2px #BBBBBB;
-moz-box-shadow: 0 2px 2px #BBBBBB;
-webkit-box-shadow: 0 2px 2px #BBBBBB;
text-transform: uppercase;
}
#CartPanel #ButtonPanel a#CallMe:hover {
background: #222222;
}
#CartPanel #ButtonPanel a#GetQuote {
background: url(/App_Sites/chessmoving/templates/default/images/get-quote-button.gif) repeat-x;
color: #FFFFFF;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
display: inline-block;
font-size: 133.33%;
line-height: 50px;
min-height: 50px;
min-width: 48%;
text-align: center;
text-decoration: none;
font-weight: bold;
box-shadow: 0 2px 2px #BBBBBB;
-moz-box-shadow: 0 2px 2px #BBBBBB;
-webkit-box-shadow: 0 2px 2px #BBBBBB;
text-transform: uppercase;
}
#CartPanel #ButtonPanel a#GetQuote:hover {
background: #018DCC;
}
#ItemsToShip fieldset#MiscellaneousFields legend {
border-radius: 0 0 6px 6px;
}
#ItemsToShip fieldset#MiscellaneousFields.open legend {
border-radius: 0;
}
#ItemsToShip fieldset#MiscellaneousFields.open ul {
border-radius: 0 0 6px 6px;
}
#ItemsToShip fieldset#BedroomFields legend {
margin-top: -3px;
/* background: url(/App_Sites/chessmoving/templates/default/images/gradient_blue_01.gif) repeat-x; */
}
.warning {
background: #FFE5E5;
border-radius: 6px 6px 6px 6px;
margin-bottom: 20px;
padding: 20px;
}
#FullInventory {
}
#FullInventory > legend {
display: none;
}
.dropzone {
padding: 5%;
text-align: center;
font-size: 125%;
border: 2px dashed rgba(0,0,0,0.3) !important;
background: #f8f8f8 !important;
cursor: pointer;
}
.dropzone:hover,
.dropzone:focus {
background: var(--site-color-ui-lighter) !important;
}
.dropzone .dz-details {
color: green;
}
/* To do: Dealing with the marks like this is not right. What's actually going on? */
.dropzone .dz-success-mark {
display: inline-block;
line-height: 0;
margin: 15px auto;
background: green;
border-radius: 100%;
}
.dropzone .dz-error-mark {
display: none;
}
.dropzone .dz-remove {
display: block;
}