/* See: http://www.helloerik.com/the-subtle-magic-behind-why-the-bootstrap-3-grid-works */

/*
	Bootstrap.
*/

/* Normalize */

.rawmt * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.rawmt *:before,
.rawmt *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.rawmt {
	font-family: FrutigerNext, "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
}

.rawmt a {
	background: transparent;
}

.rawmt a:active,
.rawmt a:hover {
	outline: 0;
}

.rawmt button,
.rawmt input,
.rawmt optgroup,
.rawmt select,
.rawmt textarea {
	margin: 0;
	font: inherit;
	color: inherit;
}

.rawmt button {
	overflow: visible;
}

.rawmt button,
.rawmt select {
	text-transform: none;
}

.rawmt button,
.rawmt html input[type="button"],
.rawmt input[type="reset"],
.rawmt input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

.rawmt button[disabled],
.rawmt html input[disabled] {
	cursor: default;
}

.rawmt button::-moz-focus-inner,
.rawmt input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.rawmt input {
	line-height: normal;
}

.rawmt input[type="checkbox"],
.rawmt input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

.rawmt input[type="number"]::-webkit-inner-spin-button,
.rawmt input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

.rawmt input[type="search"] {
	-webkit-box-sizing: content-box;
 	   -moz-box-sizing: content-box;
            box-sizing: content-box;
	-webkit-appearance: textfield;
}

.rawmt input[type="search"]::-webkit-search-cancel-button,
.rawmt input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}


/* Common */

.rawmt .clearfix:before,
.rawmt .clearfix:after,
.rawmt .container:before,
.rawmt .container:after,
.rawmt .container-fluid:before,
.rawmt .container-fluid:after,
.rawmt .row:before,
.rawmt .row:after,
.rawmt .form-horizontal .form-group:before,
.rawmt .form-horizontal .form-group:after,
.rawmt .btn-toolbar:before,
.rawmt .btn-toolbar:after,
.rawmt .btn-group-vertical > .btn-group:before,
.rawmt .btn-group-vertical > .btn-group:after,
.rawmt .nav:before,
.rawmt .nav:after,
.rawmt .navbar:before,
.rawmt .navbar:after,
.rawmt .navbar-header:before,
.rawmt .navbar-header:after,
.rawmt .navbar-collapse:before,
.rawmt .navbar-collapse:after,
.rawmt .pager:before,
.rawmt .pager:after,
.rawmt .panel-body:before,
.rawmt .panel-body:after,
.rawmt .modal-footer:before,
.rawmt .modal-footer:after {
	display: table;
	content: " ";
}

.rawmt .clearfix:after,
.rawmt .container:after,
.rawmt .container-fluid:after,
.rawmt .row:after,
.rawmt .form-horizontal .form-group:after,
.rawmt .btn-toolbar:after,
.rawmt .btn-group-vertical > .btn-group:after,
.rawmt .nav:after,
.rawmt .navbar:after,
.rawmt .navbar-header:after,
.rawmt .navbar-collapse:after,
.rawmt .pager:after,
.rawmt .panel-body:after,
.rawmt .modal-footer:after {
	clear: both;
}

.rawmt .center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.rawmt .pull-right {
	float: right !important;
}

.rawmt .pull-left {
	float: left !important;
}

.rawmt .container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.rawmt .container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.rawmt .row {
	margin-right: -15px;
	margin-left: -15px;
}

/* Panel */

.rawmt.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.rawmt.panel-default {
	border-color: #ddd;
}

.rawmt.panel-default > .panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.rawmt .panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
    position: relative;
}

.rawmt .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
}

.rawmt .panel-body {
	padding: 15px;
}

.rawmt .radio-inline,
.rawmt .checkbox-inline {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	vertical-align: middle;
	cursor: pointer;
}

/* Popover */

.rawmt .popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
    min-width: 150px;
	max-width: 276px;
	text-align: left;
	white-space: normal;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.rawmt .popover.top {
	margin-top: -10px;
}

.rawmt .popover.right {
	margin-left: 10px;
}

.rawmt .popover.bottom {
	margin-top: 10px;
}

