/*
------------------------------------------------------------
CUSTOM BUTTON CSS for Intranet
------------------------------------------------------------
*/

/* BUTTON BASE STYLES */
.btn {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 1.1em;
	line-height: 21px;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	padding: 7px 12px 6px;
	font-family: 'VAGRoundedStd-Light', Helvetica, Arial, sans-serif;
}
.btn:focus,
.btn.focus,
.btn:active:hover,
.btn.active:hover,
.open >.dropdown-toggle.btn:hover,
.btn:active:focus,
.btn.active:focus,
.open >.dropdown-toggle.btn:focus,
.btn:active.focus,
.btn.active.focus,
.open >.dropdown-toggle.btn.focus {
	outline: none;
}
.btn:active,
.btn.active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn:disabled,
.btn[disabled] {
	color: #777 !important;
	background-color: #FFF;
	border-color: #CCC;
}
.btn-sm {
	padding: 5px 10px;
}
.btn-xs {
	padding: 2px 10px;
}
.btn-lg {
	padding: 13px 15px 12px;
}
.btn-huge {
	line-height: 1.42857143;
	padding: 16px 15px 15px;
}
.btn-group {
	margin-bottom: 10px;
}
.btn-group.full_w {
	position: relative;
}
.btn-group.full_w .caret {
	position: absolute;
	right: 15px;
	top: 15px;
}
.btn-group .btn-lg .caret {
	top: 21px;
}
@media screen and (max-width: 535px) {
	.btn {
		font-size: 16px;
		line-height: 24px;
		padding: 6px 12px 6px;
	}
}

/* BUTTON LAYOUTS */
.btn-pair > .btn {
	width: calc((100% - 10px) / 2);
}
.ipad .btn-pair > .btn {
	width: calc((100% - 12px) / 2);
}
.btn-pair > .btn:first-child {
	margin-right: 6px;
}
ipad .btn-pair > .btn:first-child {
	margin-right: 0px;
}

/* COLOURS -------------------- */

/* BUTTON PRIMARY */
.btn-primary,
.open >.dropdown-toggle.btn-primary:hover,
.open >.dropdown-toggle.btn-primary:focus,
.open >.dropdown-toggle.btn-primary.focus {
	color: #FFF;
	background-color: #28B0B8;
	border-color: #249DA3;
}
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
	color: #FFF;
	background-color: #249DA3;
	border-color: #208D92;
}
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary:active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.btn-primary.active:hover,
.btn-primary:active:focus:hover,
.btn-primary:active.focus:hover,
.btn-primary.active:focus:hover,
.btn-primary.active.focus:hover {
	color: #FFF;
	background-color: #208D92;
	border-color: #1C797D;
}
.btn-primary-alt {
	border-color: #28B0B8;
	color: #28B0B8;
}
.btn-primary-alt:hover,
.btn-primary-alt:active,
.btn-primary-alt:focus {
	border-color: #249DA3;
	color: #249DA3;
}
.btn-primary-alt.fill:hover,
.btn-primary-alt.fill:active,
.btn-primary-alt.fill:focus {
	border-color: #208D92;
	background-color: #249DA3;
	color: #FFF;
}

