/* ========================================================
*
* Amsterdam - premium admin template
*
* ========================================================
*
* File: bootstrap.css;
* Description: General template styles, including bootstrap components
* Version: 1.0
*/



/*===== Middle navigation =====*/

.midnav { text-align: center; padding-bottom:0px; padding-top:0px;}
.midnav li { margin: 10px 10px 0 10px; position: relative; display: inline-block; text-align: center;}
.midnav li a { padding: 10px 16px 5px 16px; display: block; font-weight: bold; white-space: nowrap; color: #626262; text-shadow: 0 1px #fff;
	border: 1px solid #dadada;
	background: #fafafa;
	background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafafa));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#fafafa 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#fafafa 100%);
	background: linear-gradient(top,  #ffffff 0%,#fafafa 100%);
	text-decoration:none;
}
.midnav li a:hover {  
	background: #fefefe;
	background: -moz-linear-gradient(top,  #fefefe 0%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f8f8f8));
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%);
	background: -o-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%);
	background: -ms-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%);
	background: linear-gradient(top,  #fefefe 0%,#f8f8f8 100%);
}
.midnav li a:active { box-shadow: 0 1px 5px #fafafa inset, 0 1px 2px #ffffff; -moz-box-shadow: 0 1px 5px #fafafa inset, 0 1px 2px #ffffff; background: #fafafa; }
.midnav li a > span { display: block; line-height: 18px; font-weight: bold; }
.midnav li strong { position: absolute; font-weight: bold; top: 3px; right: 3px; font-size: 11px; color: white; padding: 3px 5px; display: block; line-height: 12px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
	background: #ba0000;
	background: -moz-linear-gradient(top,  #ba0000 0%, #ba0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba0000), color-stop(100%,#ba0000));
	background: -webkit-linear-gradient(top,  #ba0000 0%,#ba0000 100%);
	background: -o-linear-gradient(top,  #ba0000 0%,#ba0000 100%);
	background: -ms-linear-gradient(top,  #ba0000 0%,#ba0000 100%);
	background: linear-gradient(top,  #ba0000 0%,#ba0000 100%);
}


.midnav.no-background { font-size: 0; }
.midnav.no-background li { border-right: 1px dashed #ddd; padding: 0 10px; margin-left: -1px; margin-right: 0; border-left: 1px dashed #DDD; }
.midnav.no-background li a { border: none; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 6px 14px 0 14px; }
.midnav.no-background li a span { font-size: 12px; }


.midnav.midnav-font li a { padding: 15px 16px 4px 16px; }
.midnav.midnav-font li a > i { font-size: 32px; margin-right: 0; display: block; float: none; width: auto; line-height: 22px; }
.midnav.midnav-font li a > span { margin-top: 4px; }
.midnav-font.no-background li a { padding: 8px 12px 0 12px; }


.easyPieChart { position: relative; text-align: center; font-size: 16px; font-weight: bold; }
.easyPieChart canvas { position: absolute; top: 0; left: 0; }
.piechart span { font-weight: bold; display: block; margin-top: 6px; }

/* # Other classes
================================================== */

.close { float: right; font-size: 16px; line-height: 16px; color: #000000; opacity: 0.2; filter: alpha(opacity=20); }
.close:hover { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); }
button.close { padding: 0; cursor: pointer; background: transparent; border: 0; }

.pull-right { float: right; }
.pull-left { float: left; }
.hide { display: none; }
.show { display: block; }
.invisible { visibility: hidden; }
.typeahead { margin-top: -1px; }
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }
.collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; }
.collapse.in { height: auto; }
.hidden { display: none; }

.body .badge, .label-important,.label-info { color: #ffffff; display: inline-block; font-weight: bold; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5f5f5f; box-shadow: inset 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-size: 11px; font-weight: bold; padding: 5px 7px 4px 7px; line-height: 13px; }
label.valid { display: none !important;color: #518A38 !important; }
label.errors {font-size: 11px; display: inline-block; white-space: nowrap; color: #dc5c5c; }
a.label:hover, a.badge:hover { color: #ffffff; text-decoration: none; cursor: pointer; }
.label-important, .badge-important { background-color: #c95454; }
.label-important[href], .badge-important[href] { background-color: #953b39; }
.label-warning, .badge-warning { background-color: #d17d10; }
.label-warning[href], .badge-warning[href] { background-color: #c67605; }
.label-success, .badge-success { background-color: #7aa745; }
.label-success[href], .badge-success[href] { background-color: #356635;}
.label-info, .badge-info { background-color: #589fc4; }
.label-info[href], .badge-info[href] { background-color: #2d6987; }
.label-inverse, .badge-inverse { background-color: #333333; }
.label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; }
.btn .label, .btn .badge { position: relative; top: -1px;}
.btn-mini .label, .btn-mini .badge { top: 0; }




/* # Buttons
================================================== */

.btn { font-size: 11px; color: #686868; font-weight: bold; display: inline-block; margin: 2px 0; line-height: 13px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 8px 13px 7px 13px; border: 1px solid #d5d5d5; box-shadow: inset 0 1px 1px rgba(255,255,255,0.2); -webkit-box-shadow:  inset 0 1px 1px rgba(255,255,255,0.2); -moz-box-shadow:  inset 0 1px 1px rgba(255,255,255,0.2); 
	background: #fafafa;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	text-decoration: none !important;
}
.btn-group .dropdown-menu { margin-top: -1px; }
.btn-group.dropup .dropdown-menu { margin-bottom: -1px; }
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { outline: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
.btn:first-child { *margin-left: 0; }
.btn:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.btn-warning:hover, .btn-success:hover, .btn-primary:hover, .btn-info:hover, .btn-danger:hover, .btn-inverse:hover { color: #fff; } 
.btn.active, .btn:active, .btn-group.open .btn.dropdown-toggle { background: #6a6a6a; color: white; border: 1px solid #555; box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; }
.btn.active > .caret, .btn:active > .caret, .btn-group.open .btn.dropdown-toggle > .caret { border-top-color: #fff; border-bottom-color: #fff; }
.btn.disabled, .btn[disabled] { cursor: default; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; }
button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; }
button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; }
button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; }
button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; }

.btn-group.open .btn-link.dropdown-toggle > .caret, .btn-link:active > .caret, .btn-link > .caret { border-top-color: #327394; border-bottom-color: #327394; }
.dd-caret { margin-left: 5px; margin-right: -2px; } /* Correction margin for button dropdown */


/*===== Button sizes =====*/

.btn-large { padding: 8px 14px; font-size: 14px; line-height: normal; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn-large [class^="icon-"] { margin-top: 1px; }
.btn-small { padding: 7px 12px 6px 12px; line-height: 13px;}
.btn-small [class^="icon-"] { margin-top: -1px; }
.btn-mini { padding: 6px 10px 5px 10px; font-size: 11px; line-height: 13px; border-radius: 0; -moz-border-radius: 0; }
.btn-block { display: block; width: 100%; text-align: center; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; }
.btn-block + .btn-block { margin-top: 5px; }
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }
.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }


/*===== General button classes =====*/

.btn-primary { color: #fff; border: 1px solid #3e76af; 
	background: #4786b8;
	background: -moz-linear-gradient(top,  #5ba5cb 0%, #3a70ab 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba5cb), color-stop(100%,#3a70ab));
	background: -webkit-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
	background: -o-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
	background: -ms-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
	background: linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
	text-decoration: none !important;
}
.btn-primary:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.btn-primary:active, .btn-primary.active, .btn-group.open .btn-primary.dropdown-toggle { background: #4786b8;  border-color: #3e76af; }


.btn-warning { color: #fff; border: 1px solid #c4853e; 
	background: #ca8e40;
	background: -moz-linear-gradient(top,  #d5a44c 0%, #c07833 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5a44c), color-stop(100%,#c07833));
	background: -webkit-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
	background: -o-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
	background: -ms-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
	background: linear-gradient(top,  #d5a44c 0%,#c07833 100%); 
}
.btn-warning:active, .btn-warning.active, .btn-group.open .btn-warning.dropdown-toggle { background: #ca8e40; border-color: #c4853e; }


.btn-danger { color: #fff !important; border: 1px solid #a95151 !important; 
	background: #b15e5e;
	background: -moz-linear-gradient(top,  #c57979 0%, #a34c4c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c57979), color-stop(100%,#a34c4c));
	background: -webkit-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
	background: -o-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
	background: -ms-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
	background: linear-gradient(top,  #c57979 0%,#a34c4c 100%);
	text-decoration: none !important;
}
.btn-danger:active, .btn-danger.active, .btn-group.open .btn-danger.dropdown-toggle { background: #b15e5e; border-color: #a95151; }


.btn-success { color: #fff; border: 1px solid #68a341; 
	background: #74aa49;
	background: -moz-linear-gradient(top,  #96c161 0%, #609c3d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c161), color-stop(100%,#609c3d));
	background: -webkit-linear-gradient(top, #96c161 0%,#609c3d 100%);
	background: -o-linear-gradient(top, #96c161 0%,#609c3d 100%);
	background: -ms-linear-gradient(top, #96c161 0%,#609c3d 100%);
	background: linear-gradient(top, #96c161 0%,#609c3d 100%);
	text-decoration: none !important;
}
.btn-success:active, .btn-success.active, .btn-group.open .btn-success.dropdown-toggle { background: #74aa49; border-color: #68a341; }


.btn-info { color: #fff !important; border: 1px solid #5897c3 !important; 
	background: #559cc7 !important;
	background: -moz-linear-gradient(top,  #6db5d5 0%, #4a91c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db5d5), color-stop(100%,#4a91c0));
	background: -webkit-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
	background: -o-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
	background: -ms-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
	background: linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
	text-decoration: none !important;
}
.btn-info:active, .btn-info.active, .btn-group.open .btn-info.dropdown-toggle { background: #559cc7 !important; border-color: #5897c3 !important; }


.btn-inverse { color: #ffffff !important; border: 1px solid #4e4e4e !important;
	background: #484848 !important;
	background: -moz-linear-gradient(top, #555555, #444444) !important;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#444444)) !important;
	background: -webkit-linear-gradient(top, #555555, #444444) !important;
	background: -o-linear-gradient(top, #555555, #444444) !important;
	background: linear-gradient(to bottom, #555555, #444444) !important;
	text-decoration: none !important;
}
.btn-inverse:active, .btn-inverse.active, .btn-group.open .btn-inverse.dropdown-toggle { background: #484848; }


.btn-link, .btn-link:active, .btn-link[disabled], .btn-group.open .btn-link.dropdown-toggle { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; box-shadow: none; color: #327394; }
.btn-link { border: none; cursor: pointer; color: #327394; }
.btn-link:hover { color: #327394; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:hover { color: #333333; text-decoration: none; }
.btn-link:active { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }


/*===== Button group =====*/

.btn-group { position: relative; font-size: 0; vertical-align: middle; white-space: nowrap; *margin-left: .3em; display: inline-block; }
.btn-group:first-child { *margin-left: 0; }
.btn-group + .btn-group { margin-left: 5px; }
.btn-toolbar { font-size: 0; }
.btn-toolbar .btn-group { display: inline-block; *display: inline; *zoom: 1; }
.btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group { margin-left: 5px; }
.btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.btn-group > .btn + .btn { margin-left: -1px; }
.btn-group > .btn,
.btn-group > .dropdown-menu { font-size: 11px; }
.btn-group > .btn-mini { font-size: 11px; }
.btn-group > .btn-small { font-size: 12px; }
.btn-group > .btn-large { font-size: 14px; }
.btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; }
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; }
.btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; }
.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; }
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; }
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }
.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; *padding-top: 5px; *padding-bottom: 5px; }
.btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; }
.btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; }
.btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; }

.btn-group-vertical { display: inline-block; *display: inline; *zoom: 1; }
.btn-group-vertical .btn { display: block; float: none; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-top: 0; margin-bottom: 0; }
.btn-group-vertical .btn + .btn { margin-left: 0; margin-top: -1px; }
.btn-group-vertical .btn:first-child { -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; }
.btn-group-vertical .btn:last-child { -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; }
.btn-group-vertical .btn-large:first-child { -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; }
.btn-group-vertical .btn-large:last-child { -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; }


/*===== Button caret =====*/

.btn .caret { margin-top: 5px; }
.btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; }
.btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; }
.dropup .btn-large .caret { border-bottom: 5px solid #000000; border-top: 0; }
.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; }
.dropup .btn-primary .caret, .dropup .btn-warning .caret, .dropup .btn-danger .caret, .dropup .btn-info .caret, .dropup .btn-success .caret, .dropup .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; }




/* # Icons (Glyphicons)
================================================== */

[class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; *margin-right: .3em; line-height: 14px; vertical-align: -2px; background-image: url("../images/sprites/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; }
.btn b { float: left; display: block; margin-top: -1px; margin-right: 5px; }

/* White icons with optional class, or on hover/active states of certain elements */
.icon-white,
.nav-tabs > .active > a > [class^="icon-"],
.nav-tabs > .active > a > [class*=" icon-"],
.navigation > li.active > a > b,
.btn-primary > [class^="icon-"],
.btn-primary > [class*=" icon-"],
.btn-info > [class^="icon-"],
.btn-info > [class*=" icon-"],
.btn-success > [class^="icon-"],
.btn-success > [class*=" icon-"],
.btn-danger > [class^="icon-"],
.btn-danger > [class*=" icon-"],
.btn-warning > [class^="icon-"],
.btn-warning > [class*=" icon-"],
.btn-inverse > [class^="icon-"],
.btn-inverse > [class*=" icon-"],
.btn:active > [class^="icon-"],
.btn:active > [class*=" icon-"],
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"] 
{ background-image: url("../images/sprites/glyphicons-halflings-white.png"); }

.icon-glass { background-position: 0 0; }
.icon-music { background-position: -24px 0; }
.icon-search { background-position: -48px 0; }
.icon-envelope { background-position: -72px 0; }
.icon-heart { background-position: -96px 0; }
.icon-star { background-position: -120px 0; }
.icon-star-empty { background-position: -144px 0; }
.icon-user { background-position: -168px 0; }
.icon-film { background-position: -192px 0; }
.icon-th-large { background-position: -216px 0; }
.icon-th { background-position: -240px 0; }
.icon-th-list { background-position: -264px 0; }
.icon-ok { background-position: -288px 0; }
.icon-remove { background-position: -312px 0; }
.icon-zoom-in { background-position: -336px 0; }
.icon-zoom-out { background-position: -360px 0; }
.icon-off { background-position: -384px 0; }
.icon-signal { background-position: -408px 0; }
.icon-cog { background-position: -432px 0; }
.icon-trash { background-position: -456px 0; }
.icon-home { background-position: 0 -24px; }
.icon-file { background-position: -24px -24px; }
.icon-time { background-position: -48px -24px; }
.icon-road { background-position: -72px -24px; }
.icon-download-alt { background-position: -96px -24px; }
.icon-download { background-position: -120px -24px; }
.icon-upload { background-position: -144px -24px; }
.icon-inbox { background-position: -168px -24px; }
.icon-play-circle { background-position: -192px -24px; }
.icon-repeat { background-position: -216px -24px; }
.icon-refresh { background-position: -240px -24px; }
.icon-list-alt { background-position: -264px -24px; }
.icon-lock { background-position: -287px -24px; }
.icon-flag { background-position: -312px -24px; }
.icon-headphones { background-position: -336px -24px; }
.icon-volume-off { background-position: -360px -24px; }
.icon-volume-down { background-position: -384px -24px; }
.icon-volume-up { background-position: -408px -24px; }
.icon-qrcode { background-position: -432px -24px; }
.icon-barcode { background-position: -456px -24px; }
.icon-tag { background-position: 0 -48px; }
.icon-tags { background-position: -25px -48px; }
.icon-book { background-position: -48px -48px; }
.icon-bookmark { background-position: -72px -48px; }
.icon-print { background-position: -96px -48px; }
.icon-camera { background-position: -120px -48px; }
.icon-font { background-position: -144px -48px; }
.icon-bold { background-position: -167px -48px; }
.icon-italic { background-position: -192px -48px; }
.icon-text-height { background-position: -216px -48px; }
.icon-text-width { background-position: -240px -48px; }
.icon-align-left { background-position: -264px -48px; }
.icon-align-center { background-position: -288px -48px; }
.icon-align-right { background-position: -312px -48px; }
.icon-align-justify { background-position: -336px -48px; }
.icon-list { background-position: -360px -48px; }
.icon-indent-left { background-position: -384px -48px; }
.icon-indent-right { background-position: -408px -48px; }
.icon-facetime-video { background-position: -432px -48px; }
.icon-picture { background-position: -456px -48px; }
.icon-pencil { background-position: 0 -72px; }
.icon-map-marker { background-position: -24px -72px; }
.icon-adjust { background-position: -48px -72px; }
.icon-tint { background-position: -72px -72px; }
.icon-edit { background-position: -96px -72px; }
.icon-share { background-position: -120px -72px; }
.icon-check { background-position: -144px -72px; }
.icon-move { background-position: -168px -72px; }
.icon-step-backward { background-position: -192px -72px; }
.icon-fast-backward { background-position: -216px -72px; }
.icon-backward { background-position: -240px -72px; }
.icon-play { background-position: -264px -72px; }
.icon-pause { background-position: -288px -72px; }
.icon-stop { background-position: -312px -72px; }
.icon-forward { background-position: -336px -72px; }
.icon-fast-forward { background-position: -360px -72px; }
.icon-step-forward { background-position: -384px -72px; }
.icon-eject { background-position: -408px -72px; }
.icon-chevron-left { background-position: -432px -72px; }
.icon-chevron-right { background-position: -456px -72px; }
.icon-plus-sign { background-position: 0 -96px; }
.icon-minus-sign { background-position: -24px -96px; }
.icon-remove-sign { background-position: -48px -96px; }
.icon-ok-sign { background-position: -72px -96px; }
.icon-question-sign { background-position: -96px -96px; }
.icon-info-sign { background-position: -120px -96px; }
.icon-screenshot { background-position: -144px -96px; }
.icon-remove-circle { background-position: -168px -96px; }
.icon-ok-circle { background-position: -192px -96px; }
.icon-ban-circle { background-position: -216px -96px; }
.icon-arrow-left { background-position: -240px -96px; }
.icon-arrow-right { background-position: -264px -96px; }
.icon-arrow-up { background-position: -289px -96px; }
.icon-arrow-down { background-position: -312px -96px; }
.icon-share-alt { background-position: -336px -96px; }
.icon-resize-full { background-position: -360px -96px; }
.icon-resize-small { background-position: -384px -96px; }
.icon-plus { background-position: -408px -96px; }
.icon-minus { background-position: -433px -96px; }
.icon-asterisk { background-position: -456px -96px; }
.icon-exclamation-sign { background-position: 0 -120px; }
.icon-gift { background-position: -24px -120px; }
.icon-leaf { background-position: -48px -120px; }
.icon-fire { background-position: -72px -120px; }
.icon-eye-open { background-position: -96px -120px; }
.icon-eye-close { background-position: -120px -120px; }
.icon-warning-sign { background-position: -144px -120px; }
.icon-plane { background-position: -168px -120px; }
.icon-calendar { background-position: -192px -120px; }
.icon-random { background-position: -216px -120px; width: 16px; }
.icon-comment { background-position: -240px -120px; }
.icon-magnet { background-position: -264px -120px; }
.icon-chevron-up { background-position: -288px -120px; }
.icon-chevron-down { background-position: -313px -119px; }
.icon-retweet { background-position: -336px -120px; }
.icon-shopping-cart { background-position: -360px -120px; }
.icon-folder-close { background-position: -384px -120px; }
.icon-folder-open { background-position: -408px -120px; width: 16px; }
.icon-resize-vertical { background-position: -432px -119px; }
.icon-resize-horizontal { background-position: -456px -118px; }
.icon-hdd { background-position: 0 -144px; }
.icon-bullhorn { background-position: -24px -144px; }
.icon-bell { background-position: -48px -144px; }
.icon-certificate { background-position: -72px -144px; }
.icon-thumbs-up { background-position: -96px -144px; }
.icon-thumbs-down { background-position: -120px -144px; }
.icon-hand-right { background-position: -144px -144px; }
.icon-hand-left { background-position: -168px -144px; }
.icon-hand-up { background-position: -192px -144px; }
.icon-hand-down { background-position: -216px -144px; }
.icon-circle-arrow-right { background-position: -240px -144px; }
.icon-circle-arrow-left { background-position: -264px -144px; }
.icon-circle-arrow-up { background-position: -288px -144px; }
.icon-circle-arrow-down { background-position: -312px -144px; }
.icon-globe { background-position: -336px -144px; }
.icon-wrench { background-position: -360px -144px; }
.icon-tasks { background-position: -384px -144px; }
.icon-filter { background-position: -408px -144px; }
.icon-briefcase { background-position: -432px -144px; }
.icon-fullscreen { background-position: -456px -144px; }



/* # Alerts
================================================== */

.alert { padding: 8px 35px 8px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #c09853; border: 1px solid #f2d083; color: #826200; box-shadow: 0 1px 0px rgba(255,255,255,0.2) inset, 0 1px 1px #dfdfdf; -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.2) inset, 0 1px 1px #dfdfdf; -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.2) inset, 0 1px 1px #dfdfdf;
  background: #ffedbc;
  background: -moz-linear-gradient(top,  #ffedbc 0%, #fbe5a8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffedbc), color-stop(100%,#fbe5a8));
  background: -webkit-linear-gradient(top,  #ffedbc 0%,#fbe5a8 100%);
  background: -o-linear-gradient(top,  #ffedbc 0%,#fbe5a8 100%);
  background: -ms-linear-gradient(top,  #ffedbc 0%,#fbe5a8 100%);
  background: linear-gradient(top,  #ffedbc 0%,#fbe5a8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffedbc', endColorstr='#fbe5a8',GradientType=0 );
}
.alert h4 { margin: 0; }
.alert .close { position: relative; top: 2px; right: -21px; line-height: 20px; }
.alert-success { border: 1px solid #c1d779; color: #4f7307; 
  background: #d6efa1;
  background: -moz-linear-gradient(top,  #d6efa1 0%, #d0e69d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6efa1), color-stop(100%,#d0e69d));
  background: -webkit-linear-gradient(top,  #d6efa1 0%,#d0e69d 100%);
  background: -o-linear-gradient(top,  #d6efa1 0%,#d0e69d 100%);
  background: -ms-linear-gradient(top,  #d6efa1 0%,#d0e69d 100%);
  background: linear-gradient(top,  #d6efa1 0%,#d0e69d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6efa1', endColorstr='#d0e69d',GradientType=0 );
}
.alert-danger, .alert-error { border: 1px solid #dfa59b; color: #4f2a24;
  background: #f0b5a1;
  background: -moz-linear-gradient(top,  #f0b5a1 0%, #de9d8a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b5a1), color-stop(100%,#de9d8a));
  background: -webkit-linear-gradient(top,  #f0b5a1 0%,#de9d8a 100%);
  background: -o-linear-gradient(top,  #f0b5a1 0%,#de9d8a 100%);
  background: -ms-linear-gradient(top,  #f0b5a1 0%,#de9d8a 100%);
  background: linear-gradient(top,  #f0b5a1 0%,#de9d8a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b5a1', endColorstr='#de9d8a',GradientType=0 ); 
}
.alert-info { border: 1px solid #bcd9f3; color: #4579aa;
  background: #deedf9;
  background: -moz-linear-gradient(top,  #deedf9 0%, #cde5f7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deedf9), color-stop(100%,#cde5f7));
  background: -webkit-linear-gradient(top,  #deedf9 0%,#cde5f7 100%);
  background: -o-linear-gradient(top,  #deedf9 0%,#cde5f7 100%);
  background: -ms-linear-gradient(top,  #deedf9 0%,#cde5f7 100%);
  background: linear-gradient(top,  #deedf9 0%,#cde5f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deedf9', endColorstr='#cde5f7',GradientType=0 );
}
.alert-block { padding-top: 12px; padding-bottom: 8px; }
.alert-block > p, .alert-block > ul { margin-bottom: 0; }
.alert-block p + p { margin-top: 5px; }





/* # Tooltips & popovers
================================================== */

.tooltip { position: absolute; z-index: 10300; display: block; visibility: visible; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); }
.tooltip.in { opacity: 0.8; filter: alpha(opacity=80); }
.tooltip.top { margin-top: -3px; }
.tooltip.right { margin-left: 3px; }
.tooltip.bottom { margin-top: 3px; }
.tooltip.left { margin-left: -3px; }
.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #202020; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; }
.tooltip.left .tooltip-arrow {  top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; }


/*===== Popover =====*/

.popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none;  background-color: #ffffff; border: 1px solid #d5d5d5;

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);

}
.popover.top { margin-bottom: 10px; }
.popover.right { margin-left: 10px; }
.popover.bottom { margin-top: 10px; }
.popover.left { margin-left: -10px; }
.popover-title { border-bottom: 1px solid #d5d5d5; margin: 0; padding: 9px 14px 8px 14px; font-size: 12px; font-weight: bold; line-height: 18px;

  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;

  background: #f7f7f7;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );

  box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;

}
.popover-content { padding: 9px 14px; }
.popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; }
.popover .arrow, .popover .arrow:after { position: absolute; display: inline-block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover .arrow:after { content: ""; z-index: -1; }
.popover.top .arrow { bottom: -7px; left: 50%; margin-left: -7px; border-width: 7px 7px 0; border-top-color: #ffffff; }
.popover.top .arrow:after { border-width: 8px 8px 0; border-top-color: rgba(0, 0, 0, 0.25); bottom: -1px; left: -8px; }
.popover.right .arrow { top: 50%; left: -7px; margin-top: -7px; border-width: 7px 7px 7px 0; border-right-color: #ffffff; }
.popover.right .arrow:after { border-width: 8px 8px 8px 0; border-right-color: rgba(0, 0, 0, 0.25); bottom: -8px; left: -1px; }
.popover.bottom .arrow { top: -7px; left: 50%; margin-left: -7px; border-width: 0 7px 7px; border-bottom-color: #ffffff; }
.popover.bottom .arrow:after { border-width: 0 8px 8px; border-bottom-color: rgba(0, 0, 0, 0.25); top: -1px; left: -8px; }
.popover.left .arrow { top: 50%; right: -7px; margin-top: -7px; border-width: 7px 0 7px 7px; border-left-color: #ffffff; }
.popover.left .arrow:after { border-width: 8px 0 8px 8px; border-left-color: rgba(0, 0, 0, 0.25); bottom: -8px; right: -1px; }




/* # Modal
================================================== */

.modal-open .modal .dropdown-menu { z-index: 2050; }
.modal-open .modal .dropdown.open { *z-index: 2050; }
.modal-open .modal .popover { z-index: 2060; }
.modal-open .modal .tooltip { z-index: 2080; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.3; filter: alpha(opacity=30); }
.modal { position: fixed; top: 50%; left: 50%; z-index: 1050; overflow: auto; width:700px; margin: -200px 0 0 -320px; background: url(../images/backgrounds/bg.png); border: 10px solid rgba(82, 82, 82, .7);

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;

}
.modal.fade {top: -25%;
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
}
.modal.fade.in { top: 40%;z-index:10000; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 5px #444444;
-webkit-box-shadow: 0px 0px 5px #444;
box-shadow: 0px 0px 5px #444;
border: 10px solid rgba(82, 82, 82, .7);
  background:#fff;
}
.modal1 { position: fixed; top: 40%; left: 50%; z-index: 1050; overflow: auto; width: 900px; margin: -200px 0 0 -440px; background: url(../images/backgrounds/bg.png); border: 1px solid #c5c5c5;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;

}
.modal1.fade {top: -25%;
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
}
.modal1.fade.in { top: 40%;z-index:10000; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#fff;
-moz-box-shadow: 0px 0px 5px #444444;
-webkit-box-shadow: 0px 0px 5px #444;
box-shadow: 0px 0px 5px #444;
border: 10px solid rgba(52, 52, 52, .5);}
.modal-header { padding: 0px 15px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom: 1px solid #c1c1c1; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff;

  background: #fcfcfc;
  background: -moz-linear-gradient(top,  #fcfcfc 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ececec));
  background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ececec 100%);
  background: -o-linear-gradient(top,  #fcfcfc 0%,#ececec 100%);
  background: -ms-linear-gradient(top,  #fcfcfc 0%,#ececec 100%);
  background: linear-gradient(to bottom,  #fcfcfc 0%,#ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ececec',GradientType=0 );

}

.modal2 {overflow: auto; width:100%;  background: url(../images/backgrounds/bg.png); border: 10px solid rgba(82, 82, 82, .7);

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;

}

.modal2.fade.in {  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#fff;
-moz-box-shadow: 0px 0px 5px #444444;
-webkit-box-shadow: 0px 0px 5px #444;
box-shadow: 0px 0px 5px #444;
border: 10px solid rgba(52, 52, 52, .5);}

.modal-header .close { margin-top:-5px; font-size:20px; }
.modal-header h5 { margin: 0; padding: 3px 0 3px 0; }
.modal-body { overflow-y: auto; padding: 15px; }
.modal-body .selector, .modal-body .select { max-width: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; height: 30px; }
.modal-body .control-group { padding: 15px 0; }
.modal-body .control-group:first-child { padding-top: 0; }
.modal-body .control-group:last-child { padding-bottom: 0; }

.modal-form { margin-bottom: 0; }
.modal-footer .btn { margin-top: 0; margin-bottom: 0; }
.modal-footer { padding: 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; *zoom: 1;

  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;

  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;

}
.modal-footer:before, .modal-footer:after { display: table; content: ""; line-height: 0; }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.dropup, .dropdown { position: relative; }
.dropdown-toggle { *margin-bottom: -3px; }
.dropdown-toggle:active, .open .dropdown-toggle { outline: 0; }

div.tagsinput {width: 100%; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
div.tagsinput span.tag { border: 1px solid #a5d24a; display: block; float: left; padding:2px; background: #cde69c; color: #638421; font-size: 11px; }
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; font-size: 11px; float: right; } 
div.tagsinput input { width: 60px; border: none; padding: 6px 8px; background: transparent; margin: 5px 5px 0 4px; }
div.tagsinput div { display: block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid { background: #FBD8DB !important; color: #90111A !important;}
.table tbody tr.success td { background-color: #f0faec; }
.table tbody tr.error td { background-color: #FCE7E7; }
.table tbody tr.warning td { background-color: #DFF9FD; }
.table tbody tr.info td { background-color: #F2EAFA; }