/**
* 2007-2015 Keyupp
*
* NOTICE OF LICENSE
*
* Keyupp License
*
* DISCLAIMER
*
* Do not edit or add to this file
*
*  @author    Keyupp
*  @copyright 2007-2018 Keyupp
*  @license   Keyupp
*/

p.savedcartsform {
    width:50%;
    float:right;
    text-align:right;
    font-size:14px;
}

p.savedcartstext {
    width:50%;
    float:left;
    font-size:14px;
}

h4.savecartstitle {
   padding:0px 0px 5px;
	color:#767676;
	font-weight:bold;
	font-style:normal;
	font-size:16px;
	font-family:Georgia, "serif";
	margin-bottom: 0;
}

input.cartname {
  border:1px solid #d6d4d4;
  padding:10px;
  color:#777;
  height:50px;
  width:70%;
  font-size:16px;
}

input.cartsubmit {
  background:#777;
  border:1px solid #d6d4d4;
  padding:10px;
  color:#ffffff;
  font-weight:bold;
  height:50px;
  font-size:16px;
}

input.cartsubmit:hover {
  background:#333;
}

a.savedcartslink {
  color:#777;
  font-size:15px;
  line-height:30px;
}

a.savedcartslink:hover {
  color:#333;
}

a.footersavedcarts {
  background:#777;
  border:1px solid #d6d4d4;
  padding:10px;
  color:#ffffff;
  font-weight:bold;
  font-size:12px;
}

a.footersavedcarts:hover {
  background:#333;
}

td.savedcarticon {
  font-size:18px !important;
  text-align:center;
  width:100px;
}

div.savedcartproduct {
  width:180px;
  height:200px;
  float:left;
  border:1px solid #d6d4d4;
  padding:5px;
  margin:5px;
  text-align:center;
}

img.mysavedcartimage {
  clear:both;
  margin-bottom:4px;
}

.selectedsavedcart{
  background: #d6d4d4;
}

.sc_center {
  text-align: center;
}

.material-icons{
	color: #fff;
}

/*Box*/
div.scFloatContent{z-index:99999999;padding:10px;background:rgba(255,255,255,.98);border-width:1px;border-style:solid;border-color:rgba(225,225,225,1);border-radius:3px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, .10); display:none; position:fixed; min-width: 50px;}  

/*Position*/
div.scFloatTopRight{top:0;right:20px;border-top-left-radius:0px;border-top-right-radius:0px;border-top-width:0px;}
div.scFloatTopLeft{top:0;left:20px;border-top-left-radius:0px;border-top-right-radius:0px;border-top-width:0px;}
div.scFloatBottomLeft{bottom:0;left:20px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-bottom-width:0px;}
div.scFloatBottomRight{bottom:0;right:20px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-bottom-width:0px;}

div.scFloatTopRight .popClosed{bottom:-9px; right:-7px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .10);}
div.scFloatTopLeft .popClosed{bottom:-9px; right:-7px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .10);}
div.scFloatBottomLeft .popClosed{top:-7px; right:-7px; box-shadow: 1px -1px 2px 0px rgba(0, 0, 0, .10);}
div.scFloatBottomRight .popClosed{top:-7px; right:-7px; box-shadow: 1px -1px 2px 0px rgba(0, 0, 0, .10);}

/*Button*/
a.scFloatButton{padding:10px;display:table-cell;border-radius:50%;vertical-align:middle;background:rgba(175,175,175,.9); width: 44px; height: 44px; text-align: center;}
a.scFloatButton:hover{background:rgba(153,204,102,.9);}

a.scFloatButton .material-icons{
	color: #fff;
	font-size: 36px;
}