/* BUTTON SUCCESS */
.btn-success,
.open >.dropdown-toggle.btn-success:hover,
.open >.dropdown-toggle.btn-success:focus,
.open >.dropdown-toggle.btn-success.focus {
	color: #FFF;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.btn-success:hover,
.open > .dropdown-toggle.btn-success {
	color: #FFF;
	background-color: #4cae4c;
	border-color: #3C963C;
}
.btn-success:active,
.btn-success.active,
.btn-success:focus,
.btn-success.focus,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success:active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.btn-success.active:hover,
.btn-success:active:focus:hover,
.btn-success:active.focus:hover,
.btn-success.active:focus:hover,
.btn-success.active.focus:hover {
	color: #FFF;
	background-color: #3C963C;
	border-color: #2C6F2C;
}
.btn-success-alt {
	border-color: #5CB85C;
	color: #5CB85C;
}
.btn-success-alt:hover,
.btn-success-alt:active,
.btn-success-alt:focus {
	border-color: #4CAE4C;
	color: #4CAE4C;
}
.btn-success-alt.fill:hover,
.btn-success-alt.fill:active,
.btn-success-alt.fill:focus {
	border-color: #3C963C;
	background-color: #4CAE4C;
	color: #FFF;
}

/* BUTTON INFO */
.btn-info,
.open >.dropdown-toggle.btn-info:hover,
.open >.dropdown-toggle.btn-info:focus,
.open >.dropdown-toggle.btn-info.focus {
	color: #FFF;
	background-color: #5BC0DE;
	border-color: #45B6D9;
}
.btn-info:hover,
.open > .dropdown-toggle.btn-info {
	color: #FFF;
	background-color: #45B6D9;
	border-color: #30AED5;
}
.btn-info:active,
.btn-info.active,
.btn-info:focus,
.btn-info.focus,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info:active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.btn-info.active:hover,
.btn-info:active:focus:hover,
.btn-info:active.focus:hover,
.btn-info.active:focus:hover,
.btn-info.active.focus:hover {
	color: #FFF;
	background-color: #30AED5;
	border-color: #289FC3;
}
.btn-info-alt {
	border-color: #5BC0DE;
	color: #5BC0DE;
}
.btn-info-alt:hover,
.btn-info-alt:active,
.btn-info-alt:focus {
	border-color: #45B6D9;
	color: #45B6D9;
}
.btn-info-alt.fill:hover,
.btn-info-alt.fill:active,
.btn-info-alt.fill:focus {
	border-color: #45B6D9;
	background-color: #5BC0DE;
	color: #FFF;
}

/* BUTTON WARNING */
.btn-warning,
.open >.dropdown-toggle.btn-warning:hover,
.open >.dropdown-toggle.btn-warning:focus,
.open >.dropdown-toggle.btn-warning.focus {
	color: #FFF;
	background-color: #F0AD4E;
	border-color: #EDA135;
}
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
	color: #FFF;
	background-color: #EDA135;
	border-color: #EB961E;
}
.btn-warning:active,
.btn-warning.active,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning:active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.btn-warning.active:hover,
.btn-warning:active:focus:hover,
.btn-warning:active.focus:hover,
.btn-warning.active:focus:hover,
.btn-warning.active.focus:hover {
	color: #FFF;
	background-color: #EB961E;
	border-color: #DD8913;
}
.btn-warning-alt {
	border-color: #F0AD4E;
	color: #F0AD4E;
}
.btn-warning-alt:hover,
.btn-warning-alt:active,
.btn-warning-alt:focus {
	border-color: #EDA135;
	color: #EDA135;
}
.btn-warning-alt.fill:hover,
.btn-warning-alt.fill:active,
.btn-warning-alt.fill:focus {
	border-color: #30AED5;
	background-color: #EDA135;
	color: #FFF;
}

/* BUTTON DANGER */
.btn-danger,
.open >.dropdown-toggle.btn-danger:hover,
.open >.dropdown-toggle.btn-danger:focus,
.open >.dropdown-toggle.btn-danger.focus {
	color: #FFF;
	background-color: #D9534F;
	border-color: #D4403A;
}
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
	color: #FFF;
	background-color: #D4403A;
	border-color: #C9312C;
}
.btn-danger:active,
.btn-danger.active,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger:active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.btn-danger.active:hover,
.btn-danger:active:focus:hover,
.btn-danger:active.focus:hover,
.btn-danger.active:focus:hover,
.btn-danger.active.focus:hover {
	color: #FFF;
	background-color: #C9312C;
	border-color: #B42C27;
}
.btn-danger-alt {
	border-color: #D9534F;
	color: #D9534F;
}
.btn-danger-alt:hover,
.btn-danger-alt:active,
.btn-danger-alt:focus {
	border-color: #D4403A;
	color: #D4403A;
}
.btn-danger-alt.fill:hover,
.btn-danger-alt.fill:active,
.btn-danger-alt.fill:focus {
	border-color: #C9312C;
	background-color: #D4403A;
	color: #FFF;
}

