/* Custom Elements */ .console { padding:5px; border-radius:3px; display:block; width:100%; min-height:300px; background-color:rgba(0,0,0,0.75); color:#FFF; } .hidden { display:none; } /* Inline Vertical Middle Alignment */ .vm { display:inline-block; } .m,.vm { vertical-align:middle; } /* Font Weight Bold */ .strong, .bold { font-weight:bold; } /* Icon Picker Elements */ .ico-picker-list { max-height:400px; overflow-y:auto; } .ico-picker-cat-ctn { background-color:rgba(0,0,0,0.25); -webkit-box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1); -moz-box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1); box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1); } .ico-picker-cat { background-color:rgba(0,0,0,0.25); -webkit-box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1); -moz-box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1); box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1); display:block; max-height:400px; min-height:400px; overflow-y:scroll; overflow-x:hidden; } .item-editor-info { padding-top:100px; padding-bottom:100px; font-size:20pt; } .item-editor-info i { font-size:50pt; } .ico-picker-i { transition: all ease 500ms; display:inline-block; max-width:48px; max-height:48px; min-width:42px; min-height:42px; padding:2px; border-radius:5px; margin:2px; border:1px solid #CCC; line-height:42px; vertical-align:top; text-align:center; } .item-edit-changed { transition:all ease 700ms; border-color: rgb(96, 153, 81); } .item-edit-changed-label { transition:all ease 700ms; border-right:6px solid; border-color: rgb(96, 153, 81); background-color: rgb(222, 255, 209); } .item-edit-changed-label-switch { transition:all ease 700ms; font-weight:bold; color:rgb(96, 153, 81); } .ico-picker-i:hover { transition:all ease 600ms; cursor:pointer; background-color:rgba(255,0,0,0.15); } .ico-picker-loader { display:inline-block; font-size:42px; line-height:42px; text-align:center; width:42px; height:42px; min-width:42px; min-height:42px; max-width:42px; max-height:42px; overflow:hidden; } .ico-picker-pagination { display:block; width:100%; text-align:center; padding-top:5px; padding-bottom:5px; } .ico-picker-ellipsis { padding-left:3px; padding-right:3px; text-align:center; color:rgba(0,0,0,0.15); } /* Item Editor Header Title Bar (Current Item) */ #item-editor-header-label { margin-left:10px; } /* Edit Item View Icon */ .edit-item-ico { text-align:center; display:inline-block; max-width:42px; max-height:42px; min-width:42px; min-height:42px; } /* Quick Search Item Icon */ .quick-search-item-ico { display:inline-block; max-width:42px; max-height:42px; width:100%; height:auto; min-width:32px; min-height:32px; } /* Quick Search Item Row */ .quick-item-search-row { transition: all ease 500ms; padding-top:3px; padding-bottom:3px; background-color:rgb(212, 196, 237, 0.01); border-radius:10px; } .quick-item-search-row:hover { transition: all ease 750ms; cursor:pointer; background-color:rgba(212, 196, 237, .99) } /* Quick Item Search List Container */ #quick-item-list { padding-top:4px; } /* Theme Adjustments */ .subheader { margin-bottom:10px!important; } .fast-spin { -webkit-animation: fa-spin 800ms infinite linear!important; animation: fa-spin 800ms infinite linear!important; } .inline { display:inline-block!important; vertical-align:middle!important; } .info-card { height:11.50rem!important; } .va { vertical-align:middle!important; } .n-b-t { border-top:none!important; } .n-b-l { border-left:none!important; } .n-b-r { border-right:none!important; } .n-b-b { border-bottom:none!important; } .n-b-lr { border-left:none!important; border-right:none!important; } .n-b-tb { border-top:none!important; border-bottom:none!important; } .n-p-t { padding-top:0px!important; } .n-p-l { padding-left:0px!important; } .n-p-r { padding-right:0px!important; } .n-p-b { padding-bottom:0px!important; } .n-p-lr { padding-left:0px!important; padding-right:0px!important; } .n-p-tb { padding-top:0px!important; padding-bottom:0px!important; } .n-m-t { margin-top:0px!important; } .n-m-l { margin-left:0px!important; } .n-m-r { margin-right:0px!important; } .n-m-b { margin-bottom:0px!important; } .n-m-lr { margin-left:0px!important; margin-right:0px!important; } .n-m-tb { margin-top:0px!important; margin-bottom:0px!important; } /* Text Alignments */ .text-right { text-align:right; } .text-left { text-align:left; } /* Custom Framework Containers */ .flex-box { display:inline-block; }