/*
	Plugin	: Bootstrap Grid
	Author	: Michael Janea (www.michaeljanea.com)
	Version	: 1.0
*/

[class*=col-] {border:1px dashed #fff !important; background-color:#242c26; color:#fff;}
[class*=col-]:after {content:' '; position:absolute; display:block; width:16px; height:7px; left:0; z-index:99999;}
[class*=col-xs-1]:after {background-image:url('../icons/col-1.png');}
[class*=col-xs-2]:after {background-image:url('../icons/col-2.png');}
[class*=col-xs-3]:after {background-image:url('../icons/col-3.png');}
[class*=col-xs-4]:after {background-image:url('../icons/col-4.png');}
[class*=col-xs-5]:after {background-image:url('../icons/col-5.png');}
[class*=col-xs-6]:after {background-image:url('../icons/col-6.png');}
[class*=col-xs-7]:after {background-image:url('../icons/col-7.png');}
[class*=col-xs-8]:after {background-image:url('../icons/col-8.png');}
[class*=col-xs-9]:after {background-image:url('../icons/col-9.png');}
[class*=col-xs-10]:after {background-image:url('../icons/col-10.png');}
[class*=col-xs-11]:after {background-image:url('../icons/col-11.png');}
[class*=col-xs-12]:after {background-image:url('../icons/col-12.png');}
[class*=col-xs-10]:after, [class=col-xs-11]:after, [class=col-xs-12]:after {width:20px;}

.bootstrapGrid_layer {position:fixed; width:100%; height:100%; background:rgb(31, 34, 35); z-index:99999; top:0px; left:0px; padding:1em; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.bootstrapGrid_button {background-image:-webkit-gradient(linear, left 0%, left 100%, from(#424242), to(#343432)); background-image:-webkit-linear-gradient(top, #424242, 0%, #343432, 100%); background-image:-moz-linear-gradient(top, #424242 0%, #343432 100%); background-image:linear-gradient(to bottom, #424242 0%, #343432 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff424242', endColorstr='#ff343432', GradientType=0); color:#fff; border:1px solid #1b1d1d; padding:.5em; display:inline-block; width:130px; margin-right:.3em; border-radius:5px; cursor:pointer;}
	.bootstrapGrid_button.active {background-image:-webkit-gradient(linear, left 0%, left 100%, from(#1f1f1c), to(#424242)); background-image:-webkit-linear-gradient(top, #1f1f1c, 0%, #424242, 100%); background-image:-moz-linear-gradient(top, #1f1f1c 0%, #424242 100%); background-image:linear-gradient(to bottom, #1f1f1c 0%, #424242 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff343432', endColorstr='#ff424242', GradientType=0);}
	.bootstrapGrid_container {padding-top:1em; padding-bottom:1em; overflow:auto; max-height:90%; margin:auto;}

.bootstrapGrid_options {position:absolute; cursor:pointer; z-index:99999;}
	.bootstrapGrid_add, .bootstrapGrid_remove, .bootstrapGrid_offset_right, .bootstrapGrid_offset_left, .bootstrapGrid_cog, .bootstrapGrid_sink, .bootstrapGrid_grow {display:block; width:12px; height:12px; background-color:#fff; background-position:center; background-repeat:no-repeat; border:1px solid #000; -webkit-border-radius:10px; border-radius:10px; margin-bottom:.2em;}
	.bootstrapGrid_add {background-image:url('../icons/add.png');}
	.bootstrapGrid_remove {background-image:url('../icons/remove.png');}
	.bootstrapGrid_offset_right {background-image:url('../icons/offset_right.png');}
	.bootstrapGrid_offset_left {background-image:url('../icons/offset_left.png');}
	.bootstrapGrid_sink {background-image:url('../icons/sink.png');}
	.bootstrapGrid_grow {background-image:url('../icons/grow.png');}
	.bootstrapGrid_cog {background-image:url('../icons/cog.png'); border:none; position:absolute; cursor:pointer;}
	.bootstrapGrid_resize {position:absolute; cursor:col-resize !important; width:10px; z-index:99999; background:transparent; border:none; outline:none;}
	.bootstrapGrid_menu {padding:0; position:absolute; width:50px; border-top:1px solid #ddd; display:none;}
	.bootstrapGrid_menu li {list-style:none;}
	.bootstrapGrid_menu a {display:block; font-size:10px; background:#fff; border:1px solid #ddd; border-top:0; padding:.2em; color:#337ab7;}
	.bootstrapGrid_menu a:hover {text-decoration:none; background:#f1f1f1;}