h2{font-family: 'Open sans', sans-serif;}

.inlineblock{display: inline-block}
.inline{display:inline}
.block{display: block}
.display-none{display: none}

.relative {position: relative}
.absolute {position:  absolute}

.bottom{bottom:0px}
.top{top:0px}
.left{left:0px}
.right{right:0px}

.sidebar-nav{
    padding: 9px 0px;
    margin-left: -5px;
}

.height5{height: 5px}
.height10{height: 10px}
.height20{height: 20px}

.row-fluid .span150, .span150{width: 150px}
.row-fluid .span200, .span200{width: 200px}
.row-fluid .span250, .span250{width: 150px}

.sidebar-nav li a{padding: 3px 0px}
.sidebar-nav li.nav-header{margin-left: -25px}

.sidebar-nav .nav-header{cursor: pointer}

.nav-sub-menu{padding: 0px}


.valignTop{vertical-align: top}
.valignMid{vertical-align: middle}

/* V3 ClipBucket Custom icons */
.icon-stats {background-position: -0px -0px;}
.icon-globe {background-position: -24px -0px;}
.icon-keys  {background-position: -48px -0px;}
.icon-reply {background-position: -72px -0px;}
.icon-groups {background-position: -96px -0px;}
.icon-add-user {background-position: -120px -0px;}
.icon-remove-user {background-position: -144px -0px;}
.icon-gauges {background-position: -168px -0px;}
.icon-gauge {background-position: -192px -0px;}
.icon-graph {background-position: -216px -0px;}
.icon-pie-chart {background-position: -240px -0px;}
.icon-adjustment {background-position: -264px -0px;}
.icon-coins {background-position: -288px -0px;}
.icon-notes {background-position: -312px -0px;}
.icon-settings {background-position: -336px -0px;}
.icon-plugins {background-position: -360px -0px;}


.icon-v3 {
  background-image: url("../images/v3icons.png");
}


.icon-v3-white {
  background-image: url("../images/v3icons-white.png");
}

.left-column{ margin-top: 10px; position: relative; 
             width: 200px;margin-left: -100%;z-index:2; float: left}
.left-column .nav-list{ margin-left: 5px}

.content-container{margin-top: 10px; width: 100%; float: left;z-index:1;}
.content{margin-left: 220px; padding-right: 10px}

