body {
    font-size: 12px;
    color: #555555;
    background-Color: rgb(240,240,240);
}

hr {
    border-top: 1px solid #ccc;
}

.bold {
    font-weight: bold;
}

.text-left {
    text-align: left;
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pointer {
    cursor: pointer;
}

#container{
    padding: 60px 20px 10px 20px;
}
a:hover, a:focus {
    cursor: pointer;
    text-decoration: none;
}
#flash-session-div{
    margin: 0;
    padding: 0;
}
.panel{
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.panel-heading{
    min-height: 42px;
    z-index: -1;
}

.panel-heading .btn {
    font-weight: bold;
}
.no-margin {
    margin: 0 !important;
}
.no-margin-left {
    margin-left: 0;
}
.no-margin-right {
    margin-right: 0;
}
.no-padding {
    padding: 0 !important;
}
.no-padding-left {
    padding-left: 0;
}
.no-padding-right {
    padding-right: 0;
}
/**
 * Dashboard Charts
 */
.chart{
    width: 100%;
    height: 450px;
}
/**
 * Labels,alerts,buttons and forms
 */
.label{
    font-size: 100%;
    padding: .35em .6em .3em;
}
.label-success, .btn-success {
    background-color: #7AC522;
    border-color: #6FAD25;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background: #6FAD25;
    border-color: #6FAD25;
}
.td-permissions{
    text-align: center;
}
.permission-radio{
    margin-top: -2px !important;
    vertical-align: middle;
}
.alert{
    margin-bottom: 0;
    border-radius: 0;
}

.form-control:focus {
    border-color: #7AC522;
}
.btn-add-service{
    margin-bottom: 10px;
    width: 100%;
}
.btn-default {
    color: #FFF;
    background-color: #666;
    border-color: #666;
}
.btn-default[disabled] {
    background-color: #999;
    border-color: #999;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #444;
    border-color: #444;
}
.cursor{
    cursor: pointer;
}

.margin-left-150 {
    margin-left: 150px;
}

.nomargin {
    margin: 0px;
}

.notopmargin {
    margin-top: 0;
}

.btn-ad-order-help{
    width: 200px;
    height: 200px;

}
.btn-ad-order-help div{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.subject-search{
    padding-left: 0;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

/**
 * Login Page
 */
#index1	{
    width:100%;
    height:100%;
    background-Color:rgb(230,230,230);
}
#index2	{
    position:absolute;
    left:50%;
    top:50%;
    margin:-150px 0px 0px -100px;
    width:200px;
    height:300px;
}
#index2 img{
    width: 100%;
    height: auto;
}
.mini_height {
    height:15px;
}
/**
 * Navigation
 */
.portal_nav, .portal_nav_portal {
    background-color: #555555;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.portal_nav_admin {
    background-color: #660000;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.portal_nav_accounting {
    background-color: #006602;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.portal_nav_profile {
    background-color: #5D8B59;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.portal_nav_superadmin {
    background-color: #450068;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.portal_nav_research {
    background-color: #176177;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.portal_nav_opscenter {
    background-color: #176177;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.portal_nav_extresearch {
    background-color: #176177;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.portal_nav_extaccounting {
    background-color: #006602;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.portal_nav_dataprovider {
    background-color: #176177;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.portal_nav_element a {
    color: #FFF !important;
    font-size: 12px;
}

.portal_nav_margin {
    margin-right: 20px;
}

ul.navbar-nav li:not(.dropdown-header):hover {
    background-color: #7AC522;
    color: #555;
}

ul.navbar-nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    background-color: #555;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #7AC522;
    color: #fff;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #7AC522;
}

.navbar-default .navbar-toggle {
    border-color: #7AC522;
}

/**
 * Pagination
 */
#pagination-nav{
    text-align: right;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #7AC522;
    border-color: #7AC522;
}
.pagination > li > a,
.pagination > li > span {
    color: #555;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #555;
}

/**
 * Tables
 */
.orders-search{
    border: 0;
    padding: 0;
    line-height: 2em;
    width: 100%;
}
.search-row > td{
    padding: 0 !important;
}
.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f5f5f5;
}
.table-hover > tbody > tr:hover,
.table-hover > tbody > tr:hover td {
    background-color: #7AC522 !important;
    cursor: pointer;
    color: #fff;
}
#fields-form-table td {
    vertical-align: middle;
}

.portal_vertical_top {
	vertical-align: top;
}

/**
 * Help panel and icon for almost all screens
 */
.portal_help {
    width: 100%;
    display: inline-block;
}
.portal_help_button {
    width: 30px;
    cursor: pointer;
}

/**
 * File upload buttons
 */
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.width-4 {
    width: 4px;
}
.width-5 {
    width: 5px;
}
.width-10 {
    width: 10px;
}
.width-15 {
    width: 15px;
}
.width-20 {
    width: 20px;
}
.width-40 {
    width: 40px;
}
.width-50 {
    width: 50px;
}
.width-60 {
    width: 60px;
}
.width-70 {
    width: 70px;
}
.width-100 {
    width: 100px;
}
.width-110 {
    width: 110px;
}
.width-120 {
    width: 120px;
}
.width-150 {
    width: 150px;
}
.width-175 {
    width: 175px;
}
.width-200 {
    width: 200px;
}
.width-250 {
    width: 250px;
}
.width-300 {
    width: 300px;
}

