/* rollbar paths style */

.rollbar-path-vertical, .rollbar-path-horizontal {position: absolute;background-color: #eee;background-color: rgba(220,220,220,0.5); z-index: 100;}

.rollbar-path-horizontal {bottom: 5px;left: 0;width: 100%;height: 10px;}

.rollbar-path-vertical {right: 5px; top: 0; height: 100%; width: 10px;}


/* rollbar paths inner shadow */
.rollbar-path-vertical {box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1);-moz-box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1);-webkit-box-shadow: inset 1px 0px 0 rgba(0,0,0,0.1);}

.rollbar-path-horizontal {box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.1);}


/* rollbar handle style */ 
.rollbar-handle{position: relative;top: 0;left: 0;background-color: #58bcee;}

.rollbar-path-vertical .rollbar-handle {height: 20%;width: 100%;}
.rollbar-path-horizontal .rollbar-handle {width: 20%;height: 100%;}


/* round corners for rollbar handle and paths */

.rollbar-path-vertical,.rollbar-path-horizontal, .rollbar-handle {-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}



/*  examples */
.example .rollbar-path-horizontal {height: 3px;}
.example .rollbar-path-vertical {width: 6px;}
.example .rollbar-path-vertical, .example .rollbar-path-horizontal {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}

@media screen and (max-width: 760px){ 
.resize { display: none; }
}

/* Android, iPhone */
@media screen and (max-width: 320px){
.rollbar-content { width: 320px; }
.rollbar-path-vertical { width: 3px; right: 2px; }
.center-wrapper { padding: 20px 10px 0; }
.example .rollbar-content { min-width: 100%; min-height: 100%; }
#example2 img { width: auto; }
.resize { display: none; }
}