/*Elements*/
.scFloatInfo{max-width:500px;color:#333;font-size:11px;padding:0px 5px 0 10px;line-height:1.2;vertical-align:middle; display: none;}  
.scFloatInfoMsg{display: table-cell !important;}
.scFloatInfo form{margin-top:5px;}
.scFloatInfo form input[type="text"]{width:calc(100% - 80px); min-width:100px;padding:5px;border-radius:3px;border-width:1px;border-style:solid;border-color:#ccc;margin-right:5px;}
.scFloatInfo form input[type="submit"]{ padding:5px;border-radius:3px;border:none;background:rgba(175,175,175,.9); border: 1px solid rgba(175,175,175,.9); color:#fff;cursor:pointer;}
.scFloatInfo form input[type="submit"]:hover{background:rgba(153,204,102,.9); border: 1px solid rgba(153,204,102,.9);}
.scFloatInfo form input[type="submit"].scFloatSave{width:75px;}

.scFloatInfo a.popLogin{width:auto; min-width:100px;padding:5px;border-radius:3px;margin-top:10px; text-decoration:none; display: table;background:rgba(175,175,175,.9);color:#fff !important;}
.scFloatInfo a.popLogin:hover{border-color:rgba(175,175,175,.0);background:rgba(153,204,102,.9)}

.popClosed{float:right;border-radius:50%; border:3px solid #fff;color:#fff !important;text-decoration:none;position:absolute; width: 23px; height: 23px;text-align: center;line-height: 1; font-weight: bold; font-size: 10px; display:table;vertical-align: middle; cursor: pointer;padding:3px 3px 4px 3px;background:rgba(179,143,151,1.00);}
.popClosed:hover{background:rgba(255,0,54,1) !important;}

/*Dark Theme*/
div.scFloatDark{background: #333;border-color: rgba(51,51,51,1);box-shadow: 0 0 4px 0 rgba(255, 255, 255, .5);}
div.scFloatDark a.scFloatButton{background:rgba(102,102,102,1);}
div.scFloatDark a.scFloatButton:hover{background:rgba(153,204,102,.9);}
div.scFloatDark a.scFloatButton img{opacity:.4;}
div.scFloatDark .scFloatInfo{color:#fff;}  
div.scFloatDark .popClosed{background:rgba(102,102,102,1); color:#fff; border:3px solid #333;}
div.scFloatDark .scFloatInfo a.popLogin{border-color:rgba(175,175,175,.9);margin-top:10px; text-decoration:none; display: table;background:rgba(102,102,102,1);}
div.scFloatDark .scFloatInfo a.popLogin:hover{border-color:rgba(175,175,175,.0);background:rgba(153,204,102,.9)}
div.scFloatDark .scFloatInfo form input[type="submit"]{background:rgba(102,102,102,1);border: 1px solid rgba(102,102,102,1);}
div.scFloatDark .scFloatInfo form input[type="submit"]:hover{background:rgba(153,204,102,.9);}

/*Mobile*/
@media (max-width: 620px){
	div.scFloatContent{max-width: calc(100% - 20px)}  
	
	div.scFloatTopRight{right:10px;}
	div.scFloatTopLeft{left:10px;}
	div.scFloatBottomLeft{left:10px;}
	div.scFloatBottomRight{right:10px;}
}

/*Resume card*/
.cart_navigation_extra .savedcartslink{padding:0px 10px; background: #f1f1f1; border-radius:3px; border:1px solid #ccc; margin-top:5px; display:inline-block;}
@media (max-width: 1200px){
.cart_navigation_extra div p{ width:100% !important; float:none !important;}
.cart_navigation_extra div p.savedcartsform{ text-align: left; margin-top:20px;}
.cart_navigation_extra div p.savedcartsform .cartname{width:74% !important;}
.cart_navigation_extra div p.savedcartsform .cartsubmit {width:25% !important;}
}
@media (max-width: 680px){
.cart_navigation_extra div p.savedcartsform .cartname{width:59% !important;}
.cart_navigation_extra div p.savedcartsform .cartsubmit {width:40% !important;}
}
@media (max-width: 520px){
.cart_navigation_extra div p.savedcartsform .cartname{width:100% !important;}
.cart_navigation_extra div p.savedcartsform .cartsubmit {width:100% !important;}
}