/* BUTTON DEFAULT */
.btn-default,
.open >.dropdown-toggle.btn-default:hover,
.open >.dropdown-toggle.btn-default:focus,
.open >.dropdown-toggle.btn-default.focus {
	color: #FFF;
	background-color: #8B95A2;
	border-color: #7D8897;
}
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
	color: #FFF;
	background-color: #7D8897;
	border-color: #6F7C8B;
}
.btn-default:active,
.btn-default.active,
.btn-default:focus,
.btn-default.focus,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default:active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.btn-default.active:hover,
.btn-default:active:focus:hover,
.btn-default:active.focus:hover,
.btn-default.active:focus:hover,
.btn-default.active.focus:hover {
	color: #FFF;
	background-color: #6F7C8B;
	border-color: #636E7B;
}
.btn-default-alt {
	border-color: #8B95A2;
	color: #8B95A2;
}
.btn-default-alt:hover,
.btn-default-alt:active,
.btn-default-alt:focus {
	border-color: #7D8897;
	color: #7D8897;
}
.btn-default-alt.fill:hover,
.btn-default-alt.fill:active,
.btn-default-alt.fill:focus {
	border-color: #6F7C8B;
	background-color: #7D8897;
	color: #FFF;
}

/* BUTTON WHITE */
.btn-white,
.btn-white[disabled]:hover,
.btn-white.disabled:hover,
.btn-white:disabled:hover,
.open >.dropdown-toggle.btn-white:hover,
.open >.dropdown-toggle.btn-white:focus,
.open >.dropdown-toggle.btn-white.focus {
	color: #777;
	background-color: #FFF;
	border-color: #CCC;
}
.btn-white:hover,
.open > .dropdown-toggle.btn-white {
	color: #555;
	background-color: #F7F7F7;
	border-color: #BBB;
}
.btn-white:active,
.btn-white.active,
.btn-white:focus,
.btn-white.focus,
.btn-white:active:focus,
.btn-white:active.focus,
.btn-white:active:hover,
.btn-white.active:focus,
.btn-white.active.focus,
.btn-white.active:hover,
.btn-white:active:focus:hover,
.btn-white:active.focus:hover,
.btn-white.active:focus:hover,
.btn-white.active.focus:hover {
	color: #333;
	background-color: #DEDEDE;
	border-color: #333;
}
.btn-white-alt {
	border-color: #FFF;
	color: #FFF;
}
.btn-white-alt:hover,
.btn-white-alt:active,
.btn-white-alt:focus {
	border-color: #DEDEDE;
	color: #DEDEDE;
}
.btn-white-alt.fill:hover,
.btn-white-alt.fill:active,
.btn-white-alt.fill:focus {
	border-color: #333;
	background-color: #FFF;
	color: #333;
}


.btn-green:hover,
.btn-green:active,
.btn-green:active:focus,
.btn-green.active,
.open .dropdown-toggle.btn-green,
.btn-green:focus,
.btn-green.focus {
	color: #FFF;
	background-color: #008368;
	border-color: #008368;
}

.btn-green:not([disabled]):active:hover,
.btn-green.active:hover,
.open >.dropdown-toggle.btn-green:hover,
.btn-green:active:focus,
.btn-green.active:focus,
.open >.dropdown-toggle.btn-green:focus,
.btn-green:active.focus,
.btn-green.active.focus,
.open >.dropdown-toggle.btn-green.focus {
	color: #FFF;
	background-color: #014D46;
	border-color: #014D46;
}



.btn-brown {
	background-color: #583f26;
	border-color: #513921;
	color: #fff;
}

.btn-brown:hover,
.btn-browm:active,
.btn-brown:focus {
	color: #fff;
	background-color: #513921;
	border-color: #48321c;
}

.btn-brown-alt {
	border: 2px solid #583f26;
	color: #583f26;
	text-transform: uppercase;
	font-size: 12px;
}

.btn-brown-alt:hover,
.btn-brown-alt:active,
.btn-brown-alt:focus {
	border-color: #513921;
	color: #513921;
}

.btn-black {
	background: #333;
	color: #fff;
	border-color: #222;
}

.btn-black:hover,
.btn-black:active,
.btn-black:focus {
	background: #222;
	border-color: #111;
	color: #fff;
}

.btn-black-alt {
	border: 2px solid #333;
	color: #333;
	font-size: 12px;
	text-transform: uppercase;
}

