/*!
 * Review Bootstrap override
 * - this will be main tyle file overriding some setting in bootstrap.min.css
 * - DO NOT EVER change directly bootstrap.css / bootstrap.min.css !!!
 * - from now on try to clean css and HTML using bootstrap framework : http://twitter.github.com/bootstrap/
 * - eventually style.css will be deleted.
 */
@font-face {
    font-family: 'academreview';
    src: url('../fonts/AcademReview.eot?v=3.6.4');
    src: url('../fonts/AcademReview.eot?#iefix&v=3.6.4') format('embedded-opentype'), url('../fonts/AcademReview.ttf?v=3.6.4') format('truetype'), url('../fonts/AcademReview.svg?v=3.6.4#academreview') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Sommet';
    src: url('../fonts/Sommet.eot?#iefix') format('embedded-opentype'),  url('../fonts/Sommet.otf')  format('opentype'),
           url('../fonts/Sommet.woff') format('woff'), url('../fonts/Sommet.ttf')  format('truetype'), url('../fonts/Sommet.svg#Sommet') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  

/* Body and layout */
body {
    background: #E4E9EC;
    font-size: 13px;
}

.tooltip {
    font-size: 12px;
    max-width: 360px;
    white-space: normal;
}
.tooltip-inner {
    max-width: inherit;
}

.pagination { margin: 0 0 20px 0;}

hr {
    margin: 12px 0;
}

.btn {
    outline: none;
}

.btn.disabled, .btn[disabled] {
    background-color: #bbb;
    color: #fff;
    border-color: #bbb;

    text-shadow: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-outline, .btn-outline-alt {
    text-shadow: none;
    box-shadow: none;
}
.btn-outline {
    background: none !important;
    border-color: #ccc;
    }

.btn-outline-alt, .btn-outline-alt.disabled, .btn-outline-alt[disabled], .btn-outline-alt.disabled:hover {
    background: none !important;
    border-color: transparent !important;
    }
.btn-outline-alt:hover, .btn-outline:hover {
    border-color: #999;
}
.btn-outline-alt.disabled, .btn-outline-alt[disabled],
.btn-outline.disabled, .btn-outline[disabled] {
    color: #333;
}

.btn p {
    margin: 0;
    padding: 3px 0;
    line-height: 1.2em;
}

header {

    }
    #system_announcement {
        background: #000000;
        padding: 14px 10px;
        font-weight: 800;
        color: #ffffff;
        text-align: center;
        letter-spacing: 2px;
    }

nav#nav_main {
        overflow: hidden;
        width: 100%;
    }
    #nav_main ul{padding:16px 0 0 0; margin:0; list-style:none;}
    #nav_main ul li{float:left; margin:0 1px 0 0; z-index:1; position:relative;   }
    #nav_main ul li a{
        display:block;
        font:bold 13px/18px Arial, Helvetica, sans-serif;
        color:#ffffff;
        text-decoration:none;
        padding: 6px 15px 0px 15px;
        height: 25px;

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

        background-color: #54b346;
        background-image: -moz-linear-gradient(top, #54b346, #3a7d30);
        background-image: -ms-linear-gradient(top, #54b346, #3a7d30);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#54b346), to(#3a7d30));
        background-image: -webkit-linear-gradient(top, #54b346, #3a7d30);
        background-image: -o-linear-gradient(top, #54b346, #3a7d30);
        background-image: linear-gradient(top, #54b346, #3a7d30);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54b346', endColorstr='#3a7d30', GradientType=0);
        *background-color: #3a7d30;
        /* Darken IE7 buttons by default so they stand out more given they won't have borders */

        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
    #nav_main ul li a:hover {
        background: #ddd;
        color:#636363;
        filter: none;
    }
    #nav_main ul li a.active {
        background: #fff;
        color:#636363;
        filter: none;
    }

nav#nav_sub {

    }
    #nav_sub .nav-pills > li > a {
        margin-right: 4px;
        background-color: #f2f2f2;
    }
    #nav_sub .nav-pills > li:last-child > a { margin-right: 0px; }
    #nav_sub .nav-pills  > li > a:hover{
        background-color: #eaeaea;
        color: #005680;
    }
    #nav_sub .nav-pills > li > a.active, .nav-pills  > li > a:hover, .nav-pills > li > a:focus {
        background-color: #68b6c4;
        color: #fff;
    }

