ul.showcase li {
    float: left;
    margin: 0 12px 8px 0;
    border: 1px solid #E3E2E2;
    padding:4px;
    background: #fff;
}

ul.showcase li a:hover {
    cursor: all-scroll;
}

ul.showcase li a.silbtn:hover {
    cursor: pointer;
}



 ul.showcase li.thumb{
    background-color:#DCF0D9; 
    border: 1px solid #060;
 }

 a.silbtn{
    margin:0;
    cursor:pointer;
    float:left;
}
 a.silbtn img{
    padding:0px;
    margin:2px;
    
}

a.thbtn{
    margin:0;
    cursor:pointer;
    float:right;
}
 a.thbtn img{
    padding:0px;
    margin:2px;
    
}

li.thumb .thbtn {display:none; }


li.zoom a {
    display: block;
    position: relative;
}
.showcase img {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 0 10px;
    
}
li.zoom a span.rollover, li.zoom a span.pover {
    display: block;
    height: 65px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 90px;
}



.padding-15{padding: 15px !important;}
.margin-left-e70{margin-left: -70px !important;}
.modal .modal-content .modal-body p{border-bottom: 1px solid #ccc;}
.modal .modal-content .modal-body p b{width: 40%;display: inline-block;}
.modal .modal-content .modal-body p span{width: 60%;}
.modal .modal-content .modal-body b:before{content: ':';float: right;}
.modal .modal-content .modal-footer .w100{width: 100%!important;margin-top: 10px;}
.modal .modal-content .modal-footer .w25{width: 23.9%!important;}
.text-auto{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.bg-canvas{background: url(../images/canvas.png)!important;border: 1px solid #ccc!important;border-radius: 0!important;background-color: transparent!important;}

/* Dark Panel */
*{outline: none!important;border-radius: 0!important;}
a:hover{text-decoration: none!important;}
body{background: #424242;}
.navbar-default{background-color: #424242;border-color: #222;box-shadow: 2px 2px 3px
#424242;}
.nav > li > a{color: #fff;}
.sidebar-nav .nav > li > a{background: #424242;}
.nav.nav-tabs > li > a{color: #555;}
.sidebar ul li a.active{background:#555;}
.nav > li > a:hover, .nav > li > a:focus{background:#555;color: #fff;}
.navbar-default .navbar-brand{color: #fff;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color: #555;border-color: #222222;}
.sidebar ul li{border-color: #666;}
.page-header{padding-bottom: 0;margin: 10px 0 10px;border-bottom: 1px solid #ddd;font-size:23px;}
.navbar-brand{    line-height: 30px;
    padding: 0px 15px;}
ul.nav li.dropdown:hover ul.dropdown-menu{display: block;margin-top: 0;}
ul.dropdown-menu{margin-left: 0!important;left: auto;right: 0;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{color: #ccc;}

.breadcrumb{margin-bottom: 10px;background-color: #eee;}
.breadcrumb a{color: #222;}
.breadcrumb a:hover{text-decoration: underline!important;}
input[type="file"] {display: block;margin-top: 7px;}
.label-tabs{border-bottom: none;margin-top: 7px;}
.label-tabs li{display: block;width: 100%}
.label-tabs li label{margin-bottom: 0;font-weight: 300;}
.label-tabs li label span:after{content: '\f10c';font-family: 'FontAwesome';}
.label-tabs li.active label span:after{content: '\f058';font-family: 'FontAwesome';}
.label-tabs li label:hover{cursor: pointer;}

.pagination {margin:0;margin-bottom: 5px;}

table.tablesorter th.header{position: relative;}
table.tablesorter th.header:hover{cursor: pointer;background: #ddd;}
table.tablesorter th .caret{margin-top: 10px;}
table.tablesorter th.headerSortDown, table.tablesorter th.headerSortUp{position: relative;}
table.tablesorter th.headerSortDown .caret, table.tablesorter th.headerSortUp .caret{border: none;}
table.tablesorter th.headerSortDown .caret:before{font-family: 'FontAwesome';content: '\f15d';position: absolute;top: 5px;right: 5px;}
table.tablesorter th.headerSortUp .caret:before{font-family: 'FontAwesome';content: '\f15e';position: absolute;top: 5px;right: 5px;}
/* End Dark Panel */

.form-control.select2{padding:0;border: none;height: auto;}

@media(min-width: 769px){
    .table-responsive{overflow: visible;}
}
@media(max-width: 769px){
    .page-header{font-size: 18px;}
}
#side-menu li{
    position: relative;
}
#side-menu li a:not(:first-child){
    padding-left: 25px;
}
#side-menu li .pover{
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
    color: #eee;
}
#side-menu li .pover:hover{
    cursor:all-scroll;
}
tr.hoverPro td:hover button.makeAna{display:block;}
.clickable{
    cursor: pointer;   
}
.panel-heading span {
    margin-top: -20px;
    font-size: 15px;
}
#UploaderModal{
    position: fixed;
    top: 5% !important;
    left: 5% !important;
    right: 5% !important;
    bottom: 10% !important;
    z-index: 160000;
    width: 90% !important;
}
#media-modal-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    min-height: 300px;
    max-height: 668;
    box-shadow: 0 5px 15px 
rgba(0,0,0,.7);
background:#fcfcfc;
    -webkit-font-smoothing: subpixel-antialiased;
}
.media-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    border: 1px solid 
transparent;
background: 0 0;
color:
    #666;
    z-index: 1000;
    cursor: pointer;
    outline: 0;
    transition: color .1s ease-in-out,background .1s ease-in-out;
}
.media-frame-title{height: 45px; clear: both;}
.media-modal-close {
    color:#666;
    cursor: pointer;
}
h1.modal-title{
    font-size: 22px; font-weight: 600; line-height: 1.4;padding: 8px 14px;
}
.media-modal-close .media-modal-icon {
    content: "X";
    font-size:20px;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.uBox{
    margin: 7px 0px;
    padding: 5px 0px;
    border-bottom: 1px dashed #f2f2f2;
}
.media-frame-content {
    position: absolute;
    top: 54px;
    left: 0;
    right: 0;
    bottom: 31px;
    height: auto;
    width: auto;
    margin: 0;
    overflow: auto;
    background:#fff;
    border-top: 1px solid #ddd;
    padding: 5px;
}
.media-frame .uploader-inline {
    margin-bottom: 20px;
    padding: 0;
    text-align: center;
}
.attachment-preview {
    position: relative;
    box-shadow: inset 0 0 15px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.05);
    background:#eee;
    cursor: pointer;
}
.media-frame.mode-select .attachment.selected .thumbnail {
    opacity: 1;
}
.attachment .thumbnail {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    transition: opacity .1s;
}
.media-sidebar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    padding: 0 16px 24px;
    z-index: 75;
    background: #f3f3f3;
    border-left: 1px solid #ddd;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
ul.attachments .uploader-inline {
    position: absolute;
    top: 50px;
    left: 0;
    right: 300px;
    bottom: 0;
    overflow: auto;
    outline: 0;
}
li.attachment {
    position: relative;
    float: left;
    padding: 8px;
    margin: 0;
    color:#444;
    cursor: pointer;
    list-style: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 25%;
    box-sizing: border-box;
}
li.attachment > .attachment-preview {
    position: relative;
    box-shadow: inset 0 0 15px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.05);
    background: #eee;
    cursor: pointer;
}