.btn-black-alt:hover,
.btn-black-alt:active,
.btn-black-alt:focus {
	border: 2px solid #222;
	color: #222;
}

.btn-pink {
	background: #f579e8;
	border-color: #ec6bde;
	color: #fff;
}

.btn-pink:hover,
.btn-pink:active,
.btn-pink:focus {
	background: #ec6bde;
	border-color: #e261d4;
	color: #fff;
}

.btn-pink-alt {
	border: 2px solid #f579e8;
	color: #f579e8;
	font-size: 12px;
	text-transform: uppercase;
}

.btn-pink-alt:hover,
.btn-pink-alt:active,
.btn-pink-alt:focus {
	border-color: #ec6bde;
	color: #ec6bde;
}

.btn-darkblue {
	color: #fff;
	background: #2e4678;
	border-color: #29406f;
}

.btn-darkblue:hover,
.btn-darkblue:active,
.btn-darkblue:focus {
	background: #29406f;
	border-color: #243a66;
	color: #fff;
}

.btn-darkblue-alt {
	border: 2px solid #2e4678;
	color: #2e4678;
	text-transform: uppercase;
	font-size: 12px;
}

.btn-darkblue-alt:hover,
.btn-darkblue-alt:active,
.btn-darkblue-alt:focus {
	border-color: #29406f;
	color: #29406f;
}

.btn-orange {
	color: #fff;
	background: #f38108;
	border-color: #de7504;
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus {
	background: #de7504;
	border-color: #d67003;
	color: #fff;
}

.btn-orange-alt {
	border: 2px solid #f38108;
	color: #f38108;
	text-transform: uppercase;
	font-size: 12px;
}

.btn-orange-alt:hover,
.btn-orange-alt:active,
.btn-orange-alt:focus {
	border-color: #de7504;
	color: #de7504;
}

.btn-maroon {
	color: #fff;
	background: #990000;
	border-color: #880000;
}

.btn-maroon:hover,
.btn-maroon:active,
.btn-maroon:focus {
	background: #880000;
	border-color: #770000;
	color: #fff;
}

.btn-maroon-alt {
	border: 2px solid #990000;
	color: #990000;
	text-transform: uppercase;
	font-size: 12px;
}

.btn-maroon-alt:hover,
.btn-maroon-alt:active,
.btn-maroon-alt:focus {
	border-color: #880000;
	color: #880000;
}

.btn-lightblue {
	background: #0390fd;
	color: #fff;
	border-color: #028af3;
}

.btn-lightblue:hover,
.btn-lightblue:active,
.btn-lightblue:focus {
	background: #028af3;
	border-color: #0385ea;
	color: #fff;
}

.btn-lightblue-alt {
	border: 2px solid #0390fd;
	color: #0390fd;
	text-transform: uppercase;
	font-size: 12px;
}

.btn-lightblue-alt:hover,
.btn-lightblue-alt:active,
.btn-lightblue-alt:focus {
	border-color: #028af3;
	color: #028af3;
}

.btn-red {
	background-color: #D41B1B;
	border-color: #B51919;
}

.btn-red:hover,
.btn-red:active,
.btn-red:active:focus,
.btn-red.active,
.open .dropdown-toggle.btn-red,
.btn-red:focus,
.btn-red.focus {
	color: #FFF;
	background-color: #B51919;
	border-color: #9A1717;
}

.btn-red:not([disabled]):active:hover,
.btn-red.active:hover,
.open >.dropdown-toggle.btn-red:hover,
.btn-red:active:focus,
.btn-red.active:focus,
.open >.dropdown-toggle.btn-red:focus,
.btn-red:active.focus,
.btn-red.active.focus,
.open >.dropdown-toggle.btn-red.focus {
	color: #FFF;
	background-color: #014D46;
	border-color: #014D46;
}



/* ALT BUTTONS BASE STYLES */
[class^="btn"][class*="-alt"] {
	text-transform: none;
	border-width: 1px;
	border-style: solid;
	background: transparent;
}
.itemmanager-options-wrap button {
    padding: 7px 12px 6px;
}

/* FORCED PRIMARY HOVER */
.btn-group.open .btn.dropdown-toggle,
.btn-white:hover {
	color: #FFF;
	border: 1px solid #28B0B8;
	background: #28B0B8;
}
