header.top { position : fixed; top : 0px; left : 0px; width : 100%; border-bottom : 1px solid black; background-color : white; z-index : 10; }
main.content-wrapper-no-menu { margin-top : 57px; }

.idessTemplates { display : none; }

.idessOverlay { position : fixed; width : 100%; height : 100%; top : 0px; left : 0px; z-index : 10000; background-color : rgba(0,0,0,0.7); }
.idessOverlay .overlay1 { text-align : center; width : 100%; height : 100%; }
.idessOverlay .overlay1:before { content : ""; display : inline-block; height : 100%; vertical-align : middle; }
.idessOverlay .overlay2 { display : inline-block; border-radius : 10px; background-color : white; vertical-align : middle; text-align : initial; overflow : hidden; }
.idessOverlay header { position : relative; padding : 10px; border-bottom : 1px solid #b0b0b0; background-color : #f0f0f0; text-align : center; font-size : 30px; line-height : 30px; }
.idessOverlay header h3 { margin : 0px; padding : 0px; line-height : 30px; }
.idessOverlay header .btn-close { position : absolute; right : 10px; top : 10px; display : inline-block; color : #880000; }
.idessOverlay .line { display : flex; line-height : 30px; padding : 5px 20px; margin : 5px 0px; }
.idessOverlay .line .label { flex-basis: 120px; }
.idessOverlay .line .value,
.idessOverlay .line .box { flex-grow : 1; }
.idessOverlay .line .btn-box { flex-grow : 1; }
.idessOverlay .line .btn-box .btn-sm { width : 140px; height : 30px; text-align : center; }
.idessOverlay .line .btn-right-box { flex-basis: 40px; padding-left : 10px; }
.idessOverlay .line .btn-right-box .btn-sm { width : 30px; height : 30px; text-align : center; }
.idessOverlay .line input[type=text],
.idessOverlay .line input[type=number],
.idessOverlay .line input[type=email],
.idessOverlay .line select { width : 100%; height : 30px; }
.idessOverlay .form { background-color : #f0f0f0; }

.idessOverlay .password-box { position : relative; height : 45px; }
.idessOverlay .center { text-align : center; }
.idessOverlay .updateMyInfoPasswordFormBox,
.idessOverlay .updateMemberPasswordFormBox { position : absolute; bottom : 0px; width : 100%; }
.idessOverlay .btns-box { text-align : center; padding : 5px 10px; }

.idessOverlay .overlay2 { max-width : 600px; width : 90%;}
.idessOverlay td ul { margin : 0px; padding : 0px; list-style : none; }
.idessOverlay td li { padding : 0px; list-style : none; position : relative; }
.idessOverlay td li ~ li { margin-top : 5px; }

ul.permissionList { margin : 0px; padding : 0px; list-style : none; }
ul.permissionList > li { margin : 0px; padding : 0px; list-style : none; position : relative; }

ul.permissionList.table > li.off { display : none; }
ul.permissionList.table > li.on ~ li.on { margin-top : 5px; }

ul.permissionList.view { width : 350px; }
ul.permissionList.view > li { width : 160px; display : inline-block; line-height : 30px; }
ul.permissionList.view > li.off { color : #d0d0d0; }
ul.permissionList.view > li label { vertical-align : middle; line-height : 1em; font-weight : normal; margin : 0px; }
ul.permissionList.view > li input[type=checkbox] { vertical-align : middle; width : 1em; height : 1em; margin-left : 10px; }
ul.permissionList.view > li input.disabled { opacity : 0.3; }

.expirationInfo ul { margin : 0px; padding : 0px; list-style : none; }
.expirationInfo li { margin : 0px; padding : 0px; list-style : none; position : relative; }
.expirationInfo li ~ li { margin-top : 5px; }

#stockListUl { margin : 0px; padding : 0px; list-style : none; }
#stockListUl > li { margin : 0px; padding : 0px; list-style : none; position : relative; }
#stockListUl > li ~ li { border-top : 1px solid #a0a0a0; margin-top: 5px; padding-top: 3px; }
#stockListUl .line { display : flex; padding : 0px; margin : 10px 0px; line-height : 1em; font-size : 16px; }
#stockListUl .line .label { flex-basis: 80px; border-right : 1px solid #d0d0d0; }
#stockListUl .line .value { flex-grow : 1; padding : 0px 0px 0px 10px; position : relative; }
#stockListUl .expirationListArea { position : relative; }
#stockListUl .expirationList { margin : 0px; padding : 0px; list-style : none; }
#stockListUl .expirationList > li { margin : 0px; padding : 0px; list-style : none; }
#stockListUl .expirationList > li ~ li { margin-top : 20px; }
#stockListUl .addExpirationBtnArea { position : absolute; right : 0px; bottom : 0px; }
#stockListUl .addExpirationArea { margin-top : 20px; }
#stockListUl .expirationList .expirationDate,
#stockListUl .addExpirationArea .expirationDate { display : inline-block; }
#stockListUl .expirationList .stockCount,
#stockListUl .addExpirationArea .stockCount { display : inline-block; }
#stockListUl .expirationList .stockCount input,
#stockListUl .addExpirationArea input { width : 100%; padding : 2px 10px; margin : 0px; }
#stockListUl .expirationList input:read-only { opacity : 0.5; }
#stockListUl .addExpirationBtnArea .btn-sm ~ .btn-sm { margin-top : 20px; }
#stockListUl .on .offAtOn { display : none; }
#stockListUl .off .onAtOn { display : none; }

@media (max-width: 600px) {
    #stockListUl .expirationListArea { width : 220px; }
    #stockListUl .addExpirationArea { width : 180px; }
    #stockListUl .expirationList .expirationDate,
    #stockListUl .addExpirationArea .expirationDate { width : 120px; }
    #stockListUl .expirationList .stockCount,
    #stockListUl .addExpirationArea .stockCount { width : 50px; }
}
@media (min-width: 601px) {
    #stockListUl .expirationListArea { width : 300px; }
    #stockListUl .addExpirationArea { width : 250px; }
    #stockListUl .expirationList .expirationDate,
    #stockListUl .addExpirationArea .expirationDate { width : 170px; }
    #stockListUl .expirationList .stockCount,
    #stockListUl .addExpirationArea .stockCount { width : 70px; }
}

.idessOverlay .table th,
.idessOverlay .table td { padding : 5px!important; }

.clickable { cursor : pointer; }
table .clickable { color : blue; text-decoration : underline; }
table.center { text-align : center; }
table td.options .btn-sm { display : inline-block; width : 30px; height : 30px; text-align : center; }

li.disabled,
tr.disabled { text-decoration : line-through; }

.form-control { padding : 0px 10px!important; }

@media (max-width: 600px) {
    .navbar-nav .iconTitle { display : none; }
}

textarea[name=description] { height : 9em; line-height : 1.5em; }

.tableComment { font-size : 12px; font-color : #888888; line-hgith : 2em; margin-top : 5px; }

#preloader.preloader { width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 99999; background: rgba(255, 255, 255, .6); }
#preloader .loader { color: #0080ff; font-size: 10px; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; animation: preloadImage 1.3s infinite linear; transform: translateZ(0); }
#preloader .loader { transform-origin: center center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

@keyframes preloadImage {
    0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}