/*
* Author:Dennis Ji
* Template:Metro Admin Template - Bootstrap Theme
* Version:1.0.0
* Bootstrap version:2.3.1
* Copyright 2013 Bootstrap Metro Dashboard
* www:http://clabs.co
* mail:lukasz@clabs.co
* You can buy this theme on WrapBootstrap:https://wrapbootstrap.com/user/Bootstrap Metro Dashboard
*/

/* Import Section
=================================================================== */
@import url("halflings.css");/* Glyphicons Halflings Font */

/* Main Colors
=================================================================== */
.black,.black [class="box-header"],.black.box,.slider.black .ui-slider-range,.progress.black .ui-progressbar-value
.sliderVertical.black .ui-slider-range,.progressSlim.black .ui-progressbar-value{background:#222!important;border-color:#222!important;color:#fff}
.bhoechie-tab-container{margin-bottom:20px}
.clearfix::after{display:block;clear:both;content:""}
#result_messger{color:red;padding:5px}
#result_messger p{color:red}
.thumb-sortable{margin-top:20px}
.thumb-sortable .ui-state-default{display:inline-block;border:1px solid #e2e2e2;border-radius:4px;margin-right:20px;text-align:center}
.thumb-sortable .ui-state-default img{background:transparent;border:0}
.multi-field input{width:16%;display:inline-block}
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}
.well li.active a{color:#fff!important}
.well li a{color:#3171ff!important}
.nav-tabs-dropdown{display:none;border-bottom-left-radius:0;border-bottom-right-radius:0}
.tox .tox-notification--in{display:none!important}
.nav-tabs-dropdown:before{content:"\e114";font-family:'Glyphicons Halflings';position:absolute;right:30px}
/*  bhoechie tab */
.bhoechie-tab-container{z-index:10;background-color:#ffffff;padding:0!important;border-radius:4px;-moz-border-radius:4px;border:1px solid #ddd;margin-top:20px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box;opacity:0.97;filter:alpha(opacity=97)}
.bhoechie-tab-menu{padding-right:0;padding-left:0;padding-bottom:0}
.bhoechie-tab-menu div.list-group{margin-bottom:0}
.bhoechie-tab-menu div.list-group>a{margin-bottom:0}
.bhoechie-tab-menu div.list-group>a .glyphicon,.bhoechie-tab-menu div.list-group>a .fa{color:#288ad6}
.bhoechie-tab-menu div.list-group>a:first-child{border-top-right-radius:0;-moz-border-top-right-radius:0}
.bhoechie-tab-menu div.list-group>a:last-child{border-bottom-right-radius:0;-moz-border-bottom-right-radius:0}
.bhoechie-tab-menu div.list-group>a.active,.bhoechie-tab-menu div.list-group>a.active .glyphicon,.bhoechie-tab-menu div.list-group>a.active .fa{background-color:#288ad6;background-image:#288ad6;color:#ffffff}
.bhoechie-tab-menu div.list-group>a.active:after{content:'';position:absolute;left:100%;top:50%;margin-top:-13px;border-left:0;border-bottom:13px solid transparent;border-top:13px solid transparent;border-left:10px solid #288ad6}
.bhoechie-tab-content{background-color:#ffffff;/* border:1px solid #eeeeee;*/
  padding-left:20px;padding-top:10px}
.bhoechie-tab-content .control-label{text-align:center}
.bhoechie-tab .bhoechie-tab-content:not(.active){display:none}
.info-customer{background:#9bc2e6;margin:0;padding:14px 20px 13px 10px;font-size:17px}
.badgeAlert{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#f00;border-radius:10px;position:absolute;margin-top:-16px;margin-left:16px}
.count_cart{position:absolute;right:160px;top:0}
.alertNotificacao{color:#fff;top:10px}
.i_tatol{text-align:right;padding-right:50px}
.i_tatol li{list-style:none}
.img_admin{padding:15px}
.wap_tatol{border-top:1px solid #c1c0c0;width:100%}
.i_tatol{padding:20px 15px;float:right}
.img_admin img{-webkit-mask-image:linear-gradient(-75deg,rgba(244,55,55,0.6) 50%,#f43737 50%,rgba(0,0,0,1) 70%);-webkit-mask-size:200%;animation:shine 2s infinite;max-height:70px}
@-webkit-keyframes shine{from{-webkit-mask-position:150%}to{-webkit-mask-position:-50%}}
.ms-options-wrap  li{list-style:none}
#login{max-width:422px;width:100%;padding-top:5%;margin:auto}
#login img{max-width:80px}
.catelogy li{list-style:none}
#result div{display:inline-block;padding:5px}
.no-widget{display:none}
.formRow{display:inline-block;width:100%;padding:10px 14px;clear:both;border-bottom:1px solid #E2E2E2;border-top:1px solid white;position:relative}
.formRow > label{padding:4px 0;display:block;float:left;font-weight:bold;white-space:nowrap}
.formRow .formRight{display:flex;width:85%}
.formRow input[type=text]{font-size:12px;padding:7px 6px;background:white;border:1px solid #DDD;width:85%;color:#656565;float:left}
.formRow input[type=submit]{font-size:10px;font-weight:bold;background-repeat:repeat-x;text-transform:uppercase;white-space:nowrap;cursor:pointer;line-height:12px;max-height:33px;background:#3875a6;padding:10px 18px 11px 18px;border:1px solid #3672a0;color:#fff}
.giakt{margin-bottom:0;width:100px;text-align:left!important}
#teamArea_size{display:inline-block}
#teamArea_size input{width:100px}
#teamArea_price{display:inline-block}
#teamArea_price input{width:100px}
#teamArea_price_sale{display:inline-block}
#teamArea_price_sale input{width:100px}
#teamArea_price_percent{display:inline-block}
#teamArea_price_percent input{width:100px}
.btn-primary{margin:10px 0}
.dataTables_length{display:none}
.wap-seo{background:#f9f9f9;padding:20px;margin-bottom:30px;overflow:hidden}
.i_title{border-bottom:1px solid #d8d8d8;padding-bottom:10px;margin-bottom:10px;display:block}
.align-self-center img{max-height:50px;border-radius:50px}
#login label{color:#fff;font-size:15px;display:block;width:100%}
#login input{margin-top:5px;border-radius:4px;padding:5px;border:none;font-size:18px;background-color:transparent;border:1px solid rgba(255,255,255,0.5);color:#fff;width:100%}
#login form{border-radius:7px;margin-top:0;background:#03A9F4;border:2px solid #fff;margin-left:15px;margin-right:15px;padding-top:30px;padding-bottom:20px}
.dataTables_filter{float:right}
#login input#wp-submit{display:block;margin:20px auto;line-height:40px;/* float:none;*/
    clear:both;height:50px;vertical-align:middle;text-align:center;padding-bottom:20px;width:100%;font-size:18px;text-transform:uppercase;font-weight:600;background:transparent;border:1px solid #fff;text-shadow:none;box-shadow:none}
#login p{margin:20px}
.box-header .box-icon{display:none}
.down_color{height:auto;font-size:14px;line-height:24px;color:#ffffff;padding:7px 20px;background:#288ad6;border-radius:5px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;cursor:pointer;display:none}
.color_clik{height:auto;font-size:14px;line-height:24px;color:#ffffff;padding:7px 20px;background:#288ad6;border-radius:5px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;cursor:pointer}
.show_color{display:none}
.Footer_option_clik{height:auto;font-size:14px;line-height:24px;color:#ffffff;padding:7px 10px;background:#288ad6;border-radius:5px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;cursor:pointer}
.show_footer_Options{display:none}
.Information_option_clik{height:auto;font-size:14px;line-height:24px;color:#ffffff;padding:7px 20px;background:#288ad6;border-radius:5px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;cursor:pointer}
.show_Information_Options{display:none}
.controls img{max-height:100px}
.i_tag{display:none}
.show_image_color{display:none}
.form-horizontal .control-label{font-weight:400;margin-bottom:10px}
.removeRow{background-color:#FF0000!important;color:#FFFFFF}
.bnt-delete-all{margin:0;padding:1px 10px}
.switch-status{position:relative;display:inline-block;width:60px;height:34px}
.switch{position:relative;display:inline-block;width:47px;height:22px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.slider:before{position:absolute;content:"";height:20px;width:20px;left:1px;bottom:1px;background-color:white;-webkit-transition:.4s;transition:.4s}
input:checked + .slider{background-color:#2196F3}
input:focus + .slider{box-shadow:0 0 1px #2196F3}
input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}
/* Rounded sliders */
.slider.round{border-radius:34px}
.slider.round:before{border-radius:50%}
.i-gif{max-height:20px}
.row-fluid .span6{position:relative;min-height:1px;padding-right:15px;padding-left:15px;float:left;width:50%}
.row-fluid .span6:last-child{text-align:right}
.dataTables_filter input{height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}
.dataTables_filter input:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.box_upload{display:block;background-color:white;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);-webkit-transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);overflow:hidden}
.upload-options{position:relative;height:45px;background-color:#1260ab;cursor:pointer;overflow:hidden;text-align:center;-webkit-transition:background-color ease-in-out 150ms;transition:background-color ease-in-out 150ms}
.upload-options:hover{background-color:#7fb1b3}
.upload-options input{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.upload-options label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;font-weight:400;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}
.upload-options label::after{content:'+';position:absolute;font-size:2.5rem;color:#e6e6e6;top:calc(50% - 1.6rem);left:calc(50% - 1.25rem);z-index:0}
.upload-options label span{display:inline-block;width:50%;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle;text-align:center}
.upload-options label span:hover i.material-icons{color:lightgray}
.js--image-preview{width:100%;position:relative;overflow:hidden;background-image:url("");background-color:white;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100px}
.js--image-preview .btn-danger{position:absolute;top:0}
.js--image-preview .delete_product2{position:absolute;top:0}
.js--image-preview .delete_product1{position:absolute;top:0}
.js--image-preview .delete_images1{position:absolute;top:0}
.js--image-preview .delete_images2{position:absolute;top:0}
.js--image-preview .delete_images3{position:absolute;top:0}
.js--image-preview .delete_images4{position:absolute;top:0}
.js--image-preview .delete_images5{position:absolute;top:0}
.js--image-preview .delete_images6{position:absolute;top:0}
.js--image-preview::after{content:"photo select";position:relative;font-size:14px;color:#e6e6e6;top:calc(50% - 4.5rem);left:calc(50% - 4rem);z-index:0}
.js--image-preview.js--no-default::after{display:none}
i.material-icons{-webkit-transition:color 100ms ease-in-out;transition:color 100ms ease-in-out;font-size:2.25em;line-height:55px;color:white;display:block}
.drop{display:block;position:absolute;background:rgba(95,158,160,0.2);border-radius:100%;-webkit-transform:scale(0);transform:scale(0)}
.animate{-webkit-animation:ripple 0.4s linear;animation:ripple 0.4s linear}
@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}
@keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}
table.dataTable thead th,table.dataTable thead td{border-bottom:1px solid #e4e2e2!important}
.nav-item .nav-link,.nav-tabs .nav-link{-webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;-ms-transition:all 300ms ease 0s;transition:all 300ms ease 0s}
.card a{-webkit-transition:all 150ms ease 0s;-moz-transition:all 150ms ease 0s;-o-transition:all 150ms ease 0s;-ms-transition:all 150ms ease 0s;transition:all 150ms ease 0s}
[data-toggle="collapse"][data-parent="#accordion"] i{-webkit-transition:transform 150ms ease 0s;-moz-transition:transform 150ms ease 0s;-o-transition:transform 150ms ease 0s;-ms-transition:all 150ms ease 0s;transition:transform 150ms ease 0s}
[data-toggle="collapse"][data-parent="#accordion"][aria-expanded="true"] i{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.now-ui-icons{display:inline-block;font:normal normal normal 14px/1 'Nucleo Outline';font-size:inherit;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@-webkit-keyframes nc-icon-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@-moz-keyframes nc-icon-spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}
@keyframes nc-icon-spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
.now-ui-icons.objects_umbrella-13:before{content:"\ea5f"}
.now-ui-icons.shopping_cart-simple:before{content:"\ea1d"}
.now-ui-icons.shopping_shop:before{content:"\ea50"}
.now-ui-icons.ui-2_settings-90:before{content:"\ea4b"}
.nav-tabs{border:0;padding:15px 20px 0}
.nav-tabs:not(.nav-tabs-neutral)>.nav-item>.nav-link.active{box-shadow:0 5px 35px 0 rgba(0,0,0,0.3)}
.card .nav-tabs{border-top-right-radius:0.1875rem;border-top-left-radius:0.1875rem;margin-bottom:0}
.nav-tabs>.nav-item>.nav-link{color:#888888;margin:0;margin-right:5px;background-color:transparent;border:1px solid transparent;border-radius:30px;font-size:14px;padding:11px 23px;line-height:1.5}
.nav-tabs>.nav-item>.nav-link:hover{background-color:transparent}
.nav-tabs>.nav-item>.nav-link.active{background-color:#fff;border-radius:30px;color:#000}
.tab-content>.active,.pill-content>.active{padding:15px}
.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus{border-bottom-color:#ddd!important}
.nav-tabs>.nav-item>.nav-link i.now-ui-icons{font-size:14px;position:relative;top:1px;margin-right:3px}
.nav-tabs.nav-tabs-neutral>.nav-item>.nav-link{color:#FFFFFF}
.nav-tabs.nav-tabs-neutral>.nav-item>.nav-link.active{background-color:rgba(255,255,255,0.2);color:#FFFFFF}
.card{border:0;border-radius:0.1875rem;display:inline-block;position:relative;width:100%;margin-bottom:30px;box-shadow:0 5px 25px 0 rgba(0,0,0,0.2)}
.card .card-header{background-color:transparent;border-bottom:0;background-color:transparent;border-radius:0;padding:0}
.card[data-background-color="orange"]{background-color:#f96332}
.card[data-background-color="red"]{background-color:#FF3636}
.card[data-background-color="yellow"]{background-color:#FFB236}
.card[data-background-color="blue"]{background-color:#2CA8FF}
.card[data-background-color="green"]{background-color:#15b60d}
[data-background-color="orange"]{background-color:#e95e38}
[data-background-color="black"]{background-color:#2c2c2c}
[data-background-color]:not([data-background-color="gray"]){color:#FFFFFF}
[data-background-color]:not([data-background-color="gray"]) p{color:#FFFFFF}
[data-background-color]:not([data-background-color="gray"]) a:not(.btn):not(.dropdown-item){color:#FFFFFF}
[data-background-color]:not([data-background-color="gray"]) .nav-tabs>.nav-item>.nav-link i.now-ui-icons{color:#FFFFFF}
@font-face{font-family:'Nucleo Outline';src:url("https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/fonts/nucleo-outline.eot");src:url("https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/fonts/nucleo-outline.eot") format("embedded-opentype");src:url("https://raw.githack.com/creativetimofficial/now-ui-kit/master/assets/fonts/nucleo-outline.woff2");font-weight:normal;font-style:normal}
.now-ui-icons{display:inline-block;font:normal normal normal 14px/1 'Nucleo Outline';font-size:inherit;speak:none;text-transform:none;/* Better Font Rendering */
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.i-md6ex{position:absolute;right:0}
.controls{margin-bottom:15px}
footer{color:#555;background:#fff;font-weight:300;background:#f7f7f7;z-index:2000}
.footer p{margin-bottom:0}
footer p a{color:#555;font-weight:400}
footer p a:hover{color:#e86c42}
.add_cate{margin-top:-25px;margin-right:15px;float:right}
.add_cate a i{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;font-size:16px}
.add_cate a:hover i{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;border-radius:50px;background:none;transform:rotate(45deg)}
@media screen and (max-width:1024px){#sidebar-left{min-height:auto!important;padding-bottom:20px}#parent_id{margin-bottom:15px}#id_cate_page{margin-bottom:15px}/* .table-bordered td a{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;/* number of lines to show */           line-clamp:3;-webkit-box-orient:vertical}*/}@media screen and (max-width:768px){.nav-tabs{display:inline-block;width:100%;padding-left:100px;padding-right:100px;text-align:center}.nav-tabs .nav-item>.nav-link{margin-bottom:5px}}
.table th,.table td{padding:5px 5px 5px 5px}
.i-excel{position:relative;padding-left:35px!important;background:inherit!important;background-color:inherit!important;color:#000!important}
.i-excel:after{position:absolute;top:0;left:0;font-size:13px;line-height:24px;content:"";width:30px;height:20px;background:url(../img/excel.png) no-repeat;background-size:100% 100%}
.inline{display:inline-block;margin-right:10px}
.image_outer_container{margin-top:auto;margin-bottom:auto;border-radius:50%;position:relative;text-align:center}
.image_inner_container{border-radius:50%;padding:5px;float:left;margin-left:40px;padding-bottom:20px}
.image_inner_container img{max-height:85px;border-radius:50%;border:5px solid white;max-width:90px}
.image_outer_container .green_icon{background-color:#4cd137;position:absolute;right:65px;bottom:24px;height:14px;width:14px;border:2px solid white;border-radius:50%}
.i-admin{border-radius:50px}
.tagsinput,.tagsinput *{box-sizing:border-box}
.tagsinput{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background:#fff;font-family:sans-serif;font-size:14px;line-height:20px;color:#556270;padding:5px 5px 0;border:1px solid #e6e6e6;border-radius:2px}
.tagsinput.focus{border-color:#ccc}
.tagsinput .tag{position:relative;background:#556270;display:block;max-width:100%;word-wrap:break-word;color:#fff;padding:5px 30px 5px 5px;border-radius:2px;margin:0 5px 5px 0}
.tagsinput .tag .tag-remove{position:absolute;background:0 0;display:block;width:30px;height:30px;top:0;right:0;cursor:pointer;text-decoration:none;text-align:center;color:#ff6b6b;line-height:30px;padding:0;border:0}
.tagsinput .tag .tag-remove:after,.tagsinput .tag .tag-remove:before{background:#ff6b6b;position:absolute;display:block;width:10px;height:2px;top:14px;left:10px;content:''}
.tagsinput .tag .tag-remove:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.tagsinput .tag .tag-remove:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
.tagsinput div{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.tagsinput div input{background:0 0;display:block;width:100%;font-size:14px;line-height:20px;padding:5px;border:0;margin:0 5px 5px 0}
.tagsinput div input.error{color:#ff6b6b}
.tagsinput div input::-ms-clear{display:none}
.tagsinput div input::-webkit-input-placeholder{color:#ccc;opacity:1}
.tagsinput div input:-moz-placeholder{color:#ccc;opacity:1}
.tagsinput div input::-moz-placeholder{color:#ccc;opacity:1}
.tagsinput div input:-ms-input-placeholder{color:#ccc;opacity:1}
.icon_role{padding-right:5px;color:#587fec}
.indexsp_image{max-height:70px}
.hidden{display:none!important}
#pagination{position:absolute;bottom:-15px}
.images_Gallery li img{max-height:50px}
.images_Gallery li{margin-bottom:15px}
.sec-title{position:relative;padding-left:15px}
.sec-title .title{position:relative;color:#84858a}
.sec-title a i{color:#fff}
.sec-title .title:before{position:absolute;content:'';left:0;top:0;width:6px;height:6px;background-color:#f43737}
.sec-title h2{position:relative;color:#000;font-weight:500;line-height:45px;text-transform:capitalize;-webkit-mask-image:linear-gradient(-75deg,rgba(244,55,55,0.6) 50%,#f43737 50%,rgba(0,0,0,1) 70%);-webkit-mask-size:200%;animation:shine 2s infinite;font-size:25px;margin:0 auto}
@-webkit-keyframes shine{from{-webkit-mask-position:150%}to{-webkit-mask-position:-50%}}
.sec-title.centered{text-align:center}
.sec-title.centered .text{max-width:580px;margin:0 auto}
.sec-title .title.light::before{background-color:#ffffff}
.sec-title.light .title,.sec-title.light h2,.sec-title.light .text{color:#ffffff}
.sec-title.centered .title:before{left:50%;margin-left:-3px}
.i-des-sort{width:99%}
.w3-black.active .a{color:#08c}
.w3-bar .w3-bar-item.active{color:#08c}
ul.tsc_pagination li a i{line-height:30px}
ul.tsc_pagination li a:hover,ul.tsc_pagination li a.current{color:#FFFFFF;box-shadow:0 1px #EDEDED;-moz-box-shadow:0 1px #EDEDED;-webkit-box-shadow:0 1px #EDEDED}
ul.tsc_pagination{padding:0;height:100%;overflow:hidden;list-style-type:none;margin-bottom:30px;text-align:center;display:block;width:100%}
ul.tsc_pagination li{margin:0;padding:0;display:inline-block}
ul.tsc_pagination li a{color:black;text-decoration:none;width:30px;height:30px;padding:5px 10px;border-radius:50%;line-height:30px;margin:0 4px;transition:all 0.3s;border:1px solid #5ec3f4}
ul.tsc_pagination li a img{border:none}
ul.tsc_pagination li a:hover,ul.tsc_pagination li a.current{background:#5ec3f4}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0;cursor:pointer}
.wrapper{position:relative}
.tab-container{display:none;position:absolute;top:0;left:0;width:100%}
.tab-container:first-child{display:block}
:target{display:block}
.group-tab{padding-left:15px}
.clear{clear:both}
/* just for demo */
.i-target{display:block;text-align:left}
#accordion .panel-heading{padding:0}
#accordion .panel-title > a{display:block;padding:0.4em 0.6em;outline:none;font-weight:bold;text-decoration:none}
#accordion .panel-title > a.accordion-toggle::before,#accordion a[data-toggle="collapse"]::before{content:"\e113";float:left;font-family:'Glyphicons Halflings';margin-right:1em}
#accordion .panel-title > a.accordion-toggle.collapsed::before,#accordion a.collapsed[data-toggle="collapse"]::before{content:"\e114"}
.ul_link ul li.active a{background:#f00}
.btn-danger{background:#4c4545;border-color:inherit;padding:0 4px;color:#fff!important}
.fa-pencil{padding-right:10px}
.btn-info{background:#e53935;border-color:inherit;padding:0 4px;color:#fff!important}
.btn-success{background:#00c5ff;background-color:#00c5ff;padding:0 4px}
ul.tree{margin:0;padding-left:25px;line-height:2em;list-style:none}
ul.tree li{position:relative;margin-bottom:10px}
ul.tree li:before{position:absolute;top:0;left:-18px;display:block;width:15px;height:20px;content:"";border-bottom:1px dotted #666;border-left:1px dotted #666}
ul.tree li a{line-height:35px}
/* hide the vertical line on the first item */
ul.tree > li:first-child:before{}
ul.tree li:after{position:absolute;top:1.1em;bottom:1px;left:-15px;display:block;content:"";/* border-left:1px dotted #666;*/}
/* hide the lines on the last item */
ul.tree li:last-child:after{display:none}
.grid_link_menu{}
.i-dash a{color:#fff;padding-left:15px;margin:15px 0;display:block}
.i-dash a i{padding-right:5px}
.gs_item .node_title{font-size:12px;line-height:25px;padding:0 30px 5px 15px;color:#fff;cursor:pointer;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;margin-bottom:10px}
.gs_item .node_title i{padding-right:7px}
.gs_item .node_title:after{position:absolute;font-family:"fontawesome";content:'\f0fe';top:0;right:125px;color:#fff}
.gs_item.active .node_title:after{content:'\f068';top:0;right:125px;color:#fff}
.ul_link{}
.ul_link ul:after{display:block;content:'';clear:both}
.ul_link ul li{float:left;width:100%;padding-right:30px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;list-style:none;margin-bottom:12px;font-size:12px}
.ul_link ul li a{display:block;position:relative;padding:0 10px 0 15px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;color:#fff}
.ul_link ul li a i{padding-right:5px}
.ul_link ul li a:hover{padding:0 0 0 25px;text-decoration:none}
.black .box-header h2 i,.black .box-header .box-icon i,.black .box-header .box-icon i:hover{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.green,.green [class="box-header"],.green.box,.slider.green .ui-slider-range,.progress.green .ui-progressbar-value,.sliderVertical.green .ui-slider-range,.progressSlim.green .ui-progressbar-value,.label-success,.badge-success{background:#00A300!important;border-color:#00A300!important;color:#fff}
.greenDark,.greenDark [class="box-header"],.greenDark.box,.slider.greenDark .ui-slider-range,.progress.greenDark .ui-progressbar-value,.sliderVertical.greenDark .ui-slider-range,.progressSlim.greenDark .ui-progressbar-value{background:#1E7145!important;border-color:#1E7145!important;color:#fff}
.greenLight,.greenLight [class="box-header"],.greenLight.box,.slider.greenLight .ui-slider-range,.progress.greenLight .ui-progressbar-value,.sliderVertical.greenLight .ui-slider-range,.progressSlim.greenLight .ui-progressbar-value{background:#99B433!important;border-color:#99B433!important;color:#fff}
.pink,.pink [class="box-header"],.pink.box,.slider.pink .ui-slider-range,.progress.pink .ui-progressbar-value,.sliderVertical.pink .ui-slider-range,.progressSlim.pink .ui-progressbar-value{background:#9F00A7!important;border-color:#9F00A7!important;color:#fff}
.pinkDark,.pinkDark [class="box-header"],.pinkDark.box,.slider.pinkDark .ui-slider-range,.progress.pinkDark .ui-progressbar-value,.sliderVertical.pinkDark .ui-slider-range,.progressSlim.pinkDark .ui-progressbar-value{background:#7E3878!important;border-color:#7E3878!important;color:#fff}
.yellow,.yellow [class="box-header"],.yellow.box,.slider.yellow .ui-slider-range,.progress.yellow .ui-progressbar-value,.sliderVertical.yellow .ui-slider-range,.progressSlim.yellow .ui-progressbar-value,.label-warning,.badge-warning{background:#FFC40D!important;border-color:#FFC40D!important;color:#fff}
.purple,.purple [class="box-header"],.purple.box,.slider.purple .ui-slider-range,.progress.purple .ui-progressbar-value,.sliderVertical.purple .ui-slider-range,.progressSlim.purple .ui-progressbar-value{background:#603CBA!important;border-color:#603CBA!important;color:#fff}
.blue,.blue [class="box-header"],.blue.box,.slider.blue .ui-slider-range,.progress.blue .ui-progressbar-value,.sliderVertical.blue .ui-slider-range,.progressSlim.blue .ui-progressbar-value,.label-info,.badge-info{background:#2D89EF!important;border-color:#2D89EF!important;color:#fff}
.blueDark,.blueDark [class="box-header"],.blueDark.box,.slider.blueDark .ui-slider-range,.progress.blueDark .ui-progressbar-value,.sliderVertical.blueDark .ui-slider-range,.progressSlim.blueDark .ui-progressbar-value{background:#2B5797!important;border-color:#2B5797!important;color:#fff}
.blueLight,.blueLight [class="box-header"],.blueLight.box,.slider.blueLight .ui-slider-range,.progress.blueLight .ui-progressbar-value,.sliderVertical.blueLight .ui-slider-range,.progressSlim.blueLight .ui-progressbar-value{background:#EFF4FF!important;border-color:#EFF4FF!important;color:#fff}
.orange,.orange [class="box-header"],.orange.box,.slider.orange .ui-slider-range,.progress.orange .ui-progressbar-value,.sliderVertical.orange .ui-slider-range,.progressSlim.orange .ui-progressbar-value{background:#E3A21A!important;border-color:#E3A21A!important;color:#fff}
.orangeDark,.orangeDark [class="box-header"],.orangeDark.box,.slider.orangeDark .ui-slider-range,.progress.oragneDark .ui-progressbar-value,.sliderVertical.orangeDark .ui-slider-range,.progressSlim.orangeDark .ui-progressbar-value{background:#DA532C!important;border-color:#DA532C!important;color:#fff}
.red,.red [class="box-header"],.red.box,.slider.red .ui-slider-range,.progress.red .ui-progressbar-value,.sliderVertical.red .ui-slider-range,.progressSlim.red .ui-progressbar-value,.label-important,.badge-important{background:#EB3C00!important;border-color:#EB3C00!important;color:#fff}
.widget.green h2 .glyphicons i:before,.widget.greenDark h2 .glyphicons i:before,.widget.greenLight h2 .glyphicons i:before,.widget.pink h2 .glyphicons i:before,.widget.pinkDark h2 .glyphicons i:before,.widget.yellow h2 .glyphicons i:before,.widget.purple h2 .glyphicons i:before,.widget.blue h2 .glyphicons i:before,.widget.blueDark h2 .glyphicons i:before,.widget.blueLight h2 .glyphicons i:before,.widget.orange h2 .glyphicons i:before,.widget.orangeDark h2 .glyphicons i:before,.widget.red h2 .glyphicons i:before{color:#fff}
/* Basic
=================================================================== */
body{background:#fff;color:#333;border:none;font-weight:400}
#sidebar-left{border-right:1px solid #e2e2e2;background:#1f2f46;min-height:1000px;padding:0}
hr{height:2px;border:none;/* IE9 SVG,needs conditional override of 'filter' to 'none' */
  background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,rgba(249,249,249,0.25) 0%,rgba(249,249,249,1) 50%,rgba(249,249,249,0.25) 100%);/* FF3.6+ */
  background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(249,249,249,0.25)),color-stop(50%,rgba(249,249,249,1)),color-stop(100%,rgba(249,249,249,0.25)));/* Chrome,Safari4+ */
  background:-webkit-linear-gradient(left,rgba(249,249,249,0.25) 0%,rgba(249,249,249,1) 50%,rgba(249,249,249,0.25) 100%);/* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(left,rgba(249,249,249,0.25) 0%,rgba(249,249,249,1) 50%,rgba(249,249,249,0.25) 100%);/* Opera 11.10+ */
  background:-ms-linear-gradient(left,rgba(249,249,249,0.25) 0%,rgba(249,249,249,1) 50%,rgba(249,249,249,0.25) 100%);/* IE10+ */
  background:linear-gradient(to right,rgba(249,249,249,0.25) 0%,rgba(249,249,249,1) 50%,rgba(249,249,249,0.25) 100%);/* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#40f9f9f9',endColorstr='#40f9f9f9',GradientType=1 );/* IE6-8 */}
.noMarginLeft{margin-left:0!important}
h1{font-size:32px;line-height:32px;font-weight:300}
h2{font-size:16px;line-height:16px}
h3{font-size:15px;line-height:15px}
h4{font-size:14px;line-height:14px}
h5{font-size:13px;line-height:13px}
h6{font-size:12px;line-height:12px}
/* Header Section
=================================================================== */
.navbar{margin-bottom:0;min-height:0}
.table th,.table td{vertical-align:baseline}
.navbar-inner{margin-bottom:0;min-height:40px;padding-right:20px;padding-left:20px;background:#f89406;filter:none;text-shadow:1px 1px 1px #0a0c0e;border:none;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;*zoom:1;border-bottom:1px solid #38383D;/* rgba(0,0,0,0.05);*/}
.navbar-inner a{color:#7b7b7b;text-shadow:0 -1px 1px #0b090a;line-height:35px}
.navbar-inner a i{margin-top:2px}
.navbar-inner a:hover i{opacity:.8;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.brand img{margin:-12px 0 -5px 0}
.media-left img{width:35px}
.rounded-circle{border-radius:50%!important}
a.brand span{color:#fff;text-shadow:none;font-size:14px}
.header-nav{padding:0;color:#fff!important;background:#000!important}
.header-nav .nav{margin:0;position:absolute;right:0;top:0}
.header-nav .btn{display:inline-block;padding:21px 20px;margin-top:0;margin-left:0;font-size:14px;line-height:20px;text-align:center;text-shadow:none;vertical-align:middle;cursor:pointer;background:transparent;border-left:none;border-right:none;border-top:0;border-bottom:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}
.header-nav a.btn{color:#fff!important;text-shadow:none!important;padding:10px 25px!important}
.header-nav .btn .caret{border-top-color:#fff!important;border-bottom-color:#fff!important}
.header-nav .btn:hover .caret{border-top-color:#fff!important;border-bottom-color:#fff!important}
/* Navigation Section
=================================================================== */
.sidebar-nav > ul{margin:0;padding-bottom:1px;font-size:12px}
.sidebar-nav > ul > li > ul{list-style:none;margin:0;display:none;background:rgba(0,0,0,.25)}
.nav-tabs.nav-stacked > li > a,.nav-tabs.nav-stacked > li > ul > li > a{padding:15px 10px 14px 10px;color:#fff;border-top:none;border-left:none;border-right:none;text-decoration:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:none}
.nav-tabs.nav-stacked > li:last-child > a{border-bottom:1px solid transparent}
.nav-tabs.nav-stacked > li > ul > li > a{padding:15px 10px 14px 10px;display:block}
.nav-tabs.nav-stacked > li > a > i,.nav-tabs.nav-stacked > li > ul > li > a > i{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";font-size:16px}
.nav-tabs.nav-stacked > li > ul > li > a > i{font-size:20px}
.nav-tabs.nav-stacked > li > a:hover > i{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.nav-tabs.nav-stacked > li > a:hover,.nav-tabs.nav-stacked > li > ul > li > a:hover{color:#fff;background-color:#1A293F}
.nav-tabs.nav-stacked  > li.active > a,.nav-tabs.nav-stacked  > li > ul > li.active > a{background:#2D89EF;border-bottom:1px solid #2D89EF}
.nav-tabs.nav-stacked  > li.active > a:hover,.nav-tabs.nav-stacked  > li > ul > li.active > a:hover{background:#2D89EF;color:#fff;border:none;border-bottom:1px solid #2D89EF}
.nav-tabs.nav-stacked  > li.active > ul{padding:5px 0;color:#3b3b41;background:#fff}
.nav-tabs.nav-stacked > li:first-child > a{margin:0 0 0 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.nav-tabs.nav-stacked > li:last-child > a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.navbar .nav li.dropdown.open > .dropdown-toggle,.navbar .nav li.dropdown.active > .dropdown-toggle,.navbar .nav li.dropdown.open.active > .dropdown-toggle{color:#555555;background-color:#000;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.dropdown-menu{position:absolute;top:100%;left:-60px;z-index:1000;display:none;float:left;min-width:160px;max-width:300px;padding:0 0;margin:5px 0 0 0;list-style:none;text-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{*width:100%;height:1px;margin:0 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#eee;border-bottom:1px solid #ffffff}
.dropdown-menu li a{display:block;padding:7px 10px!important;clear:both;font-weight:normal;line-height:20px;color:#000;text-shadow:none;white-space:normal!important}
.dropdown-menu li{border-bottom:1px solid #eee;width:100%}
.dropdown-menu li:first-child{border-top:0!important}
.dropdown-menu li:last-child{border-bottom:0!important}
.dropdown-menu li > a:hover,.dropdown-menu li > a:focus,.dropdown-submenu:hover > a{color:#ffffff;text-decoration:none;background:#2D89EF}
.dropdown-menu .active > a,.dropdown-menu .active > a:hover{color:#ffffff;text-decoration:none;background:#2D89EF}
.dropdown-menu .disabled > a,.dropdown-menu .disabled > a:hover{color:#999999}
.dropdown-menu .disabled > a:hover{text-decoration:none;cursor:default;background-color:transparent}
.dropdown-menu-title{background:#222;color:#fff;padding:8px 0;position:relative}
.dropdown-menu-title span{margin-left:15px}
.dropdown-menu-title a:link{position:absolute;right:4px;top:4px;padding:4px 6px!important}
.dropdown-menu-title a i{color:#fff}
.dropdown-menu-title a:hover{background:#fff!important}
.dropdown-menu-title a:hover i{color:#222!important}
.dropdown-menu-sub-footer{background:#eee}
.dropdown-menu ul,.dropdown-menu ul li{padding:0!important;margin:0!important}
ul.notifications li,ul.tasks li,ul.messages li{width:260px}
ul.notifications li .avatar img,ul.tasks li .avatar img,ul.messages li .avatar img{float:left;height:40px;width:40px;margin-right:10px}
ul.messages li .header{display:block}
ul.messages li .header .from{font-size:12px;font-weight:bold}
ul.notifications li .icon{margin:0 10px 0 -10px!important;padding:7px 10px 9px 10px}
ul.notifications li .time,ul.tasks li .header .percent,ul.messages li .header .time{font-size:11px;font-weight:bold;font-style:italic;position:absolute;right:5px}
ul.tasks li .title,ul.notifications li .message{font-size:12px}
ul.notifications li.warning a{color:#FA5833}
ul.messages li .message{font-size:11px}
/* Content and Main Elements
=================================================================== */

/*.breadcrumb{line-height:34px;background:#fff;border:0;color:#000;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-bottom:0}
.breadcrumb span{text-shadow:1px 1px 0 #fff}
.breadcrumb a{color:#000;text-shadow:0 1px 1px #fff}
.breadcrumb a:hover{color:#646464;text-shadow:0 1px 1px #fff;text-decoration:none}
*/
.dark{background:#fdfdfd;text-shadow:0 1px 1px #fff!important;padding:20px;top:-28px;right:-28px;margin-bottom:-56px;margin-right:-30px;position:relative;border-left:2px solid #eee;min-height:100%;overflow:hidden}
.well{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.statbox{height:120px;padding:10px;position:relative;margin-bottom:28px}
.statbox .number{font-size:40px;position:absolute;top:10px;right:10px}
.statbox .title{font-size:16px;position:absolute;top:50px;right:10px}
.statbox .footer{background:rgba(0,0,0,.1);background-color:#19FFFFFF;position:absolute;bottom:0;left:0;padding:10px}
.statbox .footer:hover{background:rgba(0,0,0,.2)}
.statbox .footer a{color:#fff;text-decoration:none}
.widget{padding:10px;margin-bottom:28px}
.widget h2{padding:10px 10px 0 10px;font-size:18px!important;line-height:18px!important;margin-bottom:-5px;font-weight:300;text-shadow:0 1px 0 #fff}
.widget h2 .glyphicons i:before{margin-top:-7px;font-size:20px!important;line-height:20px!important}
.box{background:#fff!important;padding-bottom:20px;margin-bottom:50px}
img{max-width:100%}
.box-header h2 i{margin:0 3px 0 4px;opacity:.8;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.box-header .break{border-left:1px solid #FFF;margin:-12px 10px -10px 10px;padding:12px 0 10px 0}
.box-header .box-icon{float:right;margin-top:1px}
.box-header .box-icon i{-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;opacity:.8;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.box-header .box-icon i:hover{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.box-header .box-icon a{margin:0 5px}
/* Vertical Bar Chart
=================================================================== */
.verticalChart{width:100%}
.verticalChart .singleBar{width:9%;float:left;margin-left:0.5%;margin-right:0.5%}
.verticalChart .singleBar .bar{position:relative;height:200px;background:rgba(255,255,255,0.2);overflow:hidden}
.verticalChart .singleBar .bar .value{position:absolute;bottom:0;width:100%;background:#fff;color:#fff}
.verticalChart .singleBar .bar .value span{position:absolute;font-size:12px;bottom:0;width:100%;height:20px;color:#ddd;text-shadow:0 -1px 0 #fff,0px 1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,1px -1px 0 #fff;display:none;text-align:center}
.verticalChart .singleBar .title{margin-top:5px;text-align:center}
/* Browsers Stats
=================================================================== */
.browserStat.big{display:inline-block;width:49%;text-align:center;margin-bottom:20px;padding:0}
.browserStat{display:inline-block;width:32%;text-align:center;margin:0;padding:0}
.browserStat span{display:block;text-align:center;margin-top:10px}
/* Notifications & Labels
=================================================================== */
.notification{position:absolute;top:-1px;right:-1px;line-height:16px;height:16px;padding:3px 6px;color:white!important;text-shadow:0 1px hsla(0,0%,0%,0.25);border-width:1px;border-style:solid;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 1px 1px hsla(0,0%,0%,0.08),inset 0 1px hsla(0,100%,100%,0.3);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.08),inset 0 1px rgba(255,255,255,0.3);box-shadow:0 1px 1px hsla(0,0%,0%,0.08),inset 0 1px hsla(0,100%,100%,0.3)}
.notification-small{padding:2px 7px;color:white!important;text-shadow:0 1px hsla(0,0%,0%,0.25);border-width:1px;border-style:solid;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 1px 1px hsla(0,0%,0%,0.08),inset 0 1px hsla(0,100%,100%,0.3);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.08),inset 0 1px rgba(255,255,255,0.3);box-shadow:0 1px 1px hsla(0,0%,0%,0.08),inset 0 1px hsla(0,100%,100%,0.3)}
.label,.badge{text-shadow:none;font-weight:600;font-size:12px;padding:3px 6px}
.label{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
/* Quick Buttons
=================================================================== */
.quick-button{border:1px solid #ddd;margin-bottom:-1px;padding:30px 0 10px 0;font-size:14px;background-color:#fafafa;background-image:-moz-linear-gradient(top,#fafafa,#efefef);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#efefef));background-image:-webkit-linear-gradient(top,#fafafa,#efefef);background-image:-o-linear-gradient(top,#fafafa,#efefef);background-image:linear-gradient(to bottom,#fafafa,#efefef);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa',endColorstr='#efefef',GradientType=0);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.8);-moz-box-shadow:0 1px 0 rgba(255,255,255,.8);box-shadow:0 1px 0 rgba(255,255,255,.8);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:block;color:#646464;text-shadow:0 1px 0 rgba(255,255,255,.6);text-align:center;cursor:pointer;position:relative;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.quick-button:hover{text-decoration:none;border-color:#a5a5a5;color:#444444;text-shadow:0 1px 0 rgba(255,255,255,1);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:0 0 3px rgba(0,0,0,.25);-moz-box-shadow:0 0 3px rgba(0,0,0,.25);box-shadow:0 0 3px rgba(0,0,0,.25)}
.quick-button:hover .notification{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:0 0 3px rgba(0,0,0,.6);-moz-box-shadow:0 0 3px rgba(0,0,0,.6);box-shadow:0 0 3px rgba(0,0,0,.6)}
.quick-button i{font-size:32px}
/* Quick Buttons Metro Style
=================================================================== */
.quick-button.metro{position:relative;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.25);filter:none;padding:30px 10px 0 10px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.quick-button.metro p{text-align:center;margin-top:20px}
.quick-button.metro:hover{color:rgba(255,255,255,.9);text-shadow:none}
.quick-button.metro i{font-size:64px;text-align:center!important}
.quick-button.metro .badge{text-align:center!important;position:absolute;top:50%;left:70%;background:none;text-shadow:0 1px 1px rgba(0,0,0,.25)}
/* Quick Buttons Small
=================================================================== */
.quick-button-small{border:1px solid #ddd;padding:15px 0 0 0;font-size:10px;background-color:#fafafa;background-image:-moz-linear-gradient(top,#fafafa,#efefef);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#efefef));background-image:-webkit-linear-gradient(top,#fafafa,#efefef);background-image:-o-linear-gradient(top,#fafafa,#efefef);background-image:linear-gradient(to bottom,#fafafa,#efefef);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa',endColorstr='#efefef',GradientType=0);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.8);-moz-box-shadow:0 1px 0 rgba(255,255,255,.8);box-shadow:0 1px 0 rgba(255,255,255,.8);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:block;color:#646464;text-shadow:0 1px 0 rgba(255,255,255,.6);text-align:center;cursor:pointer;position:relative;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.quick-button-small:hover{text-decoration:none;border-color:#a5a5a5;color:#444444;text-shadow:0 1px 0 rgba(255,255,255,1);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:0 0 3px rgba(0,0,0,.25);-moz-box-shadow:0 0 3px rgba(0,0,0,.25);box-shadow:0 0 3px rgba(0,0,0,.25)}
.quick-button-small:hover .notification{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:0 0 3px rgba(0,0,0,.6);-moz-box-shadow:0 0 3px rgba(0,0,0,.6);box-shadow:0 0 3px rgba(0,0,0,.6)}
.quick-button-small i{font-size:20px}
/* Dashboard Lists ex.
=================================================================== */
ul.dashboard-list li{padding:5px 0;list-style:none;border-bottom:1px solid #eee;font-size:12px}
ul.dashboard-list li i{font-size:18px;opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";padding:2px 2px 0 2px;margin-right:-2px}
ul.dashboard-list li:first-child{border-top:none;border-bottom:1px solid #eee}
ul.dashboard-list li:last-child{border-bottom:none}
ul.dashboard-list a:hover{text-decoration:none}
ul.dashboard-list{margin:0}
ul.dashboard-list li a span{display:inline-block;font-size:18px;font-weight:bold;text-align:right;padding:0 4px}
ul.dashboard-list li .avatar{height:50px;width:50px;padding:1px;float:left;margin-top:3px;margin-right:15px;border:1px solid #eee}
ul.dashboard-list li .avatar img{height:40px;width:40px;padding:1px;float:left;margin-top:3px;margin-right:15px;border:1px solid #eee}
/* Dashboard Lists Metro Style ex.
=================================================================== */
ul.dashboard-list.metro{margin:-10px -10px}
ul.dashboard-list.metro li{padding:5px 0;list-style:none;border-bottom:1px solid #eee;font-size:12px}
ul.dashboard-list.metro li:last-child{border-bottom:none}
ul.dashboard-list.metro li i{font-size:18px;padding:9px 7px;margin:-5px 10px -5px 0}
ul.dashboard-list a:hover{text-decoration:none}
ul.dashboard-list.metro li .avatar{height:50px;width:50px;float:left;margin:3px 15px 0 10px;border:none}
/* Support tickets
=================================================================== */
ul.tickets{margin:0}
ul.tickets li{list-style:none;padding:5px 0;border-top:1px solid #fff;border-bottom:1px solid #eee;font-size:12px}
ul.tickets li:first-child{border-top:none;border-bottom:1px solid #eee}
ul.tickets li:last-child{border-bottom:none}
ul.tickets li.ticket .header{width:100%;display:inline-block;font-weight:bold;font-size:13px}
ul.tickets li.ticket .header .title{float:left;text-align:left}
ul.tickets li.ticket .header .number{float:right;text-align:right}
ul.tickets li.ticket .avatar img{height:36px;width:36px;padding:1px;float:left;margin-top:1px;margin-right:10px;border:1px solid #eee}
ul.tickets li.ticket .content{display:inline-block;width:100%}
ul.tickets li.ticket .content .name,ul.tickets li.ticket .content .status{float:left;text-align:left;width:40%;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}
ul.tickets li.ticket .content .priority,ul.tickets li.ticket .content .date{float:right;text-align:right}
/* Support tickets Metro Style
=================================================================== */
ul.tickets.metro{margin:-10px}
ul.tickets.metro li{padding:5px 10px}
ul.tickets.metro li a{color:#fff!important}
ul.tickets li.ticket .avatar img{padding:0;border:none}
/* Chat
=================================================================== */
ul.chat{margin:0}
ul.chat li{list-style:none;padding:5px 0;margin:10px auto;font-size:12px}
ul.chat li img.avatar{height:50px;width:50px;padding:1px;border:1px solid #eee}
ul.chat li.left img.avatar{float:left;margin-right:10px}
ul.chat li.right img.avatar{float:right;margin-left:10px}
ul.chat li .message{display:block;border:2px solid #eee;padding:5px;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
ul.chat li.left .message{text-align:left;margin-left:65px;background:#fff}
ul.chat li.left .message .arrow{height:20px;width:20px;display:block;position:absolute;top:5px;left:-20px;background:url(../img/chat-left.png) no-repeat 0 0}
ul.chat li.right .message .arrow{height:20px;width:20px;display:block;position:absolute;top:5px;right:-20px;background:url(../img/chat-right.png) no-repeat 0 0}
ul.chat li.right .message{text-align:right;margin-right:65px;background:#fcfcfc}
ul.chat li .message .text{display:block}
.chat-form{border-top:1px solid #ddd;background:#eee;padding:10px;margin:20px -10px -10px -10px}
.chat-form textarea{width:100%;padding:0.5em;-webkit-box-sizing:border-box;/* Safari,Chrome et al  */
     -moz-box-sizing:border-box;/* Firefox */
          box-sizing:border-box;/* Opera/IE 8+ */
  
  height:80px;outline:0!important;font-size:12px}
/* Chat Metro Style
=================================================================== */
ul.chat.metro{margin:-10px -10px -20px -10px;padding:10px}
ul.chat.metro li img.avatar{padding:0;border:none}
ul.chat.metro li .message{background:rgba(0,0,0,.2)!important;border:2px solid rgba(0,0,0,.27)!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
ul.chat.metro li.left .message .arrow{left:-22px;background:url(../img/chat-left-metro.png) no-repeat 0 0}
ul.chat.metro li.right .message .arrow{right:-22px;background:url(../img/chat-right-metro.png) no-repeat 0 0}
/* Alert Boxes
=================================================================== */
.alert{font-size:12px;line-height:18px;margin-bottom:15px;position:relative;padding:14px 40px 14px 65px;border-radius:4px;box-shadow:1px 7px 14px -5px rgba(0,0,0,0.2);border:none;max-width:370px}
.alert:before{background-color:#2BDE3F;content:'';position:absolute;top:0;left:0;width:4px;height:100%;border-top-left-radius:4px;border-bottom-left-radius:4px}
.toast_icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);width:14px;height:14px;padding:7px;border-radius:50%;display:inline-block;background-color:#2BDE3F}
.toast_check{width:8px;height:8px;line-height:8px;padding:7px;border-radius:50%;display:inline-block;background-color:#2BDE3F}
.toast_un_check{width:8px;height:8px;padding:7px;line-height:8px;border-radius:50%;display:inline-block;background-color:#f00}
.toast__svg{fill:#fff}
.alert .close{opacity:1}
.alert.alert-success{background:#fff;color:#000;display:block!important;padding:15px!important;padding-left:30px!important}
label{font-weight:400}
.alert.alert-error{background-color:#fdeaea!important;color:#ca6f74!important;border:1px solid #f27b81!important}
.alert{}
.alert.alert-info{background-color:#e9f8ff!important;color:#5d9fa9!important;border:1px solid #75c7d3!important}
/* Tables
=================================================================== */
.table th,.table td{border-top:1px solid #eee}
.table-bordered{border-color:#eee;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
.table-bordered th,.table-bordered td{border-left:1px solid #eee;font-weight:500;font-size:13px}
.table-bordered thead:first-child tr:first-child > th:first-child,.table-bordered tbody:first-child tr:first-child > td:first-child,.table-bordered tbody:first-child tr:first-child > th:first-child{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
.table-bordered thead:first-child tr:first-child > th:last-child,.table-bordered tbody:first-child tr:first-child > td:last-child,.table-bordered tbody:first-child tr:first-child > th:last-child{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
.table-bordered thead:last-child tr:last-child > th:first-child,.table-bordered tbody:last-child tr:last-child > td:first-child,.table-bordered tbody:last-child tr:last-child > th:first-child,.table-bordered tfoot:last-child tr:last-child > td:first-child,.table-bordered tfoot:last-child tr:last-child > th:first-child{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
.table-bordered thead:last-child tr:last-child > th:last-child,.table-bordered tbody:last-child tr:last-child > td:last-child,.table-bordered tbody:last-child tr:last-child > th:last-child,.table-bordered tfoot:last-child tr:last-child > td:last-child,.table-bordered tfoot:last-child tr:last-child > th:last-child{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
.table-bordered caption + thead tr:first-child th:first-child,.table-bordered caption + tbody tr:first-child td:first-child,.table-bordered colgroup + thead tr:first-child th:first-child,.table-bordered colgroup + tbody tr:first-child td:first-child{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
.table-bordered caption + thead tr:first-child th:last-child,.table-bordered caption + tbody tr:first-child td:last-child,.table-bordered colgroup + thead tr:first-child th:last-child,.table-bordered colgroup + tbody tr:first-child td:last-child{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
.pagination ul{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.pagination ul li{display:inline-block;padding-left:10px}
.pagination ul li.active a{color:#fff;background:#2196F3;border-radius:50%;display:block;padding:0 10px;width:30px;height:30px;line-height:30px}
.pagination ul > li:first-child > a,.pagination ul > li:first-child > span{-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0}
.pagination ul > li:last-child > a,.pagination ul > li:last-child > span{-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0}
/* Tabs
=================================================================== */
.tab-menu.nav-tabs{*zoom:1;margin-top:-46px}
.tab-menu.nav-tabs > li{float:right}
.tab-menu.nav-tabs{border-bottom:none}
.tab-menu.nav-tabs > li{margin-bottom:-1px}
.tab-menu.nav-tabs > li > a{padding-top:10px;padding-bottom:10px;line-height:16px;margin-left:0;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.tab-menu.nav-tabs > li > a:hover{border:none}
.tab-menu.nav-tabs > .active > a{color:#555555;cursor:default;background-color:#fff;border:none}
.tab-menu.nav-tabs > .active > a:hover{background-color:#fafafa}
/* Masonry Gallery
=================================================================== */
.masonry-thumb{display:inline-block;vertical-align:top;margin-bottom:6px}
/* Login Box
=================================================================== */
.login-box{width:400px;margin:100px auto;background:rgb(245,245,245);/* Old browsers */
  
/* IE9 SVG,needs conditional override of 'filter' to 'none' */
  background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(245,245,245,1)),color-stop(19%,rgba(255,255,255,1)),color-stop(77%,rgba(255,255,255,1)),color-stop(100%,rgba(245,245,245,1)));/* Chrome,Safari4+ */
  background:-ms-linear-gradient(top,rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%);/* IE10+ */
  background:linear-gradient(to bottom,rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%);/* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5',endColorstr='#f5f5f5',GradientType=0 );/* IE6-8 */
  color:#000;overflow:hidden;box-shadow:3px 3px 15px 6px #ccc;border-radius:5px}
fieldset{border:none}
.login-box .icons{text-align:right;margin:20px 15px}
.login-box .icons i{font-size:20px}
.login-box .remember input{margin:0;margin-right:5px}
.login-box .icons i:hover{opacity:.8;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.login-box h2{color:#646464;margin-left:30px;font-weight:normal}
.login-box h3{color:#646464;margin-left:30px;font-weight:normal}
.login-box p{margin:10px 30px;font-weight:normal}
.login-box .input-prepend{background:#fff;width:100%;text-align:center;padding:15px 0;border-left:3px solid #fff;position:relative}
.login-box .input-prepend-focus{background:#fcfcfc;width:100%;text-align:center;padding:15px 0;border-left:3px solid #646464}
.login-box .add-on{border:1px solid #eee!important;background:#fff;margin-left:0;height:18px;display:inline-block;width:20px;margin-top:3px;position:absolute;left:74px}
.login-box .add-on i{opacity:.1;filter:alpha(opacity=10);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"}
.login-box input[type="text"],.login-box input[type="password"]{border:1px solid #eee!important;color:#aaa;border-left:none!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.login-box .remember{margin-top:20px;margin-left:20px;float:left}
.login-box .button-login{margin-top:20px;margin-right:20px;float:right}
/* UI - Uniform
=================================================================== */
div.checker{margin-top:-4px!important}
div.radio{margin-top:-4px!important}
div.uploader{-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px}
/* UI - Sliders & Progress
=================================================================== */
.ui-slider-handle{display:inline-block;border:1px solid #ddd;height:16px;width:16px;position:absolute!important;background:url("../img/slider_r8.png") no-repeat center center scroll #f4f4f4!important;background:url("../img/slider_r8.png") no-repeat center center scroll,-webkit-linear-gradient(top,#F4F4F4 0%,#F7F7F7 100%)!important;background:url("../img/slider_r8.png") no-repeat center center scroll,-moz-linear-gradient(top,#F4F4F4 0%,#F7F7F7 100%)!important;background:url("../img/slider_r8.png") no-repeat center center scroll,-o-linear-gradient(top,#F4F4F4 0%,#F7F7F7 100%)!important;background:url("../img/slider_r8.png") no-repeat center center scroll,-ms-linear-gradient(top,#F4F4F4 0%,#F7F7F7 100%)!important;background:url("../img/slider_r8.png") no-repeat center center scroll,linear-gradient(top,#F4F4F4 0%,#F7F7F7 100%)!important;margin-top:-1px!important;outline:none!important}
.sliderVertical .ui-slider-handle{margin:0 0 -10px 0!important}
.slider .ui-slider-range{position:absolute;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.sliderVertical{background:#eee!important;border:1px solid #ddd!important;width:6px;top:auto;bottom:auto;padding:15px 3px!important;position:relative;margin:8px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;float:left;height:100px;margin-right:40px}
.sliderVertical .ui-slider-range{height:100%;width:100%;top:auto;bottom:auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.ui-slider-range-max{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.ui-slider-range-min{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.sliderVertical .ui-slider-range-max{top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.sliderVertical .ui-slider-range-min{bottom:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.progress{background:#eee!important;border:1px solid #ddd!important;height:14px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;position:relative}
.ui-progressbar-value{border-color:transparent;height:100%;top:0;position:absolute;left:0}
.progressBarValue span{font-size:12px}
.progressBarValue span.progressCustomValueVal{font-size:18px;font-weight:700;padding:0 5px;color:#FA5833}
.progressSlim{background:#ddd!important;height:12px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;position:relative}
.tasks .progressSlim{overflow:hidden;border:none!important;height:12px;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;margin-top:0}
.tasks .progressSlim .ui-progressbar-value{overflow:hidden;margin:0;border:none!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.progressSlim .ui-progressbar-value{border-color:transparent;height:100%;top:0;position:absolute;left:0}
/* ToDo List
=================================================================== */
.todo ul{list-style:none;padding:0;margin:0}
.todo ul li{margin-left:0!important;padding:5px;border-top:1px solid #fff;border-bottom:1px solid #f6f6f6;font-size:12px;position:relative}
.todo-actions{position:absolute;right:0}
.todo .label{position:absolute;right:60px}
.todo-actions i{opacity:.3;filter:alpha(opacity=30);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";margin:2px 5px 0 5px}
.todo-actions i:hover{opacity:.6;filter:alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}
.todo ul li:first-child{border-top:0}
.todo ul li:last-child{border-bottom:0}
/* ToDo List Metro Style
=================================================================== */
.todo.metro ul{list-style:none;padding:0;margin:-10px}
.todo.metro ul li{padding:8px;border-bottom:none;font-size:12px;position:relative;color:#fff!important}
.todo.metro ul li a{color:#fff!important;text-decoration:none;font-size:14px}
.todo.metro ul li strong{position:absolute;right:10px}
.todo .label{position:absolute;right:60px}
.todo-actions i{opacity:.3;filter:alpha(opacity=30);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";margin:2px 5px 0 5px}
.todo-actions i:hover{opacity:.6;filter:alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}
.todo ul li:first-child{border-top:0}
.todo ul li:last-child{border-bottom:0}
/* Skill Bars
=================================================================== */
.skill-bar h5{margin-bottom:6px}
.skill-bar li{margin-bottom:12px;list-style:none;margin-left:-26px;padding-left:0}
.meter{height:14px;position:relative;background:#fff!important;border:1px solid #ddd}
.meter > span{display:block;height:100%;position:relative;overflow:hidden;background:#ddd}
.meter > span:after,.animate > span > span{content:"";position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden}
.meter > span:after,.animate > span > spans li.current{}
/* Star Rating
=================================================================== */
.rating{unicode-bidi:bidi-override;direction:rtl;font-size:30px}
.rating span.star,.rating span.star{font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block}
.rating span.star:hover,.rating span.star:hover{cursor:pointer}
.rating span.star:before,.rating span.star:before{content:"\f006";padding-right:5px;color:#999999}
.rating span.star:hover:before,.rating span.star:hover:before,.rating span.star:hover ~ span.star:before,.rating span.star:hover ~ span.star:before{content:"\f005";color:#e3cf7a}
/* Footer
=================================================================== */
footer{min-height:24px;background:#3A3A3A;color:#fff!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;position:inherit;bottom:0;width:100%}
/* Sparkline stats
=================================================================== */
.sparkLineStats{position:relative;margin-bottom:-4px}
.sparkLineStats ul{margin:0}
.sparkLineStats li{margin-bottom:0;line-height:42px;padding-top:3px;font-size:12px}
.sparkLineStats li .number{font-size:17px;font-weight:700;padding:0 0 0 2px;color:#fff}
.sparkLineStats li span:first-child{margin-right:5px}
.sparkLineStats h4{position:relative;border-bottom:1px solid #c4c4c4;padding-bottom:0;margin-bottom:10px;line-height:37px;-webkit-box-shadow:0 1px 0 rgba(255,255,255,1);-moz-box-shadow:0 1px 0 rgba(255,255,255,1);box-shadow:0 1px 0 rgba(255,255,255,1)}
/* Circle stats
=================================================================== */
.circleStats{text-align:center;position:relative}
.circleStatsItemBox{position:relative;background:#67C2EF;width:100%;min-width:130px;height:160px;padding-top:40px;margin-bottom:28px}
.circleStatsItemBox .header{background:rgba(255,255,255,0.2);color:rgba(255,255,255,0.9);width:100%;height:20px;padding:5px 0;position:absolute;top:0}
.circleStatsItemBox .footer{background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.9);width:100%;height:20px;padding:5px 0;position:absolute;bottom:0}
.circleStatsItemBox .footer .count{font-size:12px}
.circleStatsItemBox .footer .value{font-weight:bold}
.circleStatsItemBox .percent{font-size:12px;position:absolute;top:110px;width:100%;left:0;text-align:center;color:rgba(255,255,255,0.9)}
.circleStatsItemBox input{cursor:default;box-shadow:none;border:none;height:auto;position:absolute;top:30px;padding:5px 0!important;border-color:rgba(0,0,0,0.8)}
.circleStatsItemBox input:focus{outline:0;outline:thin dotted 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
/* Typography - Blockquote
=================================================================== */
  
blockquote{background:url(../img/quote.png) no-repeat 0 10px;font-style:italic;border-left:none;padding:0 0 0 30px}
/* Icons
=================================================================== */
.the-icons{list-style:none}
.glyphicons p{width:33%;float:left;line-height:44px}
/* Page:Messages
=================================================================== */
ul.messagesList{list-style:none;margin:0;font-size:12px}
ul.messagesList li{background:#f9f9f9;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:5px 10px;cursor:pointer}
ul.messagesList li .glyphicons{padding:5px 0 5px 25px}
ul.messagesList li .glyphicons i:before{font-size:14px;margin:-2px 0 0 5px;color:#3b3b41}
ul.messagesList li:nth-child(odd){background:#fff!important}
ul.messagesList li.odd{background:#fff!important}
ul.messagesList li span.from{display:inline-block;width:25%;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}
ul.messagesList li span.title{display:inline-block;width:55%;font-weight:300;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}
ul.messagesList li span.date{display:inline-block;width:20%;text-align:right}
.message .header{margin-bottom:30px}
.message .header h1{background:#67C2EF;/* rgba(103,194,239,1);*/
  color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.15);margin:-20px -20px 10px -20px;padding:20px}
.message .header i{margin-top:1px}
.message .header .from{display:inline-block;width:70%;font-size:12px}
.message .header .date{display:inline-block;width:29%;text-align:right;float:right;font-size:12px}
.message .attachments{border-top:3px solid #f9f9f9;border-bottom:3px solid #f9f9f9;padding:10px 0;margin-bottom:20px;font-size:12px}
.message .attachments ul{list-style:none;margin:0}
.message .attachments ul li{margin:10px 0}
.message .attachments ul li span.label{font-size:12px!important}
.message .attachments ul li span.quickMenu{float:right;text-align:right}
.message .attachments ul li span.quickMenu .glyphicons{padding:5px 0 5px 25px}
.message .attachments ul li span.quickMenu .glyphicons i:before{font-size:14px;margin:-2px 0 0 5px;color:#3b3b41}
/* Page:Tasks
=================================================================== */
.priority.high{background:#FFEFEC;/* rgba(250,96,61,.1);*/
  margin-bottom:1px}
.priority.high span{background:#FA603D;/* rgba(250,96,61,1);*/
  padding:2px 10px;color:#fff;display:inline-block;font-size:12px}
.priority.medium{background:#FFF7EB;/* rgba(250,187,61,.1);*/
  margin-bottom:1px}
.priority.medium span{background:#FABB3D;/* rgba(250,187,61,1);*/
  padding:2px 10px;color:#fff;display:inline-block;font-size:12px}
.priority.low{background:#F1F9ED;/* rgba(120,205,81,.1);*/
  margin-bottom:1px}
.priority.low span{background:#78CD51;/* rgba(120,205,81,1);*/
  padding:2px 10px;color:#fff;display:inline-block;font-size:12px}
.task{border-bottom:1px solid #f9f9f9;margin-bottom:1px}
.task.last{border-bottom:1px solid transparent}
.task.high{border-left:2px solid #FA603D;/* rgba(250,96,61,1);*/}
.task.medium{border-left:2px solid #FABB3D;/* rgba(250,187,61,1) */}
.task.low{border-left:2px solid #78CD51;/* rgba(120,205,81,1);*/}
.task .desc{display:inline-block;width:75%;padding:10px 10px;font-size:12px}
.task .desc .title{font-size:18px;margin-bottom:5px}
.task .time{display:inline-block;float:right;width:15%;padding:10px 10px 10px 0;font-size:12px;text-align:right}
.task .time .date{font-size:18px;margin-bottom:5px}
.timeline{width:auto;height:100%;margin:20px auto;background:url(../img/timeline-bg.png) repeat-y center top}
.timeslot{display:inline-block;position:relative;width:100%;margin:5px 0}
.timeslot .task{position:absolute;width:42%;padding-right:18px;display:block;height:auto;border:none}
.timeslot.alt .task{left:auto;right:-20px;padding-left:18px}
.timeslot .task span{border:2px solid #67C2EF;/* rgba(103,194,239,1);*/
  background:#EDF6FB;/* rgba(103,194,239,.1);*/
  padding:5px;display:block;font-size:11px}
.timeslot .task span span{border:0;background:transparent;padding:0}
.timeslot .task span span.details{font-size:16px;margin-bottom:10px}
.timeslot .task span span.remaining{font-size:14px}
.timeslot .task .arrow{position:absolute;top:6px;right:0;height:20px;width:20px;background:url(../img/timeline-left-arrow.png) no-repeat}
.timeslot.alt .task .arrow{position:absolute;top:6px;left:0;height:20px;width:20px;background:url(../img/timeline-right-arrow.png) no-repeat}
.timeslot .icon{position:absolute;border:2px solid #67C2EF;/* rgba(103,194,239,1);*/
  background:#3b3b41;-webkit-border-radius:50em;-moz-border-radius:50em;border-radius:50em;height:30px;width:30px;left:50%;margin-left:-16px;color:#fff;font-size:18px;line-height:30px;text-align:center;text-shadow:none;z-index:2}
.timeslot.alt .icon{}
.timeslot .time{background:#f9f9f9;position:absolute;top:1px;left:50%;padding:5px 10px 5px 40px;z-index:1;margin-top:1px}
.timeslot.alt .time{top:1px;left:auto;right:50%;padding:5px 40px 5px 10px}
/* Retina Display Hack
=================================================================== */
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.timeslot .task .arrow{background:url(../img/timeline-left-arrow@2x.png) no-repeat;background-size:100%}.timeslot.alt .task .arrow{background:url(../img/timeline-right-arrow@2x.png) no-repeat;background-size:100%}ul.chat li.left .message .arrow{background:url(../img/chat-left@2x.png) no-repeat 0 0;background-size:100%}ul.chat li.right .message .arrow{background:url(../img/chat-right@2x.png) no-repeat 0 0;background-size:100%}ul.chat.metro li.left .message .arrow{background:url(../img/chat-left-metro@2x.png) no-repeat 0 0;background-size:100%}ul.chat.metro li.right .message .arrow{background:url(../img/chat-right-metro@2x.png) no-repeat 0 0;background-size:100%}}