.rawmt .popover.left {
	margin-left: -10px;
}

.rawmt .popover-title {
	padding: 8px 14px;
 	margin: 0;
	font-size: 14px;
 	font-weight: normal;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
}

.rawmt .popover-content {
	padding: 9px 14px;
}

.rawmt .popover > .arrow,
.rawmt .popover > .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.rawmt .popover > .arrow {
	border-width: 11px;
}

.rawmt .popover > .arrow:after {
	content: "";
	border-width: 10px;
}

.rawmt .popover.top > .arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, .25);
	border-bottom-width: 0;
}

.rawmt .popover.top > .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #fff;
	border-bottom-width: 0;
}

.rawmt .popover.right > .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, .25);
	border-left-width: 0;
}

.rawmt .popover.right > .arrow:after {
	bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #fff;
	border-left-width: 0;
}

.rawmt .popover.bottom > .arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25);
}

.rawmt .popover.bottom > .arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #f7f7f7;
}

.rawmt .popover.left > .arrow {
	top: 50%;
 	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, .25);
}

.rawmt .popover.left > .arrow:after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0;
	border-left-color: #fff;
}

/* Close */

.rawmt .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.rawmt .close:hover,
.rawmt .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

.rawmt button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

/* Modal */

.modal-open {
    overflow: hidden;
}

.rawmt.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 12010;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
       -moz-transition:    -moz-transform .3s ease-out;
         -o-transition:      -o-transform .3s ease-out;
            transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
            transform: translate(0, -25%);
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.rawmt .modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.rawmt .modal-header .close {
    margin-top: -2px;
}

.rawmt .modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.rawmt .modal-body {
    position: relative;
    padding: 20px;
}

