@font-face {
    font-family: din;
    src: url('../fonts/din/DIN-Light.otf');
	font-weight:200;
}  
@font-face {
    font-family: din;
    src: url('../fonts/din/DIN-Regular.otf'); 
} 
@font-face {
    font-family: din;
    src: url('../fonts/din/DIN-Bold.otf');
	font-weight:bold;
} 


body{margin:0px; font-family: Din, serif !important; background-color: #fff !important}
body a, .link{cursor:pointer; color:#ea495b}   

.content-wrapper{max-width:1200px; margin:auto;padding:1em; }
*:focus {  outline: 0 !important;}
.user-select-none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.show-mobile{display:none !important}
.hide-mobile{display:inherit}  
  
h1 {font-size: 1.5em !important; color: #ea495b !important; padding: 0; margin: 0; margin-bottom: 0.5em} 
h2 {font-size: 1.5em !important}

.page {clear:both; margin-top:1em; list-style:none;margin:0px;padding:0px;text-align:center;  } 
.page li{padding:0.2em 0.5em !important; font-size:0.9em; margin:0 0.3em !important;  text-align:center !important;width:30px;  display:inline-block; }
.page li:hover{ border-bottom: 2px solid #5182bb } 
.page .ellipsis:hover { border-bottom:0 !important;}
.page-active{text-decoration:none !important; border-bottom: 2px solid #5182bb } 
	
.prev-next-page {display:none; padding:0; text-align:center}  
.prev-next-page > li {width:22%; background-color:#FFF; border:1px solid #5182bb; color:#5182bb; margin:1% !important;text-decoration:none !important; display:inline-block; padding:0.5em 0;}
.prev-next-page > li:hover {background-color:#5182bb; color:#fff;}
.inactive-prev-next-page, .inactive-prev-next-page:hover { background-color:#FFF !important; border:1px solid #dedede !important;  color:#dedede !important;}


/* default table */ 
.div-table{display:table}
.div-table-caption {display: table-caption}
.div-table-col{display:table-cell; vertical-align:top;}
.div-table-col-5{display:table-cell; padding:0.5em; vertical-align:top;}
.div-table-col-3{display:table-cell; padding:0.3em; vertical-align:top;}
.div-table-row{display:table-row;} 
.col-header{font-weight: bold}


.scrollToTop {color:#999 !important; text-decoration:none !important; line-height:1em; text-align:center;}
.scrollToTop:hover  {color:#333 !important;  text-decoration:none; }
.scrollToTop .arrow {width: 0;  height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #999; margin:auto; margin-bottom:0.5em;}
.scrollToTop:hover .arrow {border-bottom: 10px solid #333;}
 
/* TEXT COLOR SET */   
.text-white {color:#FFF !important;}
.text-green-avocado  {color:#568203 !important;}
.text-red-cardinal  {color:#C41E3A !important;}
.text-yellow-mikado  {color:#FFC40C !important;}
.text-blue-munsell {color:#0093AF !important;}
.text-purple-purpureus{color:#9A4EAE !important;}
.text-black-jet{color:#000 !important;}
.text-gray-dim{color:#696969 !important}
.text-maya-blue{color:#73C2FB !important}
.text-royal-blue{color:#4169E1 !important}
.text-silver{color:#C0C0C0 !important}
.text-princeton-orange{color:#F58025 !important}
.text-gainsboro{color:#F00 !important}
.text-cobalt-blue{color:#0047AB !important;} 



/* BG COLOR SET */
.bg-green-avocado {background-color:#568203  !important;}
.bg-red-cardinal {background-color:#C41E3A  !important;}
.bg-yellow-mikado {background-color:#FFC40C  !important;}
.bg-blue-munsell {background-color:#0093AF  !important ;}
.bg-blue-steel {background-color:#4682b4  !important ;}
.bg-purple-purpureus{background-color:#9A4EAE !important;} 
.bg-gray-dim{background-color:#696969 !important;} 
.bg-silver{background-color:#C0C0C0 !important;} 
 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


/* ============================ SCROLL TO TOP ========================= */  
/* core */
.scrollToTop {position: fixed;right: 20px;bottom: -100px;opacity: 0;overflow: hidden;outline: none;} 
.scrollToTop_show {opacity: 1;bottom: 40px;} 
@-webkit-keyframes scrollToTop_fade {0%	 {opacity: 0;}100% {opacity: 1;}}
@keyframes scrollToTop_fade {0%   {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes scrollToTop_slide {0%   {bottom: -100px;}100% {bottom: 20px;}}
@keyframes scrollToTop_slide {0%   {bottom: -100px;}100% {bottom: 20px;}}
 
.scrollToTop_animating,.scrollToTop_animating * {pointer-events: none !important;}

.scrollToTop {width: 50px;height: 50px;color: #000; font-size: 12px;text-decoration: none;text-transform: uppercase;text-indent: 100%;white-space: nowrap;background: no-repeat center center transparent;}
.scrollToTop_default {display: block;width: auto;height: auto;padding: 10px;text-indent: 0; border-radius: 10px;}
.scrollToTop_default:hover {}

/* skin(cycle) */
.scrollToTop_cycle {background-image: url("../img/cycle.png");}
.scrollToTop_cycle:hover {background-image: url("../img/cycle-hover.png");}

/* skin(square) */
.scrollToTop_square {background-image: url("../img/square.png");}
.scrollToTop_square:hover {background-image: url("../img/square-hover.png");}

/* skin(text) */
.scrollToTop_text {background-image: url("../img/text.png");}
.scrollToTop_text:hover {background-image: url("../img/text-hover.png");}

/* skin(triangle) */
.scrollToTop_triangle {background-image: url("../img/triangle.png");}
.scrollToTop_triangle:hover {background-image: url("../img/triangle-hover.png");}
/* ============================ SCROLL TO TOP ========================= */ 


/* ============================= CONTENT ============================== */ 

.top-menu-bar {  background-color: #fff;  color :#f1cf00; font-size:0.9em; padding: 0em 1em; position: relative;}  

.company-logo { background-color: #fff; float:left; width:10em; height:5.5em;  background-size: contain ; background-repeat: no-repeat; background-position: center; margin:1em 0.5em; }
   
#btn-side-menu {background: center center no-repeat #2b55a2; background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC ); display: none; width: 2.5em; height:3em; position: absolute; top: 0; left: 0;  }
.btn-side-menu { z-index: 99999;  background: center center no-repeat #2b55a2; background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC ); width: 2.5em; height:3em; margin:auto;}
 
.content-title, .content-title a, .content-title a:hover {color:#ea495b}
.section-title-panel {text-align: center}
.section-title {color:#ea495b; display: inline-block; font-size: 1.6em; margin: auto; text-align: center; margin: 1em 0}
.section-title-line {border-top:2px solid #ea495b; width: 80%; margin: auto}
 
.scroll-to-top {cursor:pointer; background-position:0px -25px; }
   
.login-panel {position: absolute; top:0.5em; right: 2.5em; color:#ea495b}
.login-panel a, .login-panel a:hover {color:#ea495b}
 
.form-default  {min-width:30em; width:50%; margin:auto;}    
 
.btn-primary-loading {background-image:url(../img/button-loading.gif) !important; background-repeat:no-repeat; background-position:90% center; padding-right:2.5em !important}
 
.fb-plugin {margin:1em 0em} 

.mm-selected {background-color:#ea495b;color: #fff; }
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {background: rgba(255, 255, 255, 0) !important }
 
/* BOOTSTRAP OVERRIDE */
.container {width:100% !important; padding: 0 !important}
.nav {width:100% !important}
.navbar {border-radius: 0 !important; margin-bottom:0 !important;}
.navbar-collapse { padding: 0;}
.navbar-nav {margin: 0 !important} 
.navbar-default {border:0 !important; color:#fff; border-bottom: 1px solid #cb9445 !important; background: #ffd65e; /* Old browsers */background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */}
.navbar-header > .company-logo {margin-left: 1em; margin-top: 0.35em; min-width: 8em; height:3em;}
.navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color:#fff !important; background-color: #d89333 !important}
 
.navbar-nav .dropdown:hover{background-color: #d89333 !important}
.navbar-nav .dropdown  a {color:#333 !important; font-size: 0.85em} 
.navbar-nav .dropdown-menu { padding: 1em; border-radius: 0; min-width:20em; background-color: #d89333;background-clip:inherit } 
.navbar-nav .divider{border-top:1px solid #999;}

.navbar-header .menu-icon {padding: 0; margin: 0; margin-top:1em; font-size: 0.8em  }
.navbar-header li { float:right; width: 2em; text-align: center; display: inline-block; font-size:1.5em; padding: 0.5em 0; border-radius: 0.2em }
.navbar-header .fa-unlock-alt, .navbar-header .fa-lock {padding: 0.35em 0; font-size: 1.7em}
.navbar-header .link {color:#333 !important; text-decoration: none !important;}
.navbar-header .link:hover {color:#333 !important;}
.navbar-toggle {border:0px !important; margin-top: 0.8em !important }
.navbar-toggle:hover, .navbar-header ul li:hover {background-color: #d89333 !important; }
.navbar-toggle .icon-bar {background-color: #000  !important}

#main-menu {padding: 0; margin: 0; list-style: none; width:100%}
#main-menu li, .main-menu li:hover {background-color: #2b55a2; padding: 0.5em 1em; text-decoration: none !important; margin-bottom:0.1em}
#main-menu a li{ color:#fff !important;}
#main-menu a:hover li{background-color: #428BCA;  }
#main-menu a:hover{ text-decoration:none !important; }

.notification-msg {color:#fff; padding: 0.5em 1em; margin-bottom: 1em}
.notification-msg ul {padding: 0; margin: 0; margin-left: 1em}
 

.request-list .row-header{background-color: #2b55a2; color: #fff;} 
.request-list .div-table-row:nth-child(2n+3) .div-table-col-5 {background-color:#eff2f2; } 

.message-list {list-style: none; padding: 0; margin: 0}
.message-list li {margin-bottom: 1em}
.message-list li .author {font-weight: bold; float:left}
.message-list li .createdon {color:#999; margin-left: 0.5em; float:left}

.header {height:3em; background-color: #2b55a2; }
.profile-name {float:right; margin-top: 0.7em; margin-right: 1em}
.profile-name .username {color: #fff}
.item-name-db {color:#666;font-style: italic}

/* icon */
.minerva-icon-20 { width: 20px; height: 20px; background-image: url(../img/icon-admin-20.svg); background-repeat:no-repeat; margin:auto;}
.minerva-icon-15 { width: 15px; height: 15px; background-image: url(../img/icon-admin-15.svg); background-repeat:no-repeat; margin:auto;}
 
.image-list { list-style:none; padding:0; margin:0;}
.image-list li{width:164px; margin:0.5em; padding:0.5em; display: inline-block; float:left; border:1px solid #dedede; background-color:#FFFFFF;cursor:pointer; }
.image-list li:hover{border-color:#666666;} 
.image-list .image-panel {width:150px; height:150px; margin:auto; background-position:center;  background-size:contain; background-repeat:no-repeat;}

.item-image-uploader .image-list{ list-style:none; padding:0; margin:0;}
.item-image-uploader .image-list li{width:164px; margin:0.5em; padding:0.5em; display: inline-block; float:left; border:1px solid #dedede; background-color:#FFFFFF;  cursor:pointer; }
.item-image-uploader .image-list li:hover{border-color:#666666;} 
.item-image-uploader .file-uploader-image { width:150px; height:150px; margin:auto; background-image:url(../img/loading.gif); background-position:center; background-repeat:no-repeat;}
.item-image-uploader .file-uploader-action-bar{padding:0.5em 0;} 
.item-image-uploader .delete-icon-small {background-position: -40px -20px; cursor:pointer;}
.item-image-uploader .delete-icon-small:hover {background-position: -60px -20px; cursor:pointer;}
.item-image-uploader .product-variant-icon-small {background-position: 0 -40px; cursor:pointer;}
.item-image-uploader .product-variant-icon-small:hover {background-position: -20px -40px; cursor:pointer;}
.item-image-uploader .sortable-placeholder { height: 180px; width:164px; padding:0.3em; background-color:#FFC !important; background-image:none !important}

.second-col {padding-left: 0 !important;}