.dark > th { color:#fff;}
.no-border-top {border-top:none;}
.no-border-left {border-left:none;}
.no-border-right {border-right:none;}
.no-border-bottom {border-bottom:none;}
.footable .footable-toggle {width:auto;}
.cart-steps {
    margin-bottom: 30px;
    padding-top:30px;
    color: #999;
}
#mailMsg { content:"rozwin"; display:block;width:100%;padding:10px;}
#mailMsg html {display:none;}
.cart-steps ul {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    text-align: center;
    z-index: 0;
}
.cart-steps li.active {
    color: #333;
    border-color: #4fd0fb;
}
.cart-steps li {
    padding-top: 0;
    padding-bottom: 10px;
    line-height: 14px;
}
.cart-steps li.active span {
    background: #4fd0fb;
}
.cart-steps li span {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #eee;
}
.cart-steps li.active:before {
    border-top-color: #4fd0fb;
}

.cart-steps li:before {
    position: absolute;
    content: '';
    top: 41px;
    left: 50%;
    margin-left: -5px;
    border-top: 5px solid #eee;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.cart-steps li.active:after {
    border-color: #4fd0fb;
}
.cart-steps li:after {
    position: absolute;
    content: '';
    top: 40px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #eee;
}










.ajaxmodal {
    display:    none;
    position:   fixed;
    z-index:    99999999999999999999999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../img/ajax-loading.gif') 
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;   
}

body.loading .ajaxmodal {
    display: block;
}
.unreadMsg {
    color: #000;
    font-weight: bold;
}

.readMsg {
    color: #999;
}
.table-holder table tbody tr td span.select2-chosen {color:#7f95a9;}
a.btn {text-decoration:none !important;}
a.tag-hidden {display:none;}
span.old_price {text-decoration:line-through;color:#000 !important;}
span.promo_price {color:#F4543C !important;}
.slider-item .content { border:1px solid #ccc;background:url("../img/brickwall.png") repeat scroll 0 0 rgba(0, 0, 0, 0); } 
/*selectpicker fix*/
.main-app-cfg .input-group .form-control-fix {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
}
ul {list-style:none;}
textarea {min-height:120px;}
/*selectpicker end*/
ul.img-photo-list {display:block;}
ul.img-photo-list li {list-style:none;display:inline-block;}
 ul.img-photo-list li img {cursor:pointer;}
.photo-big-picture {margin:0 auto;text-align:center;display:block;}
.img-ht-50 {height:50px;}
.media-footer {display:block;text-align:center;}
.cat_product_photo {width: auto; display:block;position:relative;margin:0 auto;height: 200px;}
.timeline {
   
    left: 59px ;
    border: none !important;
    border-top: 1px solid red!important;
    max-width: 93%;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 999 !important;
}
.fc-sat, .fc-sun {
    background-color: #FFEADF !important;
}
th.mw30 {min-width:30px;}
.fc-description {color:#FFF;font-style:italic;}
.fc-client {color:#FFF;}
.filebtn {margin-bottom: 5px;}
#resultname {display:none;}
#resultname ul#lista {padding:2px 5px;margin:0;max-width:100%;}
#resultname ul#lista li {display:inline-block;margin:3px 2px 3px 0;}
i.green { color:#72AF46;}    #tick{display:none}
#cross{display:none}
i.red {color:#BD362F;}
.hiddenText {display:none;}
.wrapper .right-side .content >.row {min-height:450px;}
.col-mh-60 {min-height:100%;}
ul.quick-list {list-style:none;padding:0;}
.blackColor span {color:#000 !important;width:auto !important;}
.bg-transparent {background:transparent;}
.bg-warning {color:#f39c12 !important;}
.bg-active {color:#2c79b3 !important;}
.border-transparent {border:0px solid transparent;}
.wrapper {height:100%;overflow:hidden;}
.row .header {padding:10px 0;}
.white {background:#FFF !important;}
.txtblue {color:#2c79b3 !important;}
.underline {text-decoration:underline;}
.theme-table a {text-decoration:underline;}
/*Login page*/
body.login, body.error {    background: url("../img/dark_brick_wall.png") repeat scroll 0 0 rgba(0, 0, 0, 0);overflow:hidden;}
body.login.fixed .wrapper{margin-top:0px !important;padding-top:50px;}
.skin-black #login-alt-container .logo {background:transparent;}
#login-alt-container .logo span, .login-title h1 {    font-family: "Kaushan Script",cursive;    font-size: 20px;    font-weight: 500;    line-height: 50px;    text-align: center;}
#login-alt-container {    display: block;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px; color:#394263;}
#login-alt-container, #login-container {    margin-left: -240px;    top: 186px;    width: 480px;}
#login-alt-container, #login-container {    left: 50%;    position: absolute;    z-index: 1000;}
#login-alt-container h1, #login-container .login-title h1 {    color: #fff;    font-size: 26px;}
.push-top-bottom {    margin-bottom: 40px;    margin-top: 40px;}
.fa-ul {    list-style-type: none;    margin-left: 2.14286em;    padding-left: 0;}
.fa-ul > li {    position: relative;}
.fa-li {    left: -2.14286em;    position: absolute;    text-align: center;    top: 0.142857em;    width: 2.14286em;}
.text-success, .text-success:hover, a.text-success, a.text-success:focus, a.text-success:hover {    color: #27ae60;}
.text-muted, .text-muted:hover, a.text-muted, a.text-muted:focus, a.text-muted:hover {    color: #999;}
#login-alt-container, #login-container {    margin-left: -240px;    top: 186px;    width: 480px;   left: 50%;    position: absolute;    z-index: 1000;}
#login-container .login-title {    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);    padding: 20px 10px;}
.text-center {    text-align: center;}
#login-alt-container h1, #login-container .login-title h1 {    color: #fff;    font-size: 26px;}
#login-container > .block {    border: medium none;}
.block {    background-color: #fff;margin-bottom: 20px;padding-left: 20px;    padding-right: 20px;}
.push-bit {    margin-bottom: 10px !important;}

/*alerts*/
.alert.square {    border-radius: 0;}
.alert.alert-bold-border {    -moz-border-bottom-colors: none;    -moz-border-left-colors: none;    -moz-border-right-colors: none;    -moz-border-top-colors: none;    background: none repeat scroll 0 0 #fff;    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color transparent;    border-image: none;    border-radius: 0;    border-style: none none none solid;    border-width: medium medium medium 5px;    color: #434a54;}
.alert-success {    background-color: #cef0ab;    border-color: #b7e086;    color: #629031;}
.alert-success .alert-link {    color: #2b542c;}
.alert-info {    background-color: #96ddfa;    border-color: #71c6e5;    color: #218bb2;}
.alert-info .alert-link {    color: #245269;}
.alert-warning {
    background-color: #fddd9e;    border-color: #edc471;    color: #c6901f;}
.alert-warning .alert-link {    color: #66512c;}
.alert-danger {    background-color: #fdaa9a;    border-color: #ea8676;    color: #c14029;}
.alert-danger .alert-link {    color: #843534;}
.alert-success.alert-block {    background-color: #8cc152;    border-color: #8cc152;    color: #fff;}
.alert-success.alert-block .alert-link {    color: #f2ffe0;}
.alert-info.alert-block {    background-color: #3bafda;    border-color: #3bafda;    color: #fff;}
.alert-info.alert-block .alert-link {    color: #d3f5ff;}
.alert-warning.alert-block {    background-color: #f6bb42;    border-color: #f6bb42;    color: #fff;}
.alert-warning.alert-block .alert-link {    color: #fff5db;}
.alert-danger.alert-block {    background-color: #e9573f;    border-color: #e9573f;    color: #fff;}
.alert-danger.alert-block .alert-link {    color: #ffad9d;}
.alert-danger.alert-bold-border .alert-link {    color: #ffe3de;}
.alert-success.alert-bold-border {    border-left-color: #8cc152;}
.alert-success.alert-bold-border .alert-link {    color: #8cc152;}
.alert-info.alert-bold-border {    border-left-color: #3bafda;}
.alert-info.alert-bold-border .alert-link {    color: #3bafda;}
.alert-warning.alert-bold-border {    border-left-color: #f6bb42;}
.alert-warning.alert-bold-border .alert-link {    color: #f6bb42;}
.alert-danger.alert-bold-border {    border-left-color: #e9573f;}
.alert-danger.alert-bold-border .alert-link {    color: #e9573f;}

/* GOOGLE MAP @CARD*/
.googlemap, .cardbox {    background: none repeat scroll 0 0 #fff;    border: 1px solid #f2f2f2;    display: block;    margin-bottom: 5px;    padding: 3px;}
/*new set of colors aka metro*/
.bg-danger {    background-color: #bd362f !important;    border-color: #bd362f !important;color:#FFF;}
.bgcolor-black{background-color:#000000!important;}.bgcolor-white{background-color:#ffffff!important;}.bgcolor-lime{background-color:#a4c400!important;}.bgcolor-green{background-color:#60a917!important;}.bgcolor-emerald{background-color:#008a00!important;}.bgcolor-teal{background-color:#00aba9!important;}.bgcolor-cyan{background-color:#1ba1e2!important;}.bgcolor-cobalt{background-color:#0050ef!important;}.bgcolor-indigo{background-color:#6a00ff!important;}.bgcolor-violet{background-color:#aa00ff!important;}.bgcolor-pink{background-color:#dc4fad!important;}.bgcolor-magenta{background-color:#d80073!important;}.bgcolor-crimson{background-color:#a20025!important;}.bgcolor-red{background-color:#e51400!important;}.bgcolor-orange{background-color:#fa6800!important;}.bgcolor-amber{background-color:#f0a30a!important;}.bgcolor-yellow{background-color:#e3c800!important;}.bgcolor-brown{background-color:#825a2c!important;}.bgcolor-olive{background-color:#6d8764!important;}.bgcolor-steel{background-color:#647687!important;}.bgcolor-mauve{background-color:#76608a!important;}.bgcolor-taupe{background-color:#87794e!important;}.bgcolor-gray{background-color:#555555!important;}.bgcolor-dark{background-color:#333333!important;}.bgcolor-darker{background-color:#222222!important;}.bgcolor-transparent{background-color:transparent!important;}.bgcolor-darkBrown{background-color:#63362f!important;}.bgcolor-darkCrimson{background-color:#640024!important;}.bgcolor-darkMagenta{background-color:#81003c!important;}.bgcolor-darkIndigo{background-color:#4b0096!important;}.bgcolor-darkCyan{background-color:#1b6eae!important;}.bgcolor-darkCobalt{background-color:#00356a!important;}.bgcolor-darkTeal{background-color:#004050!important;}.bgcolor-darkEmerald{background-color:#003e00!important;}.bgcolor-darkGreen{background-color:#128023!important;}.bgcolor-darkOrange{background-color:#bf5a15!important;}.bgcolor-darkRed{background-color:#9a1616!important;}.bgcolor-darkPink{background-color:#9a165a!important;}.bgcolor-darkViolet{background-color:#57169a!important;}.bgcolor-darkBlue{background-color:#16499a!important;}.bgcolor-lightBlue{background-color:#4390df!important;}.bgcolor-lightRed{background-color:#ff2d19!important;}.bgcolor-lightGreen{background-color:#7ad61d!important;}.bgcolor-lighterBlue{background-color:#00ccff!important;}.bgcolor-lightTeal{background-color:#45fffd!important;}.bgcolor-lightOlive{background-color:#78aa1c!important;}.bgcolor-lightOrange{background-color:#c29008!important;}.bgcolor-lightPink{background-color:#f472d0!important;}.bgcolor-grayDark{background-color:#333333!important;}.bgcolor-grayDarker{background-color:#222222!important;}.bgcolor-grayLight{background-color:#999999!important;}.bgcolor-grayLighter{background-color:#eeeeee!important;}.bgcolor-blue{background-color:#00aff0!important;}
.color-black{color:#000000!important;}.color-white{color:#ffffff!important;}.color-lime{color:#a4c400!important;}.color-green{color:#60a917!important;}.color-emerald{color:#008a00!important;}.color-teal{color:#00aba9!important;}.color-cyan{color:#1ba1e2!important;}.color-cobalt{color:#0050ef!important;}.color-indigo{color:#6a00ff!important;}.color-violet{color:#aa00ff!important;}.color-pink{color:#dc4fad!important;}.color-magenta{color:#d80073!important;}.color-crimson{color:#a20025!important;}.color-red{color:#e51400!important;}.color-orange{color:#fa6800!important;}.color-amber{color:#f0a30a!important;}.color-yellow{color:#e3c800!important;}.color-brown{color:#825a2c!important;}.color-olive{color:#6d8764!important;}.color-steel{color:#647687!important;}.color-mauve{color:#76608a!important;}.color-taupe{color:#87794e!important;}.color-gray{color:#555555!important;}.color-dark{color:#333333!important;}.color-darker{color:#222222!important;}.color-transparent{color:transparent!important;}.color-darkBrown{color:#63362f!important;}.color-darkCrimson{color:#640024!important;}.color-darkMagenta{color:#81003c!important;}.color-darkIndigo{color:#4b0096!important;}.color-darkCyan{color:#1b6eae!important;}.color-darkCobalt{color:#00356a!important;}.color-darkTeal{color:#004050!important;}.color-darkEmerald{color:#003e00!important;}.color-darkGreen{color:#128023!important;}.color-darkOrange{color:#bf5a15!important;}.color-darkRed{color:#9a1616!important;}.color-darkPink{color:#9a165a!important;}.color-darkViolet{color:#57169a!important;}.color-darkBlue{color:#16499a!important;}.color-lightBlue{color:#4390df!important;}.color-lighterBlue{color:#00ccff!important;}.color-lightTeal{color:#45fffd!important;}.color-lightOlive{color:#78aa1c!important;}.color-lightOrange{color:#c29008!important;}.color-lightPink{color:#f472d0!important;}.color-lightRed{color:#ff2d19!important;}.color-lightGreen{color:#7ad61d!important;}.color-grayDark{color:#333333!important;}.color-grayDarker{color:#222222!important;}.color-grayLight{color:#999999!important;}.color-grayLighter{color:#eeeeee!important;}.color-blue{color:#00aff0!important;}
.border-black{border-color:#000000!important;}.border-white{border-color:#ffffff!important;}.border-lime{border-color:#a4c400!important;}.border-green{border-color:#60a917!important;}.border-emerald{border-color:#008a00!important;}.border-teal{border-color:#00aba9!important;}.border-cyan{border-color:#1ba1e2!important;}.border-cobalt{border-color:#0050ef!important;}.border-indigo{border-color:#6a00ff!important;}.border-violet{border-color:#aa00ff!important;}.border-pink{border-color:#dc4fad!important;}.border-magenta{border-color:#d80073!important;}.border-crimson{border-color:#a20025!important;}.border-red{border-color:#e51400!important;}.border-orange{border-color:#fa6800!important;}.border-amber{border-color:#f0a30a!important;}.border-yellow{border-color:#e3c800!important;}.border-brown{border-color:#825a2c!important;}.border-olive{border-color:#6d8764!important;}.border-steel{border-color:#647687!important;}.border-mauve{border-color:#76608a!important;}.border-taupe{border-color:#87794e!important;}.border-gray{border-color:#555555!important;}.border-dark{border-color:#333333!important;}.border-darker{border-color:#222222!important;}.border-transparent{border-color:transparent!important;}.border-darkBrown{border-color:#63362f!important;}.border-darkCrimson{border-color:#640024!important;}.border-darkMagenta{border-color:#81003c!important;}.border-darkIndigo{border-color:#4b0096!important;}.border-darkCyan{border-color:#1b6eae!important;}.border-darkCobalt{border-color:#00356a!important;}.border-darkTeal{border-color:#004050!important;}.border-darkEmerald{border-color:#003e00!important;}.border-darkGreen{border-color:#128023!important;}.border-darkOrange{border-color:#bf5a15!important;}.border-darkRed{border-color:#9a1616!important;}.border-darkPink{border-color:#9a165a!important;}.border-darkViolet{border-color:#57169a!important;}.border-darkBlue{border-color:#16499a!important;}.border-lightBlue{border-color:#4390df!important;}.border-lighterBlue{border-color:#00ccff!important;}.border-lightTeal{border-color:#45fffd!important;}.border-lightOlive{border-color:#78aa1c!important;}.border-lightOrange{border-color:#c29008!important;}.border-lightPink{border-color:#f472d0!important;}.border-lightRed{border-color:#ff2d19!important;}.border-lightGreen{border-color:#7ad61d!important;}.border-grayDark{border-color:#333333!important;}.border-grayDarker{border-color:#222222!important;}.border-grayLight{border-color:#999999!important;}.border-grayLighter{border-color:#eeeeee!important;}.border-blue{border-color:#00aff0!important;}
.btn-file input[type="file"] {    background: none repeat scroll 0 0 red;    cursor: inherit;    display: block;    font-size: 999px;    left: 0;    min-height: 100%;    min-width: 100%;    opacity: 0;    position: absolute;    text-align: left;    top: 0;}
.btn.tile-button{display:block;text-align:left;padding:0;margin-bottom:15px;border-right:7.5px solid #e5e5e5} 
.btn.tile-button .tile-content-wrapper{overflow:hidden;padding:10px 15px;position:relative} 
.btn.tile-button .tile-content-wrapper >.fa,.btn.tile-button .tile-content-wrapper .glyphicon{position:absolute;font-size:57px;top:50%;margin-top:-25px;left:15px;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-moz-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-o-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)} 
.btn.tile-button .tile-content-wrapper .tile-content{font-size:35px;text-align:right;font-weight:500} 
.btn.tile-button .tile-content-wrapper .tile-content span{font-size:25px} 
.btn.tile-button .tile-content-wrapper small{text-align:right;font-size:16px;display:block} 
.btn.tile-button .tile-content-wrapper small .fa {margin: 0 5px;}
.btn.tile-button:hover{background-color:#fff} 
.btn.tile-button:hover .tile-content-wrapper >.fa,.btn.tile-button:hover .tile-content-wrapper .glyphicon{left:-20px;margin-top:-45px;font-size:110px!important;-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg);opacity:.2;filter:alpha(opacity=20)} 
.btn.tile-button:hover .tile-content-wrapper .tile-content,.btn.tile-button:hover .tile-content-wrapper small{opacity:.5;filter:alpha(opacity=50)} 
.btn.tile-button.btn-default{border-color:#c93535} 
.btn.tile-button.btn-default:hover{color:#d15050} 
.btn.tile-button.btn-dark,.btn.tile-button.btn-inverse{border-color:#444} 
.btn.tile-button.btn-dark:hover,.btn.tile-button.btn-inverse:hover{color:#555} 
.btn.tile-button.btn-white{border-color:#e5e5e5} 
.btn.tile-button.btn-white:hover{color:#999} 
.btn.tile-button.btn-danger{border-color:#a02e28} 
.btn.tile-button.btn-danger:hover{color:#bd362f} 
.btn.tile-button.btn-warning{border-color:#926840} 
.btn.tile-button.btn-warning:hover{color:#ab7a4b} 
.btn.tile-button.btn-primary{border-color:#c93535} 
.btn.tile-button.btn-primary:hover{color:#d15050} 
.btn.tile-button.btn-info{border-color:#3c5b96} 
.btn.tile-button.btn-info:hover{color:#466baf} 
.btn.tile-button.btn-success{border-color:#61963c} 
.btn.tile-button.btn-success:hover{color:#72af46} 
.btn.tile-button.btn-line{background:#fff;border-width:1px 7.5px 1px 1px} 
.btn.tile-button.btn-line .tile-content-wrapper .fa,.btn.tile-button.btn-line .tile-content-wrapper .glyphicon{margin-top:-45px;font-size:110px;-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg);left:-20px} 
.btn.tile-button.btn-line .tile-content-wrapper .fa,.btn.tile-button.btn-line .tile-content-wrapper .glyphicon,.btn.tile-button.btn-line .tile-content-wrapper .tile-content,.btn.tile-button.btn-line .tile-content-wrapper small{opacity:.7;filter:alpha(opacity=70)} 
.btn.tile-button.btn-line:hover .tile-content-wrapper .tile-content{opacity:1;filter:alpha(opacity=100)} 
.btn.tile-button.btn-line:hover .tile-content-wrapper .fa,.btn.tile-button.btn-line:hover .tile-content-wrapper .glyphicon{margin-top:-25px;font-size:57px!important;-moz-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-o-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);left:15px} 
.btn.tile-button.btn-line:hover .tile-content-wrapper .fa,.btn.tile-button.btn-line:hover .tile-content-wrapper .glyphicon,.btn.tile-button.btn-line:hover .tile-content-wrapper small{opacity:.55;filter:alpha(opacity=55.00000000000001)} 
.btn.tile-button.btn-line.btn-default:active,.btn.tile-button.btn-line.btn-default:focus{color:#d15050} 
.btn.tile-button.btn-line.btn-primary:active,.btn.tile-button.btn-line.btn-primary:focus{color:#d15050} 
.btn.tile-button.btn-line.btn-success:active,.btn.tile-button.btn-line.btn-success:focus{color:#72af46} 
.btn.tile-button.btn-line.btn-danger:active,.btn.tile-button.btn-line.btn-danger:focus{color:#bd362f} 
.btn.tile-button.btn-line.btn-info:active,.btn.tile-button.btn-line.btn-info:focus{color:#466baf} 
.btn.tile-button.btn-line.btn-warning:active,.btn.tile-button.btn-line.btn-warning:focus{color:#ab7a4b} 
.btn.tile-button.btn-line.btn-dark:active,.btn.tile-button.btn-line.btn-gray:active,.btn.tile-button.btn-line.btn-inverse:active,.btn.tile-button.btn-line.btn-dark:focus,.btn.tile-button.btn-line.btn-gray:focus,.btn.tile-button.btn-line.btn-inverse:focus{color:#414141} 
.bg-active {color:#61963c;} 
.bg-current {color:#466baf;}
.col-sm-min-40 {width:40px;}
.table-centered *{text-align:center;margin:0 auto;}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="find"], input[type="tel"], input[type="color"] {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 13px;
    padding: 6px;
}
.input-group-addon {
    background-color: #eee;
    color: #555;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}
/*or*/
.ui-group-buttons .or{position:relative;float:left;width:.3em;height:1.3em;z-index:3;font-size:12px} 
.ui-group-buttons .or:before{position:absolute;top:50%;left:50%;content:' ';background-color:#fff;margin-top:-.1em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.55;color:#686868;font-style:normal;font-weight:400;text-align:center;border-radius:500px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} 
.ui-group-buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:2.84em;border-top:.6em solid #fff;border-bottom:.6em solid #fff} 
.ui-group-buttons .or.or-lg{height:1.3em;font-size:16px} 
.ui-group-buttons .or.or-lg:after{height:2.85em} 
.ui-group-buttons .or.or-sm{height:1em} 
.ui-group-buttons .or.or-sm:after{height:2.5em} 
.ui-group-buttons .or.or-xs{height:.25em} 
.ui-group-buttons .or.or-xs:after{height:1.84em;z-index:-1000} 
.ui-group-buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden} 
.ui-group-buttons .btn{float:left;border-radius:0} 
.ui-group-buttons .btn:first-child{margin-left:0;border-top-left-radius:.25em;border-bottom-left-radius:.25em;padding-right:15px} 
.ui-group-buttons .btn:last-child{border-top-right-radius:.25em;border-bottom-right-radius:.25em;padding-left:15px} 
button.selectpicker {width:100%;}
.sidebar .media {
    border-bottom: 1px solid #2f2f2f;
    padding: 1px 0 2px;
}
.sidebar .mediaData  > i {position: relative; top: 10px; padding: 5px; color: rgb(255, 255, 255); margin: 0px 5px;}

.sidebar .media:first-child {
    margin-top: 0;
}
.media, .media-body {
    overflow: hidden;
}
.media .sidebar-shortcuts {
    display: block;
    list-style: none outside none;
    margin-bottom: 0;
    padding: 4px 0;
    text-align: center;
}
.media .sidebar-shortcuts li {
    display: inline-block;
}
.media .sidebar-shortcuts li .btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #2f2f2f;
    padding: 3px 13px;
    transition: all 0.3s ease 0s;
} .media .sidebar-shortcuts a .fa {
    color: #666;
}
 .mediaData .datas {    border-bottom: 1px solid #2f2f2f;   padding: 4px 10px; text-align:right;color:#FFF !important;  display: block;    margin: 0 auto;   width: 90%;}
.current {border-right:3px solid #D15050;}
ul.treeview-menu li.curr:before {
    border-color: transparent #d15050 transparent transparent;
    border-style: solid;
    border-width: 16px 10px;
    content: "";
    display: block;
    position: absolute !important;
    right: 0;
 
}
body > .header .navbar {height:auto;}
.skin-black .navbar .nav li.dropdown li a {color:#999;}
.strech .breadcrumbs.fixed {
    left: 0;
}
@media (min-width:992px){.breadcrumbs.fixed{position:fixed;right:0;left:220px;z-index:1024;margin:0;top:50px} 
.breadcrumbs.fixed.collapsed{left:0} 
} 
@media (min-width:481px){.navbar-top .navbar-header .navbar-toggle :after,.top-navbar .navbar-header .navbar-toggle :after{content:"Side Menu"!important;margin-left:4px;font-family:'Open Sans',sans-serif;font-style:normal} 

} 
@media (max-width:481px){
.top-collapse {display:none;}
} 
.breadcrumbs {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: -moz-use-text-color -moz-use-text-color #e5e5e5;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    line-height: 39px;
    min-height: 40px;
    padding: 0 12px 0 0;
}
.breadcrumbs > .breadcrumb {
    background-color: transparent;
    display: inline-block;
    margin: 5px 15px 0;
    padding: 0;
}
/*new set of buttons*/
.btn.tile-button-reversed {
    border-left: 7.5px solid #e5e5e5;
    display: block;
    margin-bottom: 15px;
    padding: 0;
    text-align: left;
}
.btn.tile-button {
    border-right: 7.5px solid #e5e5e5;
    display: block;
    margin-bottom: 15px;
    padding: 0;
    text-align: left;
}
.border-lime {
    border-color: #a4c400 !important;
}
.btn.tile-button .tile-content-wrapper {
    overflow: hidden;
    padding: 15px 15px;
    position: relative;
    background:#FFF;
}
.btn.tile-button .tile-content-wrapper > .fa, .btn.tile-button .tile-content-wrapper .glyphicon {
    font-size: 57px;
    left: 15px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    transform: rotate(-20deg);
    transition: all 300ms ease-in-out 0s;
}
.btn.tile-button .tile-content-wrapper .tile-content {
    /*font-size: 35px;
    font-weight: 500;
    text-align: right;  */
    font-size: 25px;
    font-weight: normal;
    text-align: right;
}
.btn.tile-button .tile-content-wrapper small {
    display: block;
    font-size: 16px;
    text-align: right;
}
.btn.tile-button .tile-content-wrapper small .fa {
    margin: 0 5px;
}
 body > .header .navi .sidebar-toggle 
{
 background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0 !important;
    float: left;
    margin: 8px 0 8px 5px;
    padding: 9px 5px;
}body > .header .navi .sidebar-toggle .icon-bar {
    border-radius: 4px;
    display: block;
    height: 2px;
    width: 22px;
}
.navi .sidebar-toggle .icon-bar {
    background: none repeat scroll 0 0 #fff;
}
body > .header .navi .sidebar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
.block {padding:10px 15px;}

.input-sm, .form-horizontal .form-group-sm .form-control {
    height: 30px;
    line-height: 1.5;
}
.space-4 {
    margin: 4px 0 3px;
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
}
.quick-list a {
    color: #686868;
}
.quick-list .media {
    border-bottom: 1px dotted #e5e5e5;
    margin-top: 5px;
    padding: 7.5px 10px;
    position: relative;
}
.quick-list .media img {
    border: 2px solid #d15050;
}
.quick-list .media .media-body {
    color: #d15050;
    font-weight: 600;
}
.media, .media-body {
    overflow: hidden;
}
.quick-list .media .media-body small {
    color: #686868;
    font-weight: 400;
}
.quick-list .media > .tools {
    bottom: 10px;
    display: none;
    position: absolute;
    right: 10px;
}
.quick-list .media:hover {
    background: none repeat scroll 0 0 #f5f5f5;
}
/*ToDo*/
.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}
.task-lists li {
    border: 0 none;
    padding: 5px 0;
}
.list-group-item {
    background-color: #fff;
    display: block;
    margin-bottom: -1px;
    position: relative;
}
.task-widget .tcb {
    display: inline-block;
    margin-bottom: -5px;
}
input[type=checkbox].tc,input[type=radio].tc{opacity:0;position:absolute;z-index:12;width:17px;height:17px;cursor:pointer} 
input[type=checkbox].tc:checked,input[type=radio].tc:checked,input[type=checkbox].tc:focus,input[type=radio].tc:focus{outline:0!important} 
input[type=checkbox].tc+.labels,input[type=radio].tc+.labels{position:relative;z-index:11;display:inline-block;margin:0;line-height:20px;min-height:18px;min-width:18px;font-weight:400;font-size:13px} 
input[type=checkbox].tc+.labels::before,input[type=radio].tc+.labels::before{font-family:fontAwesome;font-weight:400;font-size:12px;color:#fff;content:"\a0";background-color:#FAFAFA;border:1px solid #dc7878;box-shadow:0 1px 2px rgba(0,0,0,.05);border-radius:0;display:inline-block;text-align:center;vertical-align:middle;height:16px;line-height:14px;min-width:16px;margin-right:1px} 
input[type=checkbox].tc:checked+.labels::before,input[type=radio].tc:checked+.labels::before{display:inline-block;content:'\f00c';background-color:#dc7878;border-color:#dc7878;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1)} 
input[type=checkbox].tc:hover+.labels::before,input[type=radio].tc:hover+.labels::before,input[type=checkbox].tc+.labels:hover::before,input[type=radio].tc+.labels:hover::before{border-color:#dc7878} 
input[type=checkbox].tc:active+.labels::before,input[type=radio].tc:active+.labels::before,input[type=checkbox].tc:checked:active+.labels::before,input[type=radio].tc:checked:active+.labels::before{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1)} 
input[type=checkbox].tc.tc-gray+.labels::before,input[type=radio].tc.tc-gray+.labels::before{box-shadow:none;border-color:#555} 
input[type=checkbox].tc.tc-gary:checked+.labels::before,input[type=radio].tc.tc-gary:checked+.labels::before{background-color:#555;border-color:#555;color:#fff} 
input[type=checkbox].tc.tc-danger+.labels::before,input[type=radio].tc.tc-danger+.labels::before{box-shadow:none;border-color:#bd362f} 
input[type=checkbox].tc.tc-danger:checked+.labels::before,input[type=radio].tc.tc-danger:checked+.labels::before{background-color:#bd362f;border-color:#bd362f;color:#fff} 
input[type=checkbox].tc.tc-success+.labels::before,input[type=radio].tc.tc-success+.labels::before{box-shadow:none;border-color:#72af46} 
input[type=checkbox].tc.tc-success:checked+.labels::before,input[type=radio].tc.tc-success:checked+.labels::before{background-color:#72af46;border-color:#72af46;color:#fff} 
input[type=checkbox].tc.tc-info+.labels::before,input[type=radio].tc.tc-info+.labels::before{box-shadow:none;border-color:#466baf} 
input[type=checkbox].tc.tc-info:checked+.labels::before,input[type=radio].tc.tc-info:checked+.labels::before{background-color:#466baf;border-color:#466baf;color:#fff} 
input[type=checkbox].tc.tc-primary+.labels::before,input[type=radio].tc.tc-primary+.labels::before{box-shadow:none;border-color:#d15050} 
input[type=checkbox].tc.tc-primary:checked+.labels::before,input[type=radio].tc.tc-primary:checked+.labels::before{background-color:#d15050;border-color:#d15050;color:#fff} 
input[type=checkbox].tc.tc-warning+.labels::before,input[type=radio].tc.tc-warning+.labels::before{box-shadow:none;border-color:#ab7a4b} 
input[type=checkbox].tc.tc-warning:checked+.labels::before,input[type=radio].tc.tc-warning:checked+.labels::before{background-color:#ab7a4b;border-color:#ab7a4b;color:#fff} 
input[type=checkbox].tc:disabled+.labels::before,input[type=radio].tc:disabled+.labels::before,input[type=checkbox].tc[disabled]+.labels::before,input[type=radio].tc[disabled]+.labels::before,input[type=checkbox].tc.disabled+.labels::before,input[type=radio].tc.disabled+.labels::before{background-color:#f2f2f2!important;border-color:#e5e5e5!important;box-shadow:none!important;color:#BBB} 
input[type=radio].tc+.labels::before{border-radius:100%;font-size:11px;font-family:FontAwesome;text-shadow:0 0 1px #fff;line-height:15px;height:17px;min-width:17px} 
input[type=radio].tc:checked+.labels::before{content:"\f111";font-size:13px} 
input[type=checkbox].tc.tc-switch{width:55px;height:25px} 
input[type=checkbox].tc.tc-switch+.labels{margin:0 4px;min-height:24px} 
input[type=checkbox].tc.tc-switch+.labels::before{font-family:Arial,Helvetica,sans-serif;content:"ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";color:#555;font-weight:700;font-size:11px;line-height:18px;line-height:21px\9;height:20px;overflow:hidden;border-radius:12px;background-color:#f2f2f2;-webkit-box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.2);box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.2);border:1px solid #CCC;text-align:left;float:left;padding:0;width:52px;text-indent:-19px;text-indent:-21px\9;margin-right:0;-webkit-transition:text-indent .4s ease;-o-transition:text-indent .4s ease;transition:text-indent .4s ease} 
input[type=checkbox].tc.tc-switch+.labels::after{font-family:Arial,Helvetica,sans-serif;content:'|||';font-size:10px;font-weight:lighter;color:#555;background-color:#fff;text-shadow:-1px 0 0 rgba(0,0,0,.15);text-align:center;border-radius:100%;width:22px;height:22px;line-height:20px;position:absolute;top:-2px;left:-3px;padding:0;-webkit-box-shadow:0 1px 1px 1px rgba(0,0,0,.3);box-shadow:0 1px 1px 1px rgba(0,0,0,.3);text-shadow:0 1px 1px rgba(0,0,0,.3) inset;-webkit-transition:left .4s ease;-o-transition:left .4s ease;transition:left .4s ease} 
input[type=checkbox].tc.tc-switch:checked+.labels::before{text-indent:9px;color:#fff;background-color:#f1c9c9;border-color:#d15050} 
input[type=checkbox].tc.tc-switch:checked+.labels::after{left:34px;background-color:#fff;color:#f1c9c9} 
input[type=checkbox].tc.tc-switch.tc-switch-2+.labels::before{content:"YES\a0\a0\a0\a0\a0\a0\a0\a0NO"} 
input[type=checkbox].tc.tc-switch.tc-switch-3+.labels::after{font-family:FontAwesome;font-size:13px;line-height:23px;content:"\f00d";top:-1px} 
input[type=checkbox].tc.tc-switch.tc-switch-3:checked+.labels::after{content:"\f00c"} 
input[type=checkbox].tc.tc-switch.tc-switch-4+.labels::before,input[type=checkbox].tc.tc-switch.tc-switch-5+.labels::before{content:"ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";font-family:Arial,Helvetica,sans-serif;font-weight:bolder;font-size:12px;line-height:23px;height:24px;overflow:hidden;line-height:25px\9;border-radius:12px;background-color:#d15050;border:1px solid #d15050;color:#fff;width:56px;text-indent:-25px;text-indent:-28px\9;display:inline-block;position:relative;box-shadow:none;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease} 
input[type=checkbox].tc.tc-switch.tc-switch-4+.labels::after,input[type=checkbox].tc.tc-switch.tc-switch-5+.labels::after{font-family:Helvetica,Arial,sans-serif;content:'|||';text-shadow:-1px 0 0 rgba(0,0,0,.2);font-size:8px;font-weight:lighter;color:#d15050;text-align:center;position:absolute;border-radius:12px;color:#555;top:2px;left:2px;width:20px;height:20px;line-height:18px;background-color:#fff;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease} 
input[type=checkbox].tc.tc-switch.tc-switch-4:checked+.labels::before,input[type=checkbox].tc.tc-switch.tc-switch-5:checked+.labels::before{text-indent:9px;background-color:#999;border-color:#d15050} 
input[type=checkbox].tc.tc-switch.tc-switch-4:checked+.labels::after,input[type=checkbox].tc.tc-switch.tc-switch-5:checked+.labels::after{left:34px;background-color:#fff} 
input[type=checkbox].tc.tc-switch.tc-switch-5+.labels::before{content:"YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO"} 
input[type=checkbox].tc.tc-switch.tc-switch-5:checked+.labels::before{text-indent:8px} 
input[type=checkbox].tc.tc-switch.tc-switch-6+.labels{position:relative} 
input[type=checkbox].tc.tc-switch.tc-switch-6+.labels::before{font-family:FontAwesome;content:"\f00d";text-shadow:0 -1px 0 rgba(0,0,0,.25);box-shadow:none;border:0;font-weight:lighter;font-size:16px;border-radius:12px;display:inline-block;background-color:#555;color:#fff;width:52px;height:22px;line-height:20px;text-indent:32px;-webkit-transition:background .1s ease;-o-transition:background .1s ease;transition:background .1s ease} 
input[type=checkbox].tc.tc-switch.tc-switch-6+.labels::after{content:'';text-shadow:0 -1px 0 rgba(0,0,0,.25);position:absolute;top:2px;left:3px;border-radius:12px;box-shadow:0 -1px 0 rgba(0,0,0,.25);width:18px;height:18px;text-align:center;background-color:#F2F2F2;border:4px solid #F2F2F2;-webkit-transition:left .2s ease;-o-transition:left .2s ease;transition:left .2s ease} 
input[type=checkbox].tc.tc-switch.tc-switch-6:checked+.labels::before{content:"\f00c";text-indent:6px;color:#fff;border-color:#6c1c1c;background-color:#d15050} 
input[type=checkbox].tc.tc-switch.tc-switch-6:checked+.labels::after{left:32px;background-color:#fff;border:4px solid #fff;text-shadow:0 -1px 0 rgba(0,200,0,.25)} 
input[type=checkbox].tc.tc-switch.tc-switch-7{width:75px} 
input[type=checkbox].tc.tc-switch.tc-switch-7+.labels{position:relative} 
input[type=checkbox].tc.tc-switch.tc-switch-7+.labels::before{content:"OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";font-weight:bolder;font-size:14px;line-height:20px;background-color:#fff;border:1px solid #999;border-radius:0;box-shadow:none;color:#999;width:74px;height:26px;line-height:22px;overflow:hidden;text-indent:4px;display:inline-block;position:relative;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease} 
input[type=checkbox].tc.tc-switch.tc-switch-7+.labels::after{content:'\f00d';font-family:FontAwesome;font-size:16px;position:absolute;top:3px;left:39px;width:32px;height:20px;line-height:18px;text-align:center;background-color:#999;color:#fff;border-radius:0;box-shadow:none;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out} 
input[type=checkbox].tc.tc-switch.tc-switch-7:checked+.labels::before{color:#d15050;background-color:#fff;text-indent:-33px;border-color:#d15050} 
input[type=checkbox].tc.tc-switch.tc-switch-7:checked+.labels::after{left:3px;content:'\f00c';background-color:#d15050;color:#fff} 
.header .navbar-static-top button.navbar-toggle {color:#FFF;float:left;}
/*new tabs*/
.nav-tabs {
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
}
/*.nav-tabs li {background:#eee;} */
.nav-tabs li.active {background:#fff;}
.nav-tabs > li > a, .nav-tabs > li > a:focus {
    background-color: #f2f2f2;
    border-radius: 0 !important;
    color: #555;
    line-height: 16px;
    position: relative;
    z-index: 11;
}
.tab-small-button.nav-tabs > li > a > .badge {
    border-radius: 50%;
    font-size: 10px;
    height: 17px;
    line-height: 15px;
    padding: 1px;
    position: absolute;
    right: 2px;
    top: 7px;
    width: 17px;
}
.nav-tabs > li .badge {
    margin-top: -5px;
    opacity: 1;
}
.nav-tabs > li > a {margin-right:0;}

.tab-content {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e5e5e5;
    position: relative;
	border-top:0px solid transparent;
    z-index: 11;
}
.no-border-left {border-left: 0px solid transparent;}
.no-border-right {border-right: 0px solid transparent;}
.no-border-bottom {border-bottom: 0px solid transparent;}
.tab-content.no-padding {
    padding: 0;
}
.tab-content > .active {
    display: block;
}

/*labels*/
.label-transparent,.badge-transparent{background-color:transparent!important} 
.label-info,.badge-info{background-color:#466baf!important} 
.label-primary,.badge-primary{background-color:#d15050!important} 
.label-success,.badge-success{background-color:#72af46!important} 
.label-danger,.badge-danger{background-color:#bd362f!important} 
.label-inverse,.badge-inverse{background-color:#414141!important} 
.label-warning,.badge-warning{background-color:#ab7a4b!important} 
.label-light,.badge-light{background-color:#f2f2f2!important} 
.label-pending,.badge-pending{background-color:#466baf!important} 
.label-active,.badge-active{background-color:#72af46!important} 
.label-suspended,.badge-suspended{background-color:#ab7a4b!important} 
.label-paid,.badge-paid{background-color:#72af46!important} 
.label-unpaid,.badge-unpaid{background-color:#bd362f!important} 
.label-terminated,.badge-terminated{background-color:#bd362f!important} 
.label-cancelled,.badge-cancelled{background-color:#bfbfbf!important} 
.label-expired,.badge-expired{background-color:#999!important} 
.label-refunded,.badge-refunded{background-color:#999!important} 
.label-collections,.badge-collections{background-color:#ab7a4b!important} 
.label-fraud,.badge-fraud{background-color:#222!important} 
.badge-light,.label-light{color:#999!important} 
.label.arrowed,.label.arrowed-in{position:relative;z-index:1} 
.label.arrowed:before,.label.arrowed-in:before{display:inline-block;content:"";position:absolute;top:0;z-index:-1;border:1px solid transparent;border-right-color:#999} 
.label.arrowed-in:before{border-color:#999;border-left-color:transparent!important} 
.label.arrowed-right,.label.arrowed-in-right{position:relative;z-index:1} 
.label.arrowed-right:after,.label.arrowed-in-right:after{display:inline-block;content:"";position:absolute;top:0;z-index:-1;border:1px solid transparent;border-left-color:#999} 
.label.arrowed-in-right:after{border-color:#999;border-right-color:transparent!important} 
.label-info.arrowed:before{border-right-color:#466baf} 
.label-info.arrowed-in:before{border-color:#466baf} 
.label-info.arrowed-right:after{border-left-color:#466baf} 
.label-info.arrowed-in-right:after{border-color:#466baf} 
.label-primary.arrowed:before{border-right-color:#d15050} 
.label-primary.arrowed-in:before{border-color:#d15050} 
.label-primary.arrowed-right:after{border-left-color:#d15050} 
.label-primary.arrowed-in-right:after{border-color:#d15050} 
.label-success.arrowed:before{border-right-color:#72af46} 
.label-success.arrowed-in:before{border-color:#72af46} 
.label-success.arrowed-right:after{border-left-color:#72af46} 
.label-success.arrowed-in-right:after{border-color:#72af46} 
.label-warning.arrowed:before{border-right-color:#ab7a4b} 
.label-warning.arrowed-in:before{border-color:#ab7a4b} 
.label-warning.arrowed-right:after{border-left-color:#ab7a4b} 
.label-warning.arrowed-in-right:after{border-color:#ab7a4b} 
.label-danger.arrowed:before{border-right-color:#bd362f} 
.label-danger.arrowed-in:before{border-color:#bd362f} 
.label-danger.arrowed-right:after{border-left-color:#bd362f} 
.label-danger.arrowed-in-right:after{border-color:#bd362f} 
.label-inverse.arrowed:before{border-right-color:#414141} 
.label-inverse.arrowed-in:before{border-color:#414141} 
.label-inverse.arrowed-right:after{border-left-color:#414141} 
.label-inverse.arrowed-in-right:after{border-color:#414141} 
.label-light.arrowed:before{border-right-color:#f2f2f2} 
.label-light.arrowed-in:before{border-color:#f2f2f2} 
.label-light.arrowed-right:after{border-left-color:#f2f2f2} 
.label-light.arrowed-in-right:after{border-color:#f2f2f2} 
.label-pending.arrowed:before{border-right-color:#466baf} 
.label-pending.arrowed-in:before{border-color:#466baf} 
.label-pending.arrowed-right:after{border-left-color:#466baf} 
.label-pending.arrowed-in-right:after{border-color:#466baf} 
.label-active.arrowed:before{border-right-color:#72af46} 
.label-active.arrowed-in:before{border-color:#72af46} 
.label-active.arrowed-right:after{border-left-color:#72af46} 
.label-active.arrowed-in-right:after{border-color:#72af46} 
.label-suspended.arrowed:before{border-right-color:#ab7a4b} 
.label-suspended.arrowed-in:before{border-color:#ab7a4b} 
.label-suspended.arrowed-right:after{border-left-color:#ab7a4b} 
.label-suspended.arrowed-in-right:after{border-color:#ab7a4b} 
.label-paid.arrowed:before{border-right-color:#72af46} 
.label-paid.arrowed-in:before{border-color:#72af46} 
.label-paid.arrowed-right:after{border-left-color:#72af46} 
.label-paid.arrowed-in-right:after{border-color:#72af46} 
.label-unpaid.arrowed:before{border-right-color:#bd362f} 
.label-unpaid.arrowed-in:before{border-color:#bd362f} 
.label-unpaid.arrowed-right:after{border-left-color:#bd362f} 
.label-unpaid.arrowed-in-right:after{border-color:#bd362f} 
.label-terminated.arrowed:before{border-right-color:#bd362f} 
.label-terminated.arrowed-in:before{border-color:#bd362f} 
.label-terminated.arrowed-right:after{border-left-color:#bd362f} 
.label-terminated.arrowed-in-right:after{border-color:#bd362f} 
.label-cancelled.arrowed:before{border-right-color:#bfbfbf} 
.label-cancelled.arrowed-in:before{border-color:#bfbfbf} 
.label-cancelled.arrowed-right:after{border-left-color:#bfbfbf} 
.label-cancelled.arrowed-in-right:after{border-color:#bfbfbf} 
.label-expired.arrowed:before{border-right-color:#999} 
.label-expired.arrowed-in:before{border-color:#999} 
.label-expired.arrowed-right:after{border-left-color:#999} 
.label-expired.arrowed-in-right:after{border-color:#999} 
.label-refunded.arrowed:before{border-right-color:#999} 
.label-refunded.arrowed-in:before{border-color:#999} 
.label-refunded.arrowed-right:after{border-left-color:#999} 
.label-refunded.arrowed-in-right:after{border-color:#999} 
.label-collections.arrowed:before{border-right-color:#ab7a4b} 
.label-collections.arrowed-in:before{border-color:#ab7a4b} 
.label-collections.arrowed-right:after{border-left-color:#ab7a4b} 
.label-collections.arrowed-in-right:after{border-color:#ab7a4b} 
.label-fraud.arrowed:before{border-right-color:#222} 
.label-fraud.arrowed-in:before{border-color:#222} 
.label-fraud.arrowed-right:after{border-left-color:#222} 
.label-fraud.arrowed-in-right:after{border-color:#222} 
.label{font-size:12px;line-height:1.2;height:20px} 
.label.arrowed{margin-left:5px} 
.label.arrowed:before{left:-10px;border-width:10px 5px} 
.label.arrowed-in{margin-left:5px} 
.label.arrowed-in:before{left:-5px;border-width:10px 5px} 
.label.arrowed-right{margin-right:5px} 
.label.arrowed-right:after{right:-10px;border-width:10px 5px} 
.label.arrowed-in-right{margin-right:5px} 
.label.arrowed-in-right:after{right:-5px;border-width:10px 5px} 
.label-lg{padding:.3em .6em .4em;font-size:13px;line-height:1.1;height:24px} 
.label-lg.arrowed{margin-left:6px} 
.label-lg.arrowed:before{left:-12px;border-width:12px 6px} 
.label-lg.arrowed-in{margin-left:6px} 
.label-lg.arrowed-in:before{left:-6px;border-width:12px 6px} 
.label-lg.arrowed-right{margin-right:6px} 
.label-lg.arrowed-right:after{right:-12px;border-width:12px 6px} 
.label-lg.arrowed-in-right{margin-right:6px} 
.label-lg.arrowed-in-right:after{right:-6px;border-width:12px 6px} 
.label-xlg{padding:.3em .7em .4em;font-size:14px;line-height:1.3;height:28px} 
.label-xlg.arrowed{margin-left:7px} 
.label-xlg.arrowed:before{left:-14px;border-width:14px 7px} 
.label-xlg.arrowed-in{margin-left:7px} 
.label-xlg.arrowed-in:before{left:-7px;border-width:14px 7px} 
.label-xlg.arrowed-right{margin-right:7px} 
.label-xlg.arrowed-right:after{right:-14px;border-width:14px 7px} 
.label-xlg.arrowed-in-right{margin-right:7px} 
.label-xlg.arrowed-in-right:after{right:-7px;border-width:14px 7px} 
.label-sm{padding:.2em .4em .3em;font-size:11px;line-height:1.2;height:18px} 
.label-sm.arrowed{margin-left:4px} 
.label-sm.arrowed:before{left:-8px;border-width:9px 4px} 
.label-sm.arrowed-in{margin-left:4px} 
.label-sm.arrowed-in:before{left:-4px;border-width:9px 4px} 
.label-sm.arrowed-right{margin-right:4px} 
.label-sm.arrowed-right:after{right:-8px;border-width:9px 4px} 
.label-sm.arrowed-in-right{margin-right:4px} 
.label-sm.arrowed-in-right:after{right:-4px;border-width:9px 4px} 
.label>span,.label>[class*=fa-],.label>[class*=glyphicon-]{line-height:1;vertical-align:bottom} 
/*lista*/
.lists {    padding-left: 0;}
.lists li {    -moz-border-bottom-colors: none;    -moz-border-left-colors: none;    -moz-border-right-colors: none;    -moz-border-top-colors: none;    background-color: #fff;    border-color: #e5e5e5;    border-image: none;    border-style: solid;    border-width: 0 0 1px;    height: 39px;    line-height: 39px;    list-style: none outside none;    margin-bottom: 0;    overflow: hidden;    padding: 0 15px;    position: relative;    text-overflow: ellipsis;    white-space: nowrap;}
.lists li span, .lists li div {    display: block;    float: left;    height: 39px;    line-height: 39px;    overflow: hidden;    position: relative;}
.lists li span:after {    content: "";    margin: 0 5px;}
.lists li:hover:after {    color: #999;     display: block;   font-size: 24px;    height: 39px;    line-height: 39px;    position: absolute;    right: 15px;    top: 0;}
.lists li:hover {    background: none repeat scroll 0 0 #f2f2f2;    cursor: pointer;    transition: all 0.3s ease 0s;}
/*inne*/
.znacznik {    background-attachment: scroll;    background-repeat: no-repeat;    display: block;    height: 22px;    position: relative;    text-indent: -5000px;    width: 20px;}
.znacznik.f0 {    background-image: url("../../images/markersmini.jpg");    background-position: -127px 0;}
.znacznik.f1 {    background-image: url("../../images/f1.png");    background-position: -10px 8px;    background-size: 21px auto;}
.znacznik.f2 {    background-image: url("../../images/f2.png");    background-position: -10px 8px;    background-size: 21px auto;}
.znacznik.f3 {    background-image: url("../../images/f3.png");    background-position: -10px 8px;    background-size: 21px auto;}
span.terminated {float: right !important; right:0; height: 28px ! important; margin: 5px 0px ! important;}
.taskstyle {    padding: 3px 6px;    text-align: center;}
span.terminated label {line-height: 20px ! important;}
.footable-visible form .select2-container a.select2-choice span.select2-chosen {line-height:20px !important;}
.btn-stat-actStart a, .btn-stat-actStart a span.select2-arrow ,.btn-stat-actStart {background-color:#47545F !important;color:#fff !important;border-color:#47545F !important;}
.btn-stat-actProgress a, .btn-stat-actProgress a span.select2-arrow, .btn-stat-actProgress {background-color:#8D5FBF !important;color:#fff !important;border-color:#8D5FBF !important;}
.btn-stat-actDone a, .btn-stat-actDone a span.select2-arrow, .btn-stat-actDone {background-color:#F89406 !important;color:#fff !important;border-color:#F89406 !important;}
.btn-stat-actOther a, .btn-stat-actOther a span.select2-arrow, .btn-stat-actOther {background-color:#3A87AD !important;color:#fff !important;border-color:#3A87AD !important;}
.btn-stat-actFakt a, .btn-stat-actFakt a span.select2-arrow, .btn-stat-actFakt {background-color:#2683CF !important;color:#fff !important;border-color:#3A87AD !important;}
.btn-stat-actDrop a, .btn-stat-actDrop a span.select2-arrow, .btn-stat-actDrop {background-color:#DF721B !important;color:#fff !important;border-color:#3A87AD !important;}
.btn-doc-first {color: #3a87ad !important; border-color:#3a87ad;}
.btn-doc-2nd {color: #468847 !important; border-color:#468847}
.btn-doc-3rd {color: #2683CF !important; border-color:#2683CF;}
.btn-doc-4th {color: #DFB700 !important; border-color:#DFB700;}
.btn-doc-5th {color: #A94AEF !important; border-color: #A94AEF;}
.btn-doc-6th {color: #DF721B !important; border-color: #DF721B;}
.btn-doc-7en {color: purple !important; border-color: purple;}
.btn-doc-8th {color: ; border-color: ;}
.btn-doc-9th {color: ; border-color: ;}
.btn-doc-10 {color:#FFF; background-color: ; border-color: ;}
.btn-doc-11 {color:#FFF; background-color: ; border-color: ;}
.btn-doc-12 {color:#FFF; background-color: ; border-color: ;}

.btn-color-msg-first a, .btn-color-msg-first a span.select2-arrow, .btn-color-msg-first {background-color: #3a87ad !important; border-color:#3a87ad !important;}
.btn-color-msg-2nd, .btn-color-msg-2nd a, .btn-color-msg-2nd a span.select2-arrow {background-color: #468847 !important; border-color:#468847 !important}
.btn-color-msg-3rd, .btn-color-msg-3rd a, .btn-color-msg-3rd a span.select2-arrow {background-color: #2683CF !important; border-color:#2683CF !important;}
.btn-color-msg-4th, .btn-color-msg-4th a, .btn-color-msg-4th a span.select2-arrow {background-color: #DFB700 !important; border-color:#DFB700 !important;}
.btn-color-msg-5th, .btn-color-msg-5th a, .btn-color-msg-5th a span.select2-arrow {background-color: #A94AEF !important; border-color: #A94AEF !important;}
.btn-color-msg-6th, .btn-color-msg-6th a, .btn-color-msg-6th a span.select2-arrow {background-color: #DF721B !important; border-color: #DF721B !important;}
.btn-color-msg-7en, .btn-color-msg-7en a, .btn-color-msg-7en a span.select2-arrow {background-color: red !important; border-color: red !important;}
.btn-color-msg-8th, .btn-color-msg-8th a, .btn-color-msg-8th a span.select2-arrow {background-color: #5CAF41 !important; border-color: #5CAF41 !important;}
.btn-color-msg-9th, .btn-color-msg-9th a, .btn-color-msg-9th a span.select2-arrow {background-color: #1D9F9C !important; border-color: #1D9F9C !important;}
.btn-color-msg-10, .btn-color-msg-10 a, .btn-color-msg-10 a span.select2-arrow {background-color:#944F9F !important; border-color: #944F9F !important;}
.btn-color-msg-11, .btn-color-msg-11 a, .btn-color-msg-11 a span.select2-arrow {background-color:#AFA857 !important; border-color: #AFA857 !important;}
.btn-color-msg-12, .btn-color-msg-12 a, .btn-color-msg-12 a span.select2-arrow {background-color:#CF8781 !important; border-color: #CF8781 !important;}

/*file list*/
ul.files {list-style:none;}
ul.files li {float:left;display:inline-block;}
.form-bordered .form-group {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #eaedf1;
    border-image: none;
    border-style: none none dashed;
    border-width: medium medium 1px;
    padding-bottom:10px;
}
.form-horizontal.form-bordered .form-group {
    padding-left: 5px;
    padding-right: 5px;
}
#alphabet-list .current {background-color:#BD362F !important;color:#FFF !important;}
/*breakpoints*/
@media only screen and (min-width:769px) and (max-width:1281px){      
.tile-content-wrapper i {margin-top:5px !important;font-size:29px !important;left:10px !important;}
.tile-content-wrapper .tile-content{font-size:20px !important;}

}
/*todo list*/
.tasks {
    float: left;
    width: 100%;
}
.tasks .task-item.task-primary {
    border-left-color: #33414e !important;
}
.tasks .task-item {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);  border-left: 3px solid #fff;
    float: left;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
}
.tasks .task-item .task-text {
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
}.tasks .task-item .task-footer {
    background: none repeat scroll 0 0 #f5f5f5;
    color: #aaa;
    float: left;
    font-size: 12px;
    line-height: 20px;
    padding: 10px;
    width: 100%;
}
.nowhitespace {white-space:normal !important;}
.inner-inline i, .inner-inline span {display:inline-block;}
.inner-inline span {width:75%;}
/*Files*/
.the-box.no-border {
    border: medium none;
}
.the-box.full {
    padding: 0;
}
.the-box {
    background: none repeat scroll 0 0 #fff;
    margin-bottom: 30px;
    position: relative;
}.media-menu ul.menus {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}.media-menu ul.menus li.menu-item {
    display: inline-block;
    line-height: 120%;
}.media-menu ul.menus li.menu-item.active a:hover, .media-menu ul.menus li.menu-item.active a:focus, .media-menu ul.menus li.menu-item.active a {
    color: #d15050;
}.media-menu ul.menus li.menu-item a {
    color: #676b74;
}
.media-menu ul.menus li.menu-item a {
    border-right: 1px solid #f3f8fe;
    display: block;
    height: 50px;
    padding: 15px 20px;
    text-decoration: none;
}.has-feedback {
    position: relative;
}.has-feedback.no-label .form-control-feedback {
    top: 0;
}
.has-feedback .form-control-feedback {
    display: block;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 34px;
}
.form-control-feedback {
    color: #aab2bd;
}.media-menu form {
    height: 50px;
    margin: 0;
    padding: 7.5px 10px;
}.btn-file {
    overflow: hidden;
    position: relative;
}
.btn-block {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.btn-inline-block {
    display: block;
}
/*print files*/
.media-items {
    background-color: #fff;
    border: 2px solid #f1f1f1;
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
    text-align: center;
    transition: all 0.15s ease-out 0s;
}
.media-items:hover {border:5px solid #cacaca;}
.media-items:hover .media-items-options {display:block;}
.animation-fadeInQuickInv {
    animation-duration: 0.5s;
    animation-name: fadeInQuickInv;
    animation-timing-function: ease-out;
    visibility: visible !important;
}
.media-items .media-items-options {
    display: none;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.text-left {
    text-align: left;
}
.media-items .media-items-content {
    padding: 40px 0 20px;
}
/*offline*/
#error-container {
    padding: 120px 20px;
    position: relative;
}
#error-container .error-options {
    left: 20px;
    position: absolute;
    top: 20px;
}
#error-container h2 {
    color: #ccc;
    line-height: 1.4;
    margin-bottom: 40px;
}
.text-warning, .text-warning:hover, a.text-warning, a.text-warning:focus, a.text-warning:hover {
    color: #e67e22;
}
.animation-pulse {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: pulse;
}
/*other - list data*/
.nolist li {list-style:none;margin:5px 0;}
.nopadding {padding:0;}
.list-inline li {display:inline-block;}
/*popover*/
.popover {
    border-radius: 0;
    width: auto;
}
.center {text-align:center !important;}
.centered_data {padding: 0 10px;text-align:center;}
.btn-white-bg {background:#fff !important;}
.modal-header.dark { background:#000;color:#fff;}
.modal-header.dark button.close {color:#fff;}
.nagl {background:rgb(255,192,0);padding:1px 10px;margin:0 0 20px 0;}
/*fix*/
@media all and (max-width: 1000px) and (min-width: 700px) {
 .navbar-toggle {display:block;}
 .top-collapse {display:none;}
}

@media (min-width: 1200px) {
#DeveloperInfoModal {margin-left:-550px;}
.modal-xlg {
    width: 1280px !important;
}
}
.separator-vertical
{
   border-left: 1px solid #eaeaea;
} 
 .dane {padding-left:15px;padding-right:15px;}
 .table .thead-inverse {background:#3a3a3a;color:#fff;}
 .block_1 {background: #eaeaea;border:1px solid #ececec;}
/*.block {padding: 30px;}*/
/******** MULTI page: FORM *****/

 #msform {
    
    margin: 50px auto;
    text-align: center;
    position: relative;
}
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
   cursor:pointer;
	text-transform: uppercase;
	font-size: 12px;
	width: 20%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 50px;
	line-height: 50px;
	display: block;
	font-size: 14px;
	color: #333;
	background: white;
	border-radius: 3px;
	margin: 0 auto 5px auto;
  border:1px solid #cacaca;
  z-index:2;
  position:relative;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #cacaca;
	position: absolute;
	left: -50%;
	top: 25px;
	z-index: 0;
  display:block; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #27AE60;
	color: white;
  border-color:transparent;
}
/*

MAILBOX
*/
.inbox-head {
    background: none repeat scroll 0 0 #41cac0;
    border-radius: 0 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 20px;
}
.inbox-head h3 {
    display: inline-block;
    font-weight: 300;
    margin: 0;
    padding-top: 6px;
}
.inbox-head .sr-input {
    border: medium none;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    color: #8a8a8a;
    float: left;
    height: 40px;
    padding: 0 10px;
}
.inbox-head .sr-btn {
    background: none repeat scroll 0 0 #00a6b2;
    border: medium none;
    border-radius: 0 4px 4px 0;
    color: #fff;
    height: 40px;
    padding: 0 20px;
}
.table-inbox {
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}
.table-inbox tr td {
    padding: 12px !important;
}
.table-inbox tr td:hover {
    cursor: pointer;
}
.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
    color: #f78a09;
}
.table-inbox tr td .fa-star {
    color: #d5d5d5;
}
.table-inbox tr.unread td {
    background: none repeat scroll 0 0 #f7f7f7;
    font-weight: 600;
}
ul.inbox-pagination {
    float: right;
    right:10px;
    display:block;
    position:relative;

}
ul.inbox-pagination li {
    float: left;
}
.mail-option {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    margin-top:10px;
}
.mail-option .chk-all, .mail-option .btn-group {
    margin-right: 5px;
}
.mail-option .chk-all, .mail-option .btn-group a.btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 10px;
}
.inbox-pagination a.np-btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 15px;

}
.inbox-pagination a.np-btn.btn-primary {
   background-color: #D15050 !important;
  border-color: #D15050 !important;
  color:#fff;
}
.mail-option .chk-all input[type="checkbox"] {
    margin-top: 0;
}
.mail-option .btn-group a.all {
    border: medium none;
    padding: 0;
}
.inbox-pagination a.np-btn {
    margin-left: 5px;
}
.inbox-pagination li span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 4px;
}
.fileinput-button {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #e6e6e6;
}
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
    border: 1px solid #e6e6e6;
    box-shadow: none;
}

 #ajax-overflow-modal {display:none;background: #fff;right:0;margin-top:0 !important;padding:20px 20px 40px 20px;z-index:99999;top:0;position:fixed;top:100px;width:87.5%;   height: calc(100vh - 70px);transform: translateX(100%);transition: transform 0.5s ease-in-out;border:1px solid #eaeaea;}
 #ajax-overflow-modal.in { display:block;transform: translateX(0);}
 #ajax-overflow-modal > .overflow-modal-dialog {min-height:400px;height:100%;display:block;clear:both;}
 #ajax-overflow-modal > .overflow-modal-dialog > .overflow-modal-content {}
 #ajax-overflow-modal > .overflow-modal-dialog > .overflow-modal-content > .overflow-modal-header {padding:15px 0;display:block;border-bottom:1px solid #eaeaea;margin-bottom:20px;}
 #ajax-overflow-modal > .overflow-modal-dialog > .overflow-modal-content > .overflow-modal-header > .overflow-modal-title {}
 #ajax-overflow-modal > .overflow-modal-dialog > .overflow-modal-content > .overflow-modal-header > .close {display: block;z-index: 99;background: #fff;width: 50px;height: 50px;border-radius: 125px;position: absolute;left: -20px;top: -20px;opacity: 1;}
 #ajax-overflow-modal > .overflow-modal-dialog > .overflow-modal-content > .overflow-modal-header > .close:hover {background:#eaeaea;color:#fff;}
 #ajax-overflow-modal > .overflow-modal-dialog > .overflow-modal-content > .overflow-modal-body {overflow-y:scroll;max-height:750px;height:auto;padding-bottom:80px;}
 #ajax-overflow-modal > .overflow-modal-dialog > .overflow-modal-content > .overflow-modal-footer {padding:20px 0;} 
 #ajax-overflow-modal > .overflow-modal-dialog > .overflow-modal-content > .overflow-modal-footer > button {}
.modal-body .scrollbar-dynamic {height:730px;}
    .scroll-element.scroll-x {
        display: none !important;
    }
.deleted {text-decoration: line-through;}
.star-selected {color:#f78a09 !important;}
.pageheader {
    padding: 15px;
    position: relative;
    margin-top:29px;
    display:block;
}
.pageheader h3 {margin:0;}
.pageheader .fa, .pageheader .glyphicon {
    font-size: 24px;
    margin-right: 5px;
    padding: 6px 7px;
    border: 2px solid #343434;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 100px;
}
    /*************** SCROLLBAR BASE CSS ***************/
     
    .scroll-wrapper {
        overflow: hidden !important;
        padding: 0 !important;
        position: relative;
    }
     
    .scroll-wrapper > .scroll-content {
        border: none !important;
        box-sizing: content-box !important;
        height: auto;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none !important;
        overflow: scroll !important;
        padding: 0;
        position: relative !important;
        top: 0;
        width: auto !important;
    }
     
    .scroll-wrapper > .scroll-content::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
     
    .scroll-element {
        display: none;
    }
    .scroll-element, .scroll-element div {
        box-sizing: content-box;
    }
     
    .scroll-element.scroll-x.scroll-scrollx_visible,
    .scroll-element.scroll-y.scroll-scrolly_visible {
        display: block;
    }
     
    .scroll-element .scroll-bar,
    .scroll-element .scroll-arrow {
        cursor: default;
    }
     
    .scroll-textarea {
        border: 1px solid #cccccc;
        border-top-color: #999999;
    }
    .scroll-textarea > .scroll-content {
        overflow: hidden !important;
    }
    .scroll-textarea > .scroll-content > textarea {
        border: none !important;
        box-sizing: border-box;
        height: 100% !important;
        margin: 0;
        max-height: none !important;
        max-width: none !important;
        overflow: scroll !important;
        outline: none;
        padding: 2px;
        position: relative !important;
        top: 0;
        width: 100% !important;
    }
    .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
     
     
     
     
    /*************** SCROLLBAR DYNAMIC ***************/
     
    .scrollbar-dynamic > .scroll-element,
    .scrollbar-dynamic > .scroll-element div
    {
        background: none;
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 10;
    }
     
    .scrollbar-dynamic > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }
     
    .scrollbar-dynamic > .scroll-element.scroll-x {
        bottom: 2px;
        height: 7px;
        left: 0;
        min-width: 100%;
        width: 100%;
    }
     
    .scrollbar-dynamic > .scroll-element.scroll-y {
        height: 100%;
        min-height: 100%;
        right: 2px;
        top: 0;
        width: 7px;
    }
     
    .scrollbar-dynamic > .scroll-element .scroll-element_outer {
        opacity: 0.3;
     
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }
    .scrollbar-dynamic > .scroll-element .scroll-element_size {
        background-color: #cccccc;
        opacity: 0;
     
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
     
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }
     
    .scrollbar-dynamic > .scroll-element .scroll-bar {
        background-color: #6c6e71;
     
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }
     
    /* scrollbar height/width & offset from container borders */
     
    .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
        bottom: 0;
        height: 7px;
        min-width: 24px;
        top: auto;
    }
    .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
        left: auto;
        min-height: 24px;
        right: 0;
        width: 7px;
    }
     
    .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
        bottom: 0;
        top: auto;
        left: 2px;
     
        -webkit-transition: height 0.2s;
        -moz-transition: height 0.2s;
        -o-transition: height 0.2s;
        -ms-transition: height 0.2s;
        transition: height 0.2s;
    }
     
    .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
        left: auto;
        right: 0;
        top: 2px;
     
        -webkit-transition: width 0.2s;
        -moz-transition: width 0.2s;
        -o-transition: width 0.2s;
        -ms-transition: width 0.2s;
        transition: width 0.2s;
    }
     
    .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
    .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
     
     
    /* update scrollbar offset if both scrolls are visible */
     
    .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
    .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }
     
     
    /* hover & drag */
     
    .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
    .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
        overflow: hidden;
     
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        opacity: 0.7;
    }
    .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
    .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
        opacity: 1;
    }
    .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
    .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
        height: 100%;
        width: 100%;
     
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }
     
    .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
    .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
        height: 20px;
        min-height: 7px;
    }
    .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
    .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
        min-width: 7px;
        width: 20px;
    }