.red-background {
    color: #FF0000;
}

/**
 * File Uploader
 */
li.alert-success {
    background-color: #DFF0D8;
}
li.alert-error {
    background-color: #F2DEDE;
}
.alert-error .qq-upload-failed-text {
    display: inline;
}

/**
 * Required field for forms
 */
.form-group.required .control-label:after {
    content: "*";
    color: #FF0000;
}

/**
 * Lines below the header
 */
.heading_row_1 {
    width: 100%;
    height: 1px;
    background-color: #AFDC7A;
}

.heading_row_2 {
    width: 100%;
    height: 2px;
    background-color: #7AC522;
}

.heading_row_3 {
    width: 100%;
    height: 1px;
    background-color: #497614;
}

/**
 * Portal - Admin Permissions
 */
.portal_admin_permissions {
    width: 100px;
    height: 60px;
    vertical-align: middle;
}

/**
 * Portal Help message div
 */
#help_message {
    margin-bottom: 20px;
}

.portal_margin_top_minus_5 {
    margin-top: -5px;
}

#help {
    display: none;
}

.module_admin {
    color: #660000;
}
.module_portal {
    color: #555;
}

.execution_time {
    background-color:#CF4342;
    color:#FFFFFF;
    right: 0;
    bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    position: fixed;
}

.autocomplete-suggestions {
    background: #fff !important;
    border-left: #666 1px solid;
    border-bottom: #666 1px solid;
    border-right: #666 1px solid;
}

.autocomplete-suggestion {
    padding: 5px !important;
}

.autocomplete-selected {
    background: #f0f0f0;
    cursor: pointer;
}
/* Integration Fields Map Styling */
#service-fields{
    border: 1px dashed #333;
    padding: 5px 5px 0 5px;
    min-height: 300px;
}

.integ-map-draggable {
    padding: 10px;
    text-align: left;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    width: 200px;
    z-index: 10;
}
.integ-map-droppable{
    border: 1px dashed #333;
    padding: 5px 5px 0 5px;
    background-color: #ffffff;
    min-height: 40px;
}
.integ-map-droppable-highlight{
    -webkit-box-shadow: 0px 0px 10px 1px rgba(121,197,34,1);
    -moz-box-shadow: 0px 0px 10px 1px rgba(121,197,34,1);
    box-shadow: 0px 0px 10px 1px rgba(121,197,34,1);
}
.integ-map-droppable-field-name{
    font-weight: bold;
    font-size: 16px;
}
.integ-map-int-fields {
    border: 1px solid #333;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px;
    background-color: whitesmoke;
}
.field-description {
    border: none;
    background-color: transparent;
    width: 100%;
}
#integration-map{
    padding-top: 15px;
}
#integration-map > p{
    margin: 0;
}
.integ-map-select{
    margin-bottom: 10px;
}

/* generic */
.text-middle {
    vertical-align: middle !important;
}

/* Avatar in profile */
.avatar {
    max-width: 150px;
    max-height: 150px;
}

/* finalization box */
.finalization_box {
    position: fixed;
    left: 20px;
    bottom: 20px;
    background: #470f0f;
    padding: 20px;
    color: #fff;
    text-align: center;
    z-index: 2;
}

.finalization_box .sending_in {
    margin-top: 0;
    font-weight: bold;
    display: inline-block;
}

/* checkboxes/radio buttons that don't suck */
input[type=radio].css-radiobutton,
input[type=checkbox].css-checkbox {
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;
}

input[type=radio].css-radiobutton + label.css-labelrb {
    padding-left:25px;
    height:20px;
    display:inline-block;
    line-height:20px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:20px;
    vertical-align:middle;
    cursor:pointer;

}

input[type=radio].css-radiobutton:checked + label.css-labelrb {
    background-position: 0 -20px;
}

label.css-labelrb {
    background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_19670f085a2bb301d556969dc251c2ce.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=checkbox].css-checkbox + label.css-labelcb {
    padding-left:28px;
    height:23px;
    display:inline-block;
    line-height:23px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:23px;
    vertical-align:middle;
    cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-labelcb {
    background-position: 0 -23px;
}
label.css-labelcb {
    background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_23e0609b98f6b46d8c76b4ec9f7fc739.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox {
    font-size: 14px;
}

/* rts */
.rtss_panel_heading {
    cursor: pointer;
}

/* bootstrap overrides */
tr.danger td {
    background: #FFF1F0 !important;
}
.internal_notes > .modal-dialog {
    width: 50%;
    margin: 30px auto;
}
.pri > .modal-dialog {
    width: 90%;
    max-width: 1000px;
}

.navbar-collapse .dropdown-header {
    margin-top: 6px;
    color: #ccc;
    font-size: 11px;
}

.text-danger {
    color: #FF0000 !important;
}

.hidden-overlay {
    background: linear-gradient(
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0.2)
    );
}

/* misc. */
.disabled {
    pointer-events: none;
    opacity: 0.9;
}

.label-important {
    color: #d9534f;
    font-size: 18px;
    font-weight: 900;
}