.rawmt .modal-footer {
    padding: 19px 20px 20px;
    margin-top: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.rawmt .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.rawmt .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.rawmt .modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

/* Button link */

.rawmt .btn-link {
	font-weight: normal;
	color: #428bca;
	cursor: pointer;
	border-radius: 0;
}

.rawmt .btn-link,
.rawmt .btn-link:active,
.rawmt .btn-link[disabled],
.rawmt fieldset[disabled] .btn-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.rawmt .btn-link,
.rawmt .btn-link:hover,
.rawmt .btn-link:focus,
.rawmt .btn-link:active {
	border-color: transparent;
}

.rawmt .btn-link:hover,
.rawmt .btn-link:focus {
	color: #2a6496;
	text-decoration: underline;
	background-color: transparent;
}

.rawmt .btn-link[disabled]:hover,
.rawmt fieldset[disabled] .btn-link:hover,
.rawmt .btn-link[disabled]:focus,
.rawmt fieldset[disabled] .btn-link:focus {
	color: #999;
	text-decoration: none;
}

/*
	Adsk default.
*/

.rawmt .icon {
	height: 20px;
	width: 20px;
	background-size: cover;
}

.rawmt .icon-question-mark {
	background-image: url(../images/icon-question-mark.png);
	background-repeat: no-repeat;
    outline: 0 none;
}

.rawmt .btn-adsk {
	display: inline-block;
	color: #444444;
	font-size: 14px;
	padding: 4px 10px;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #f4f4f4;

	background: -webkit-linear-gradient(#ffffff 25%, #eeeeee 100%);
	background: -moz-linear-gradient(#ffffff 25%, #eeeeee 100%);
	background: linear-gradient(#ffffff 25%, #eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);

	-webkit-box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-ms-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;

	text-transform: uppercase;
	min-width: 150px;
	min-height: 40px;
}

.rawmt .btn-adsk:hover {
	border: 1px solid #666;

	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	-ms-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

	background: #f3f3f3;
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f3f3f3', endColorstr = '#f4f4f4', GradientType=0);
}

.rawmt .no-vertical-padding {
	margin-top: -15px;
	margin-bottom: -15px;
}

.rawmt .decorated-link {
	/* take in caaount link arrow */
	padding-right: 20px;
}

.rawmt .decorated-link:after {
    content: " ";
	position: absolute;
    display: inline-block;
	width: 14px;
	height: 18px;
	background: url(../images/link-arrow-right.png) no-repeat center right;
}

/* Making Semantic Elements Behave Like a Table */

.rawmt .table {
	display: table;
	width: 100%;
}

.rawmt .table-row {
	display: table-row;
	width: 100%;
}

.rawmt .table-cell {
	display: table-cell;
}

.rawmt .table-cell-centered {
	vertical-align: middle;
	text-align: center;
}

/* Columns */

.rawmt .col {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}

.rawmt .col-12 {
  width: 100%;
}

.rawmt .col-11 {
  width: 91.66666667%;
}

.rawmt .col-10 {
  width: 83.33333333%;
}

.rawmt .col-9 {
  width: 75%;
}

.rawmt .col-8 {
  width: 66.66666667%;
}

.rawmt .col-7 {
  width: 58.33333333%;
}

.rawmt .col-6 {
  width: 50%;
}

.rawmt .col-5 {
  width: 41.66666667%;
}

.rawmt .col-4 {
  width: 33.33333333%;
}

.rawmt .col-3 {
  width: 25%;
}

.rawmt .col-2 {
  width: 16.66666667%;
}

.rawmt .col-1 {
  width: 8.33333333%;
}

/*
	Rating customizations.
*/

.rawmt.rating {
	margin: 20px 16px;
	color: #666666;
}

.rawmt.rating .panel-heading {
	background-color: #5C83AA;
	padding-top: 10px;
	padding-bottom: 10px;
}

.rawmt.rating .panel-title {
	color: white;
    text-transform: uppercase;
	vertical-align: middle;
}

.rawmt.rating .panel-default {
	border-color: #aaaaaa;
}

.rawmt.rating input[type="radio"] {
	padding-left: 16px;
}

.rawmt.rating .radio-inline {
	vertical-align: baseline;
	padding-left: 15px;
	padding-right: 15px;
}

.rawmt.rating .callout > span {
	width: 150px;
	min-height: 40px;
	padding: 4px 10px;
}

.rawmt.rating .bg-info {
	background-color: #F5F5F5;
}

/*
    Popover customization.
*/

.rawmt .popover {
    color: #333;
    max-width: 500px;
    z-index: 12000;
}

/*
	Collaboration customization.
*/

.rawmt.collaboration .panel-title {
	font-size: 20px;
}

.rawmt.collaboration .panel-title > small {
	font-size: 16px;
	font-weight: normal;
	color: #666666;
}

.rawmt.collaboration .panes {
	padding-top: 16px;
}

.rawmt.collaboration .pane-left,
.rawmt.collaboration .pane-right {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	width: 50%;
	float: left;
}

.rawmt.collaboration .pane-right {
	border-left: 3px solid #eee;
}

.rawmt.collaboration .pane-original-language,
.rawmt.collaboration .pane-target-language {
	padding-top: 15px;
	padding-bottom: 15px;
}

.rawmt.collaboration .pane-target-language {
	background-color: #eee;
}

.rawmt.collaboration span[data-uuid] {
	margin: -2px -4px;
	padding: 2px 4px;
	border-radius: 4px;
}

.rawmt.collaboration span[contenteditable="true"].changed {
	background-color: #dff0d8; /* light green */
}

.rawmt.collaboration span[contenteditable="true"]:hover {
	background-color: #fcf8e3; /* yellow */
}

.rawmt.collaboration span[contenteditable="true"]:focus {
	background-color: white;
}

@-webkit-keyframes yellow-fade {
	0% {
		background: none;
	}

	100% {
		background: #fcf8e3; /* yellow */
	}
}

@keyframes yellow-fade {
	0% {
		background: none;
	}

	100% {
		background: #fcf8e3; /* yellow */
	}
}

.rawmt.collaboration .highlight {
	border-radius: 4px;

	-webkit-animation: yellow-fade 1s ease-in 1;
	-moz-animation: yellow-fade 1s ease-in 1;
	animation: yellow-fade 1s ease-in 1;

	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

/*
	Confirmation dialog customization.
*/

.rawmt.modal-confirmation {
	width: 600px;
	margin: 30px auto;
}