/* Common styles */

body { margin: 0; padding: 0; background: #fff; color: #666; }
a { cursor: pointer; color:#666666; }
a:link, a:visited { color: #0000FF; }
a:hover { text-decoration: none; color: #0000FF;}
a:active { color: #666666;}
form { margin: 0; }
input:focus, textarea:focus, keygen:focus, select:focus { outline: none 0; }

.template { display: none !important; }
.loading { display: none; }
.note { color: #ccc; }
.placeholder[type="text"], textarea.placeholder { color: #999 !important; }
.clear-float:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
.clear { clear: both; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.full-width, .form .field.full-width { width: 100%; }
.btn { /*min-width: 100px;*/ margin-left: 5px; background-color: #fff; border: 1px solid #ccc; color: #333; }
.btn:first-child { margin-left: 0; }
.btn:active, .btn:focus, .btn:active:focus, .btn:active:hover { outline: none 0; }
.btn-primary { /* background-color: #c00; border-color: #c00; */ /*font-weight: bold;*/ color: #000; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover { /* background-color: #f00; border-color: #f00; */}
.btn-primary span { margin-top: 2px; vertical-align: middle; }
.glyphicon { vertical-align: middle; margin-right: 5px; top: 0; }
.icon-required { font-size: 8px; vertical-align: super; margin-left: 3px; margin-right: 3px; color: #c00; }
.btn-tag-remove { margin-left: 5px; }

select .default-option { color: #999; }

/* Modal */
.modal.in { margin-top: 0; height: 100%; overflow: hidden; }
.modal-backdrop.in { filter: alpha(opacity=20); opacity: 0.2; }
.modal-content { box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.modal-footer { margin-top: 0; }
/*.modal.in .modal-dialog,
	.modal.fade .modal-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; }*/

/* Carousel Slider */
.carousel-caption { left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,.5); }
.carousel-indicators { position: absolute; bottom: 0; left: 0; margin-left: 0; text-align: center; width: 100%; }
.carousel-indicators.overflow-width { display: inline-flex; height: 40px; margin-bottom: -10px; overflow-x: auto; }
.carousel-indicators li { padding-left: 15px !important; height: 5px; margin: 4px; border-radius: 4px; background-color: rgba(255,255,255,.5); }
.carousel-indicators li.active { padding-left: 15px; height: 5px; margin-top: 8px; margin-left: 4px; margin-right: 4px; }


.data-table { border: 0 none; }
.data-table th, .data-table td { padding: 5px 10px; border-bottom: 1px solid #ccc; }
.data-table th:first-child, .data-table td:first-child { padding-left: 0; }
.data-table th:last-child, .data-table td:last-child { padding-right: 0; }
.data-table th { text-align: left; border-bottom-color: #999; vertical-align: bottom; }
.data-table tr:hover td { background-color: #eee; }

.ui-search-page .icon-attachment { display: none; }
.ui-search-page .has-attachment .icon-attachment { display: inline-block; }

.form .fields { overflow-y: hidden; }
.form .fields .fields-left { width: calc(100% - 40% - 2%); float: left; }
.form .fields .fields-right { width: 40%; float: right; }
.form .field.full-width { margin-left: 0; margin-right: 0; }
.field-input label { font-weight: normal; }
.field .icon, .message .icon { background-repeat: no-repeat; display: inline-block; }
.field .icon.error, .error .icon { background-image: url(../images/icon_exclamation.png); width: 12px; height: 12px; }
.field .icon.error { margin-left: 5px; }
.field.validate-error .field-label { display: inline-block; min-height: 12px; padding-left: 17px; color: #c00; background: url(../images/icon_exclamation.png) no-repeat left 3px; }
.form .icon-file { margin-right: 5px; }
.form .attachment { overflow: hidden; padding: 3px; }
.form .attachment-image { width: 100%; }
.form .attachment-file { margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.form .btn-attachment-action { float: right; border-width: 0; border-radius: 4px; color: #666; font-weight: normal; line-height: 24px; padding: 0 10px; min-width: auto; }
.form .btn-remove-attachment { background-color: #f0f0f0; font-size: 13px; }
.form .attachment .btn-handle { font-size: 21px; color: #ccc; }
.form .attachment .btn-handle:active { box-shadow: none; }
.form .attachment .btn-remove-attachment .label-keep, .form .attachment.remove .btn-remove-attachment .label-remove { display: none; }
.form .attachment.remove .btn-remove-attachment .label-keep { display: inline; }
.form .attachment.remove .attachment-filename { text-decoration: line-through;  }
.form .attachment.remove .attachment-filename, .form .attachment.remove .icon-file { color: #999; }
.form .attachments .sortable-placeholder { height: 30px; background-color: #eee; }
.form .attachments .ui-sortable-helper { background-color: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); }
.form .attachment-url { width: 100%; position: relative; margin-top: 5px; }
.form .attachment-url > * { vertical-align: middle; }
.form .attachment-url .btn { position: absolute; line-height: 16px; padding: 5px 10px; margin-left: 0; font-size: 13px; background-color: #eee; width: 130px; }

.message { margin: 20px 0; padding: 10px; }
.message:first-child { margin-top: 0; }
.message:last-child { margin-bottom: 0; }
.message .icon { margin: 0 5px; }
.message.error { background-color: #c00; color: #fff; font-weight: bold; }
.message.info { background-color: #369; color: #fff; font-weight: bold; }

input[type='text'], input[type='password'], textarea { border: 1px solid #ccc; line-height: normal; padding: 5px 10px; }
select { border: 1px solid #ccc; padding: 5px 10px; }

.buttons { margin: 20px 0; }
.buttons:first-child { margin-top: 0; }
.buttons:last-child { margin-bottom: 0; }
.field { margin: 10px 0; }
.shadow { box-shadow: 0 0 10px 0 rgba(0,0,0,.2); }
.validator { vertical-align: middle; }
.disabled-control { display: inline-block; }
.disabled-control.control-input-text, .disabled-control.control-select, .disabled-control.control-textarea { border: 1px solid #eee !important; }

/* Login */
.app-logo { height: 70px; padding-right: 30px }
.path-admin .app-logo { height: 40px; font-family: "Spectral", serif; font-weight: 400;}

.path-account-login { background-color: #10171F; }
.path-account-login .top-links { display: none; }
.path-account-login .main { border: 0 none; background-color: transparent; padding: 0; }
.login-logo { font-size: 28px; text-align: left; color: #fff; font-family: "Spectral", serif; font-weight: 400; letter-spacing: -1.3px;}
.login-box { padding: 30px; background-color: #1E2B3A; border-radius: 5px; width: 350px; position: absolute; left: 50%; top: 50%; margin-left: -175px; margin-top: -219px; }
.login-form { margin: 0 auto; }
.login-box .field { width: 100%; float: none; margin-top: 10px; margin-bottom: 10px; }
.login-box .field-label { color: #7B97B7; font-size: 16px; font-weight: normal; width: auto; margin-bottom: 5px; }
.login-box .field-input { width: 100%; }
.login-box .input { width: 100%; background-color: #fff; border-color: #ccc; border-radius: 5px; color: #000; padding: 10px 20px; font-size: 16px; }
.login-box .message { padding: 0; margin-top: 20px; min-height: 1px; }
.login-box .message.error { padding: 10px; font-weight: normal; }
.login-box .message .error-message, .login-box .message.error .welcome-message { display: none; }
.login-box .message.error .error-message { display: inline; }
.login-box .btn { border: 0 none; padding: 15px 60px; text-transform: uppercase; border-radius: 5px; }
.login-box .btn-reset { display: none; }
.login-box.email-login { margin-top: -180px; }
.login-box.email-login .field.domain { display: none; }
.login-box .securitycode .input { width: 200px; }
@media screen 
{
	.print-only { display: none !important; }
}

@media print 
{
	.top-buttons, .bottom-buttons, .screen-only { display: none !important; }
}

@font-face {
    font-family: SweetSansRegular;
    src: url(SourceSansPro-Regular.ttf);
}