/* Side Bars */
.admin-sidebars{ width: 270px; padding: 10px; margin: 10px}
.sidebar{margin-bottom: 10px}
.sidebar-title{background-color: #aaa; padding: 4px}
.xadmin-sidebars .btn{width: auto; display: block; text-align: left; font-weight: bold}
.btn-sidebar{width: 245px !important}
.btn-sidebar-dragable{width: 200px !important}

.widget-btn-long{width: 223px  !important}
.admin-sidebars .dropdown-menu{min-width: 198px;}
.sidebar-desc{font-size: 11px; color: #3f4443; margin: 5px 0px}
.sidebar{display: none}
.widget-bar{margin:5px 0px}

.admin-widget-box{width: 300px; margin-right: 10px; float: left; height: 80px; margin-bottom: 10px; overflow: hidden;}
.admin-widget-box-icon{width: 50px; margin-right: 10px; float: left;cursor: move}
.admin-widget-box-inner{width: 240px; float: left}
.admin-widget-box-title{font-weight: bold; font-size: 15px; margin-bottom: 5px}

.drop-widget-area{background-color: #f9f9f9;
padding:5px; border:1px dashed #ccc}

.widgets-list{padding: 5px 0px;}

/* Header */
.header-top{height: 63px; background-color: #1b1b1b }
.header-top .logo{background-image: url(../images/header-top-bg.png); height: 62px; min-width: 388px;
 background-repeat: no-repeat; font-size: 28px; color: #fff; padding-left:90px; line-height: 58px}

@media screen and (-webkit-min-device-pixel-ratio:0){
    .header-top .logo-text{
        background: url(../images/logo-text.png);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; background-position: 0px 17px
    }
}

.header-bottom{background-color: #363636}
.header-bottom ul{margin: 0px; padding: 0px;}
.header-bottom ul li{float: left; display: inline-block; border-right: 1px solid #222;
border-left: 1px solid #4b4b4b; padding: 5px 10px; color: #fff; font-size: 11px; font-weight: bold}

footer{background-color:#161616; padding: 0px 0px}
footer ul{padding: 0px; margin: 0px;}
footer ul li{padding: 0px; margin: 0px; list-style: none;border-right: 1px solid #2c2c2c;
border-left: 1px solid #060606; padding: 15px 20px; float: left; height: 30px; color:#fff; vertical-align: middle; }
footer ul li.version{font-size: 13px; margin-top: 5px; border-right: none}
footer ul li.links{ width: 270px; border-right: none}
footer ul li span{float: left; width: 120px; margin-right: 10px; font-size: 11px}
footer ul li.team{font-size:11px; text-align: center; border-left: none}


/* Forms */
.form-basic{margin-top: 15px}
.form-basic label{font-size: 12px; color: #666; font-weight: bold}

/* Data rows */
.data-row{ border-bottom:1px solid #e5e5e5; border-top:1px solid #fff; padding: 10px 0px  }
.data-row:first-child{border-top:0px;}
.data-row:last-child{border-bottom: 0px}
.data-row > ul{padding: 0px; margin: 0px}
.data-row > ul > li{padding: 0px; margin: 0px; list-style: none; float: left; padding-right: 10px;
font-weight: bold; font-size: 12px; color: #626262}
.data-row > ul > li.index{width: 35px;}
.data-row > ul > li.option{width: 40px}
.data-row > ul > li.text{width: 250px}
.data-row > ul > li.action{width:70px; float: right; padding-right: 0px}
.data-row input{margin-bottom: 0px; padding: 0px 4px}

.well-compact{padding: 10px}

.loading_pointer{ vertical-align: middle; display: none}


/* Login Page */
.login-page{background-color: #efefef}
.back-to-website a{color: #fff}
.back-to-website{
background: #4f4f4f;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNGY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #4f4f4f 0%, #0e0e0e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#0e0e0e));
background: -webkit-linear-gradient(top,  #4f4f4f 0%,#0e0e0e 100%);
background: -o-linear-gradient(top,  #4f4f4f 0%,#0e0e0e 100%);
background: -ms-linear-gradient(top,  #4f4f4f 0%,#0e0e0e 100%);
background: linear-gradient(to bottom,  #4f4f4f 0%,#0e0e0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#0e0e0e',GradientType=0 );
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
font-size: 12px; color: #fff;
font-weight: bold; text-align: center; padding: 3px 8px;
width:150px; margin: auto;
}
.login-logo{text-align: center; margin: 30px 0px 10px}
.login-box{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 15px; border:1px solid #aeaeae;
box-shadow: 1px 1px 0px #fff;
width: 280px; margin: auto;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #ffffff 71%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(71%,#ffffff), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #ffffff 71%,#efefef 100%);
background: -o-linear-gradient(top,  #ffffff 71%,#efefef 100%);
background: -ms-linear-gradient(top,  #ffffff 71%,#efefef 100%);
background: linear-gradient(to bottom,  #ffffff 71%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );

}
.login-msg{width: 310px; margin: auto;}
.login-box .control-label{font-size: 14px; font-weight: bold}
.login-footer{margin-top: 15px; 
              font-size: 12px; color: #222l;text-align: center}
.login-footer .version{font-size: 12px; font-weight: normal}

.white-grad{background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 46%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 46%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 46%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 46%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 46%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}


.controller{border: 1px solid #ccc;padding: 5px 8px; 
border-width: 1px 0px; margin-bottom: 10px; }
.controller .buttons{position: relative; top:1px;}
.controller-fixed{border-top: none; box-shadow: 0px 1px 1px #CCC}
.buttons .right-button{ position: absolute; right: 0px; top: 2px}
.buttons .btn-toolbar{margin: 0px}

.input-order{width: 30px}
.list-block tbody input[type=checkbox]{margin: 0px 10px}

.category-list label{display: inline-block}