#content_main {
    background: #fff;
    padding: 15px 0;
}

footer.footer-common {

    padding: 15px 0;
    color: #8da1a8;
    font-size: 11px;
    line-height: 130%;
    }

    footer.footer-common .footer-left {
        float: left;
    }
    footer.footer-common .footer-right {
        float: right;
    }

    footer.footer-common .app-version {

    }
    footer.footer-common a {
        color: inherit;
        text-decoration: none;
    }
    footer.footer-common a:hover {
        color: inherit;
        text-decoration: underline;
    }
    footer.footer-common img {
        height: 14px;
        float: left;
        margin: 2px 5px 0 5px;
    }

    @media (max-width: 767px) {
        footer.footer-common {
            padding: 15px 15px;
            text-align: left;
        }
        footer.footer-common img {
            float: none;
            display: block;
            margin: 0 0 5px;
        }
        footer.footer-common .footer-left {
            float: none;
            margin-bottom: 5px;
        }
        footer.footer-common .footer-right {
            float: none;
        }
    }

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

small, .small, p.small, span.small, b.small{
    font-size: 88%;
    font-weight: normal;
    /*color: #666;*/
    line-height: 1.1em;
}
p.small {
    margin: 0;
}

.td-title {
    font-weight: bold;
    padding: 0;
    line-height: 1.1em;
}
.td-description {
    font-size: 88%;
    line-height: 120%;
    color: #666;
    font-style: italic;
}
.td-grey {
    color: #999;
}

.clear {clear:both; height:0; line-height:0; font-size:0; padding:0; margin:0;}
p {margin-bottom: 4px;}

.dialog_td .close { font-size: 30px; line-height: 30px; margin: -12px 0 0 0;}

.th-import{

    }
    .th-import small{
        color: #666;
        line-height: 100%;
        font-weight: normal;
    }

.td-vertical > div {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;

    height: 150px;
    }


legend {
    line-height: 1.2em;
    font-size: 18px;
    padding: 0 0 4px 0;
    color: #999;
}

/* Adjusting table header*/
table {
   /* background: #fff;*/
}
thead th {
    color: #666;
    background-color: #eeeeee; /* Old browsers */
    background-repeat: repeat-x; /* Repeat the gradient */
    background-image: -moz-linear-gradient(top, #fafafa 0%, #eeeeee 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #fafafa 0%, #eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
    background-image: -ms-linear-gradient(top, #fafafa 0%, #eeeeee 100%); /* IE10+ */
    background-image: -o-linear-gradient(top, #fafafa 0%, #eeeeee 100%); /* Opera 11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#eeeeee', GradientType = 0); /* IE6-9 */
    background-image: linear-gradient(top, #fafafa 0%, #eeeeee 100%); /* W3C */
    white-space: nowrap;
}


/* Table headers with pagination ans sort */
table .header{
    padding-top: 8px;
    padding-bottom: 8px;
}
table .header a{
    text-decoration: none;
}

table .headerSortUp {
    border-bottom: 3px solid #D07C05 !important;
    padding-bottom: 5px;
    }
    .headerSortUp a { color: #D07C05 !important; }

table .headerSortDown {
    border-top: 3px solid #D07C05 !important;
    padding-top: 5px;
    }
    .headerSortDown a { color: #D07C05 !important; }


.table-noborder {
    border: 0 !important;
    }
    .table-noborder th,
    .table-noborder td {
        border-left: 0 !important;
    }

.table-nostriped td {
    background-color: inherit !important;
}

.table-condensed2 th,
.table-condensed2 td {
  padding: 2px 0;
}

.table td.text-center, .table th.text-center {
    text-align: center;
}
.table td.text-right, .table th.text-right {
    text-align: right;
}
.table td.text-left, .table th.text-left {
    text-align: left;
}
.table tbody tr.edited > td {
    background-color: #E6E6E6;
}

/* responsive table wrapper - adding horizontal scroll to too wide tables */
.table-responsive {
    width: 100%; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch;
}
.table-responsive > table { margin-bottom: 0; }

/* dropdown menu in btn group in responsive table at the bottom is cut off - so lets make it relative there */
.table-responsive table .btn-group .dropdown-menu {
    position: relative;
    top: 0;
}

/* lighter table for e.g. ajax loaded quick info */

.table-light {
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;
}
.table-light thead tr th {
    -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;
    background: none;
    color: #999;
}
.table-light tbody tr td { padding-left: 4px; padding-right: 4px; vertical-align: middle; }
.table-light.table-light-top tbody tr td { vertical-align: top; }
.table-light thead tr th { padding-left: 4px; padding-right: 4px; }

.table-light.table-noborder, .table-light.table-noborder tbody tr td, .table-light.table-noborder tbody tr th { border: 0; }
.table-light.table-noborder tbody tr td:first-child, .table-light.table-noborder tbody tr th:first-child { padding-left: 0; }
.table-light.table-noborder tbody tr td:last-child, .table-light.table-noborder tbody tr th:last-child { padding-right: 0; }



/* Adjusting progress bar */
.progress {
    position: relative;
    margin-bottom: 10px;
}
.progress .bar {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.progress .msg {
    position: absolute;
    font-size: 12px;
    color: #000;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

.page_result{
    margin: 0 0 4px 0;
    padding: 0 0 0 10px;
    color: #666;
    font-weight: bold;
    float: left;
}

.alert {
    padding: 8px 14px;
}

/* Adjusting well for tr element - used for expanded row - editing */
.well{
    padding: 8px;
    margin-bottom: 15px;
}
tr.well-edit {
    background-color: #eee;
    }
.table th { line-height: 1.2em; }
.table tbody tr.well-edit:hover td,
.table tbody tr.well-edit:hover th {
    background-color: transparent;
}


/* Autocompleter */
.ui-autocomplete-loading {
    background: #ffffff url(../img/spinner3.gif) center right no-repeat;
}
.ui-autocomplete {
    font-size: 12px;
    font-family: Arial, san-serif;

    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 10px;

    background: #f0f0f0;
}
.ui-menu-item{
}
.ui-menu-item p.auto-label {
    font-size: 12px;
    color: #333;
    line-height: 1em;
    margin: 0 0 4px 0;
}
.ui-menu-item p.auto-info {
    font-size: 11px;
    font-style: italic;
    color: #666;
    line-height: 1em;
    margin: 3px 0 3px 0;
}
.ui-menu-item a{
    margin: 2px 2px !important;
    border: 1px solid #e0e0e0 !important;
}
.ui-menu-item a.ui-state-hover{
    background: #fff !important;
    color: #000 !important;
    border-color: #ccc !important;
}

/*
* Modal Adjustmens
*/
.modal {
    width: auto;
}

.modal.fade.in { top: 20px; }
.modal-header h3 {
    line-height: 25px;
    font-size: 18px;
    font-weight: normal;
    color: #666;
    margin: 0;
}
.modal-body {
    box-sizing: border-box;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

@media (min-width: 768px) {

    .modal{
        width: 720px;
        margin-left: -360px;
    }
}
@media (min-width: 980px) {

    .modal{
        width: 860px;
        margin-left: -430px;
    }
}

@media (min-width: 768px) {
    .modal.modal-big {
        margin-left: -45%;
        width: 90%;
    }
}
@media (min-width: 1500px) {
    .modal.modal-big {
        margin-left: -735px;
        width: 1470px;
    }
}

.modal.modal-full {
    margin: 0;
    width: auto;
    left: 20px;
    right: 20px;
    bottom: 20px;
    top: 20px;
}

/* Status styles */
.error,
.nonoperational,
.inactive,
.status-0,
.ar_status-0{
    color: #dd0000 !important;
}

.operational,
.status-1 {
    color: #009900 !important;
}

.status-2 {
    color: #997700 !important;
}

.in_use {
    color: #dd0000 !important;
}

.perm-0 {background-color: #fff;}
.perm-1 {background-color: #e3ffd7;}

.field-sample { color: #406f92; }

/* Jquery UI adjustments */

.ui-datepicker{
   font-size: 12px;
   z-index:9999 !important;
}
.ui-widget-header{
    border: none;
    background: none;
}

.ui-widget {
    font-family: inherit;
}

.ui-multiselect-menu {
    padding: 0 !important;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    border: 0;
}
.ui-multiselect-checkboxes{
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    border: 1px solid #ddd;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #e0e0e0;
    border: 0;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}


/* Auto refresh label*/
.auto-refresh {
    padding: 2px 0px 2px 0;
}
.auto-refresh-on {
    padding: 2px 30px 2px 0;
    background: url(../img/spinner_autorefresh.gif) center right no-repeat;
}

/* textarea counter limit */
span.limit-counter {
    padding: 0 0 0 8px;
    font-size: 12px;
    color: #666;
}
span.limit-warning {
    color: #ea7400;
}
span.limit-exceeded {
    color: #cc0000;
}

/* spinner icon */
.icon-spinner {
    background: url(../img/spinner2.gif) no-repeat center center;
}
/* goal shape icons */
.icon-goal-star {
    background: #666666 url(../img/goal-shapes-sprite.png) no-repeat 0 0;
}
.icon-goal-circle {
    background: #666666 url(../img/goal-shapes-sprite.png) no-repeat 0 -14px;
}
.icon-goal-square {
    background: #666666 url(../img/goal-shapes-sprite.png) no-repeat 0 -28px;
}
.icon-goal-triangle {
    background: #666666 url(../img/goal-shapes-sprite.png) no-repeat 0 -42px;
}
.icon-goal-pentagon {
    background: #666666 url(../img/goal-shapes-sprite.png) no-repeat 0 -56px;
}
.icon-goal-diamond {
    background: #666666 url(../img/goal-shapes-sprite.png) no-repeat 0 -70px;
}
.icon-goal-semicircle {
    background: #666666 url(../img/goal-shapes-sprite.png) no-repeat 0 -84px;
}
.icon-multilogin-alert {
    background: #ee0000 url(../img/multilogin-alert.png) no-repeat;
}

.cursor-zoom {
    cursor:  pointer;
    cursor:  url(../img/magnify.cur) 2 2, pointer;
}


/* css spin */
.spin{
    -webkit-transform-origin: 50% 50%;
    transform-origin:50% 50%;
    -ms-transform-origin:50% 50%; /* IE 9 */
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* CSS BLINK */
.pulse {
    -webkit-animation-name: pulser;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: pulser;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: pulser;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes pulser {
    0% { opacity: 1.0; }
    100% { opacity: 0; }
}
@-webkit-keyframes pulser {
    0% { opacity: 1.0; }
    100% { opacity: 0; }
}
@keyframes pulser {
    0% { opacity: 1.0; }
    100% { opacity: 0; }
}

.text-left {text-align: left; }
.text-right {text-align: right; }
.text-center {text-align: center; }
.text-bold { font-weight: bold; }
.text-normal { font-weight: normal; }

/* override bootstrap adding important rule */
.text-danger { color: #b94a48 !important }
.text-info { color: #3a87ad !important }

.muted-more {
    color: #AAAAAA;
}
a.muted-more:hover,
a.muted-more:focus {
    color: #808080;
}

/*---------------------------------------------*/
/* Editing Dialog (e.g. staff detaisl)
/*---------------------------------------------*/
.dialog_td {

    }
    .dialog_content form, .dialog_content .form-actions {
        margin-bottom: 0;
    }

    .dialog_td .control-group {
        margin-bottom: 10px;
    }

    .dialog_td .dialog_close {
        text-align: right;
        cursor: pointer;
    }
.control-label {
    color: #666;
}
.required .control-label {

    }
    .required .control-label:after {
        content: '*';
        color: #cc0000;
    }

.target-dialog {
    margin: 0 0 20px 0;
}

.shortlabel .control-label {width: 100px;}
.shortlabel .controls {margin-left: 120px;}
.shortlabel .form-actions {padding-left: 120px;}

/*---------------------------------------------*/
/* Placeholder Table Dialog (e.g. staff details)
/*---------------------------------------------*/
.placeholder_table{border: none; font-size: 0.8em; margin: 10px 0;}
.placeholder_table td {border: none; padding: 0px;}

.placeholder {color: #30819d; cursor:pointer;}
.placeholder:hover {color: #000000;}

/*---------------------------------------------*/
/* Swatch Color Picker - for Goal color
/*---------------------------------------------*/
.swatchpicker {
    display: inline-block;
    height: 14px;
    margin: 7px 0 0 0;
    }
    .swatchpicker span {
        display: inline-block;
        width: 12px;
        height: 12px;
        border: 1px solid #fff;
        cursor: pointer;
    }


/*---------------------------------------------*/
/* Styling file input inside button
/*---------------------------------------------*/
.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}
/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

/*---------------------------------------------*/
/* More input widths
/*---------------------------------------------*/
.input-full { /* same as .input-block-level in bootstrap */
    width: 100%;
    min-height: 30px !important; /*include padding and line*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.resize-vertical {
    resize: none;
    resize: vertical;
}
.resize-horizontal {
    resize: none;
    resize: horizontal;
}

.db-diff ul code {
    font-size: 11px;
    white-space: normal;
    border: none;
    display: block;
    color: #003399;
}
.db-diff ul code.actual { color: #990000; }
.db-diff ul br {
    display: none;
}

.permissions {}
.permissions th { font-size: 12px; }
.permission-flag {
    padding: 4px 5px 5px 4px;
    background-color: #e0e0e0;
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
    cursor: pointer
}
.permission-flag.active { background-color: #468847; }
.permission-td { padding: 3px !important; }

.permissions .btn {
    padding: 1px 4px;
    text-shadow: none;
    border-top: none;
    border-bottom: none;
    background: #e0e0e0;
    color: #fff; font-weight: bold;
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.permissions .btn-group { margin: 3px 0 0 0; }
.permissions .btn-group > .btn {
    -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0;
}
.permissions .btn-group > .btn:first-child {
    border-left: none;
    -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px;
}
.permissions .btn-group > .btn:last-child {
    border-right: none;
    -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px;
    -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px;
}
.permissions .btn.active, .permissions .btn:active { background-color: #dd8100;  }
.permissions .btn.inh.active, .permissions .btn.inh:active { background-color: #e0e0e0;  }

/*---------------------------------------------*/
/* Select2 additional styling - do not edit third party file
/*---------------------------------------------*/
.select2-container .select2-selection--single { height: 30px; }
.select2-container--default .select2-selection--single {
    border-color: #ccc;
    font-size: 14px;
    margin: 0 0 10px 0;
}
.select2-dropdown { margin-top: -10px; }
.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 30px;
    -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0;
    margin: 0;
}
.select2-results__option { padding: 2px 8px;}

/*---------------------------------------------*/
/* Helpers
/*---------------------------------------------*/

.naturalbox { box-sizing: border-box; }

.nomargin { margin: 0 !important; }
.nomargin-l { margin-left: 0 !important; }
.nomargin-r { margin-right: 0 !important; }
.nomargin-b { margin-bottom: 0 !important; }
.nomargin-t { margin-top: 0 !important; }

.margin5-l { margin-left: 5px !important; }
.margin5-r { margin-right: 5px !important; }
.margin5-t { margin-top: 5px !important; }
.margin5-b { margin-bottom: 5px !important; }

.margin10-l { margin-left: 10px !important; }
.margin10-r { margin-right: 10px !important; }
.margin10-t { margin-top: 10px !important; }
.margin10-b { margin-bottom: 10px !important; }

.margin15-l { margin-left: 15px !important; }
.margin15-r { margin-right: 15px !important; }
.margin15-t { margin-top: 15px !important; }
.margin15-b { margin-bottom: 15px !important; }

.margin20-l { margin-left: 20px !important; }
.margin20-r { margin-right: 20px !important; }
.margin20-t { margin-top: 20px !important; }
.margin20-b { margin-bottom: 20px !important; }

.nopadding { padding: 0 !important; }
.nopadding-l { padding-left: 0 !important; }
.nopadding-r { padding-right: 0 !important; }
.nopadding-b { padding-bottom: 0 !important; }
.nopadding-t { padding-top: 0 !important; }

.padding5-l { padding-left: 5px !important; }
.padding5-r { padding-right: 5px !important; }
.padding5-t { padding-top: 5px !important; }
.padding5-b { padding-bottom: 5px !important; }

.padding10-l { padding-left: 10px !important; }
.padding10-r { padding-right: 10px !important; }
.padding10-t { padding-top: 10px !important; }
.padding10-b { padding-bottom: 10px !important; }

.padding15-l { padding-left: 15px !important; }
.padding15-r { padding-right: 15px !important; }
.padding15-t { padding-top: 15px !important; }
.padding15-b { padding-bottom: 15px !important; }

.padding20-l { padding-left: 20px !important; }
.padding20-r { padding-right: 20px !important; }
.padding20-t { padding-top: 20px !important; }
.padding20-b { padding-bottom: 20px !important; }

.width-full { box-sizing: border-box; width: 100% !important; }
.width-half { box-sizing: border-box; width: 50% !important; }
.width-third { box-sizing: border-box; width: 33.33% !important; }
.width-two-third { box-sizing: border-box; width: 66.66% !important; }
.width-quarter { box-sizing: border-box; width: 25% !important; }
.width-three-quarter { box-sizing: border-box; width: 75% !important; }
.width-90 { box-sizing: border-box; width: 90% !important; }

input.width-full, input.width-half, input.width-third, input.two-third, input.width-quarter, input.width-three-quarter,
.input-append .add-on.width-full, .input-append .add-on.width-half, .input-append .add-on.width-third, .input-append .add-on.two-third, .input-append .add-on.width-quarter, .input-append .add-on.width-three-quarter
{
    height: 22px;
    padding-top: 0;
    padding-bottom: 0;
}


.badge-task {
    font-size: 11px; margin-bottom: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: default;
    position: relative;
}
.badge-task-published:before {
    content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 5px solid #fff;
    border-left: 5px solid #000;
    width: 0;
}
.badge-subject {
    font-size: 11px; margin-bottom: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: default;
}

.opacity-30 { opacity: 0.30; filter: alpha(opacity=30); }

/* overriding media sizes */
@media (max-width: 979px) {
    .container { width: auto; }
    body { padding-left: 20px; padding-right: 20px;}
}

@media (min-width: 1500px) {
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 1470px;
    }
}


/* Peer Rating Survey */
.prs {  }
.prs-question-in { padding: 0; border: 1px solid #ccc; border-top: none;}
.prs-question { margin: 0 0 15px 0; }
.prs-question h4 {
    background: #006699;
    padding: 10px 20px 10px 20px;
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
}
.prs-question h4 .icon { }

.prs-question-options { padding: 10px 20px 8px 20px; background: #f0f0f0; }
.prs-question-options p { margin: 0 0 4px 0; padding: 0; font-size: 13px; line-height: 110%; font-style: italic; }
.prs-question-options h5 { font-size: 13px; line-height: 110%; margin: 0 0 8px 0; }

.prs-target { padding: 20px; margin: 0; border-bottom: 1px solid #e5e5e5; background: #fff; }
.prs-target:last-child { border-bottom: none; }
.prs-target.error { background: #ffdddd; }

.prs-target-label { margin: 0 0 5px 0; font-weight: bold; font-size: 14px; color: #006699; }
.prs-target-label .checkbox { font-size: 13px; }
.prs-target-form { }
.prs-target-form-scale { margin: 0 0 15px; font-weight: bold; font-size: 14px; color: #666; }
.prs-target-form-comment textarea { height: 40px; font-size: 13px; line-height: 110%; border-radius: 0; }

.prs-markup-scale { position: relative; display: block; width: 100%; margin: 0; background: #fff; }
.prs-markup-scale:after {
    content: "";
    display: table;
    clear: both;
}
.prs-markup-scale label { position: relative; display: block; box-sizing: border-box; float: left; text-align: left; margin: 0; padding: 0 10px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; border-top: 3px solid #fff; background: #e0e0e0; height: 40px; line-height: 34px; }
.prs-markup-scale label:last-child { border-right: none; }
.prs-markup-scale label:hover { background: #d2d2d2; }
.prs-markup-scale label.checked { background: #b8d5e1; }
.prs-markup-scale label input { margin: 0; }
.prs-markup-scale label span { padding: 0 0 0 10px; font-size: 13px; line-height: 34px; }

.prs-type-slider .prs-markup-scale label { height: 25px; padding: 0; overflow: hidden; background: #e0e0e0; border-right: 1px solid #fff;}
.prs-type-slider .prs-markup-scale label.prs-zero-range { border: none; }
.prs-type-slider .prs-markup-scale label span { font-size: 10px; position: absolute; line-height: 20px; padding: 0; left: 3px; display: block; color: #999; }
.prs-type-slider .prs-markup-scale label:hover { background: #d2d2d2; }
.prs-type-slider .prs-markup-scale label.checked { background: #b8d5e1; }

.prs-type-subject .prs-markup-scale label { height: 25px; padding: 0; overflow: hidden; background: #e0e0e0; border-right: 1px solid #fff;}
.prs-type-subject .prs-markup-scale label.prs-zero-range { border: none; }
.prs-type-subject .prs-markup-scale label span { font-size: 10px; position: absolute; line-height: 20px; padding: 0; left: 3px; display: block; color: #999; }
.prs-type-subject .prs-markup-scale label:hover { background: #d2d2d2; }
.prs-type-subject .prs-markup-scale label.checked { background: #b8d5e1; }

.prs-slider {
    position: relative;
    margin: 0 0 5px 0;
    background: transparent;
    border-radius: 0; border: 0;
    cursor: pointer !important;
    height: 25px !important;
}

.prs-slider-handle {
    cursor: pointer !important;
    font-size: 12px  !important;
    text-align: center  !important;
    line-height: 30px;
    width: 30px !important;
    height: 30px !important;
    background: #006699  !important;
    border: none  !important;
    color: #fff !important;
    top: -3px !important;
    margin-left: -15px !important;
    border-radius: 0;
}
.prs-slider-handle .left { position: absolute; left: -12px; top: 7px; }
.prs-slider-handle .right { position: absolute; right: -12px; top: 7px; }

.prs-result-comments {
    padding: 10px 15px 5px 15px;
}
.prs-result-comments ol {
    margin: 0 0 0 20px;
    padding: 0;
}
.prs-result-comments ol li {
    font-size: 12px;
    line-height: 120%;
    margin: 0 0 8px 0;
    color: #666;
}

.marking-bg{
    background: rgb(0, 0, 0, 0.6);
    position: fixed;
    display:none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: 20;
    width: 100%;
    height: 100%;
}
.survey_amendment_block{
    position: fixed;
    display:none;
    top: 20%;
    left: 0;
    width: 100%;
    z-index:22;
}

.survey_amendment_block.show{
    display:block;
    -webkit-animation: popup-appear 0.5s linear;
    -moz-animation: popup-appear 0.5s infinite;
    -o-animation: popup-appear 0.5s infinite;
    animation: popup-appear 0.5s linear;
}

.student-approve-span{
    display: block;
    margin: 0 0 5px;
    float: none;
    padding: 0;
    font-size: 8px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #009900;
    color: #fff;
}
.student-approve-span.unapproved{
    background: #ee0000;
}

html,body{
    height: 100%;
}
#overlap-bg{
    position: fixed;
    z-index: 80;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display:none;
}

#overlap-popup{
    display:none;
    position: fixed;
    z-index: 90;
    top: 20%;
    width: 100%;
    left:0;
    right: 0;
}
#overlap-popup.show{
    display:block;
    -webkit-animation: popup-appear 0.5s linear;
    -moz-animation: popup-appear 0.5s infinite;
    -o-animation: popup-appear 0.5s infinite;
    animation: popup-appear 0.5s linear;
}

#overlap-inner{
    width: 60%;
    margin: 0 auto;
    background: #fff;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 15px;
    text-align: center;
}
.survey_amendment_inner{
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0,0,0, .2);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0, .2);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0, .2);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    top: 20%;
    margin: 20px auto;
    width: 40%;
    text-align: center;
    padding: 25px;
}

#overlap-close{
    color: #949090;
    font-size: 14px;
    float:right;
    text-decoration: none;
}

.survey_amendment_inner .control-group{
    overflow:hidden;
    margin: 0 0 15px;
}
.survey_amendment_inner .control-group label{
    color: #666;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    float:left;
    width: 35%;
    margin-right: 3%;
    text-align: right;
}
.survey_amendment_inner .control-group .input-block{
    float: left;
    width: 60%;
}

.survey_amendment_inner .control-group .adjustment-slider{
    -webkit-appearance: none; 
    appearance: none;
    width: 100%;
    height: 12px; 
    background: #7DC3EB; 
    outline: none; 
    opacity: 0.7;
    -webkit-transition: .2s; 
    transition: opacity .2s;
    border-radius: 3px;
}

.survey_amendment_inner .control-group .adjustment-slider::-webkit-slider-thumb {
    -webkit-appearance: none; 
    appearance: none;
    width: 20px; 
    height: 20px; 
    background: #333; 
    cursor: pointer; 
    border-radius: 50%;
}
.survey_amendment_inner .control-group .adjustment-slider::-moz-range-thumb {
    -webkit-appearance: none; 
    appearance: none;
    width: 20px; 
    height: 20px; 
    background: #333; 
    cursor: pointer; 
    border-radius: 50%;
}

@keyframes popup-appear{
    0%{
        display:none;
        transform:translateY(-50%);
    }
    1%{
        display:block;
    }
    100%{
        transform:translateY(0);
    }
}
@-webkit-keyframes popup-appear{
    0%{
        display:none;
        transform:translateY(-50%);
    }
    1%{
        display:block;
    }
    100%{
        transform:translateY(0);
    }
}
@-moz-keyframes popup-appear{
    0%{
        display:none;
        transform:translateY(-50%);
    }
    1%{
        display:block;
    }
    100%{
        transform:translateY(0);
    }
}
@-o-keyframes popup-appear{
    0%{
        display:none;
        transform:translateY(-50%);
    }
    1%{
        display:block;
    }
    100%{
        transform:translateY(0);
    }
}

button.ql-doc{
    text-align: center;
    border: 2px solid #000 !important;
    width: 82px !important;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
    line-height: 15px;
    border-radius: 6px;
}
button.ql-doc:after{
    content:'FILE UPLOAD';    
}
.ql-container{
    min-height: 200px;
}

.overall-comment,.prs-target-form-comment {
    font-family: "Arial";
    font-size: 18px;
}

/* Set dropdown font-families */
/* .ql-snow .ql-picker.ql-font .ql-picker-label::before{
    content: "Arial" !important;
} */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Arial"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Arial"]::before {
    content: "Arial";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Sommet"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Sommet"]::before {
    content: "Sommet";
}
.ql-snow.ql-toolbar .ql-formats:last-child{
    display:block;
    margin-top:6px;
    border-top: 1px dotted #bbb;
    padding-top: 6px;
}
/* Set content font-families */
.ql-font-Arial {
    font-family: "Arial";
}
.ql-font-Sommet {
    font-family: "Sommet";
}
.uploadedFileBox{
    padding: 5px 15px;
    box-sizing: border-box;
}
.uploadedFileBox h3{
    font-size: 16px;
    line-height: 16px;
    margin: 10px 0;
}
.uploadedFileItem{
    font-size: 12px;
}
.uploadedFileItem span{
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 12px;
    border: 1px solid #006699;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background: #006699;
    color: #fff;
    line-height: 15px;
    margin-left: 5px;
    cursor: pointer;
}

.uploadedFileItem span:after{
    content: "x";
}

.marking-pagination{
    width: 50%;
    overflow:hidden;
    float:right;
}

.marking-pagination .allPages{
    overflow:hidden;
    float:right;
    margin-right: 15px;
    text-align:left;
}
.marking-pagination .pageJumpTo{
    overflow:hidden;
    float:left;
}
.marking-pagination .markingPerPage{
    overflow:hidden;
    float:right;
    text-align:right;
}

.profile-pic {
    border-radius: 50%;
    height: 150px;
    width: 150px;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    border: 1px solid #eee;
    vertical-align: middle;
    text-align: center;
    color: transparent;
    transition: all .3s ease;
    text-decoration: none;
    background-color: rgba(124, 124, 124, 0.5);
    position: relative;
}

.profile-pic:hover {
    background-color: rgba(0,0,0,.5);
    z-index: 10000;
    color: #fff;
    transition: all .3s ease;
    text-decoration: none;
}

.profile-pic span {
    display: inline-block;
    padding-top: 5.5em;
    padding-bottom: 4.5em;
    color: #fff;
}

.move-right{
    position: absolute;
    left: 135px;
    top: 15px;
}

.display-block{
    display:block !important;
}

.cnf-name{
    color: #b35000;
}

.badge-info-light {
    background-color: #d9eaf2;
    color: #000;
}

.text-underline {
    text-decoration: underline;
}