.loader {
    border: 16px solid #f3f3f3;
    /* Light grey */
    border-top: 16px solid #41BE92;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
}

.logo-loader {
    position: absolute;
    top: 39%;
    left: 44.7%;
    width: 15%;
    height: 15%;
}

input:disabled {
    background-color:lightgray;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.tooltip-inner {
    max-width:250px !important;
}

.kpi-tooltip .tooltip-inner, .open-close-tooltip .tooltip-inner, .control-years .tooltip-inner{
    padding: 5px;
}
.date-column-table {
    min-width: 100px;
}

.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 100%;
    display: block;
    position: fixed;
    /* Stay in place */
    z-index: 1051;
    /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    /* Black w/opacity */
    overflow-x: hidden;
    /* Disable horizontal scroll */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

.no-click {
    pointer-events: none;
    cursor: auto;
    color: lightgray !important;
}

.no-click-red {color:red !important;}

.progressbar .steps.no-click:before,
.steps.no-click:before,
.progressbar .steps.no-click-gray:before {
    border: 2px solid lightgray;
}

.question_align {
    display: inline-flex
}

body {
    background: #f8f8f8;
    color: #444;
    font-size: 13px;
    min-height: 100vh;
    position: relative;
}

.inner-chart {
    text-align: center;
    float: left;
    width: 33%;
}

#ie-detected {
    font-size: 18px;
    font-weight:bold;
    text-align: center;
}

.weekly_risk_report_tr {
    cursor: pointer;
    height: 75px !important;
    border-bottom: 1px solid #e6e6e6;
}

.weekly_risk_report_tr td:first-child {
    width:7%;
}

h3 {
    margin:0 0 15px 0;
}

a:focus,
a:hover {
    color: #444;
}

.dropdown .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn-icon-only {
    padding-right: 3px;
    padding-left: 3px;
}

.table td {
    vertical-align: middle;
}

.table-bordered th {
    background: #fff;
    font-size: 10px;
    color: black;
    text-transform: uppercase;
}

input,
textarea,
select,
.uneditable-input {
    width: 220px;
    padding: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 32px;
}

.keyplayers input {width:150px;margin-right:10px}

textarea {
    height: auto;
    resize: none;
}

.form-horizontal .control-label {
    float: left;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
    display: table;
    content: "";
}

.form-horizontal .control-group:after {
    clear: both;
}

.navbar-inner {
    min-height: 60px;
    max-height: 60px;
}

.navbar {
    height: 60px;
}

.navbar .nav .active>a {
    background-color: #846D57;
    float: left;
    display: block;
    height: 100%;
    padding: 4px 15px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.navbar .nav>li>a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    min-width: 65px;
    margin: 0;
    margin-right: 13px;
    height: 100%;
    padding: 0 3px 0 10px;
    line-height: 59px;
}

.navbar .nav>li.open a {
    color: #fff;
}

.navbar .nav>li.open ul a {
    color: #000;
}

.navbar .nav>li.open ul a:hover {
    color: #fff;
}

.navbar .nav .active>a>i,
.nav>li>a>i {
    display: none;
    width: 24px;
    height: 24px;
    margin-top: 11px;
    margin-bottom: -3px;
    font-size: 20px;
}

.navbar .nav .active>a>span,
.navbar .nav>li>a>span {
    display: block;
}

.dropdown-toggle {
    margin: 20% auto 14%;
}

.tabbable .dropdown-toggle {
    margin: 0;
}

.tabbable .nav .dropdown:hover {
    background-color: transparent;
}

.tabbable .dropdown.open,
.tabbable .dropdown.open .dropdown-toggle {
    color: #fff;
    border-radius: 4px 4px 0 0;
}

.navbar .btn-navbar {
    margin-top: 15px;
}

.navbar {
    background: #846D57;
}

.brand img,
.navbar-nav img {
    /* margin-top: 3px; */
    height: 59px;
    width: 150px;
}

.kpi_iteration {
    width:75px;
}
@media (min-width: 1200px) {
    .modal-xl {
       width: 60%; 
    }

    .container {
        max-width: 1500px !important;
    }
 }

@media (max-width: 768px) {
    .brand img {
        margin-bottom: 5px;
    }
    .container {
        width: 740px;
        margin-bottom: 20px;
    }
}

.navbar-inner {
    background: #846D57;
}


/*ALL RESPONSIVE - THE END OF THE FILE */


/*------------------------------------------------------------------
[4. Main / .main]
*/

.main {
    padding-bottom: 2em;
    /* padding-top: 2em; */
}

.dropdown a {
    display: block;
}

.navbar {
    border-bottom: 1px solid #846D57;
    background-color: #846D57;
    color: #fff;
    border-radius: 0;
}

.navbar .brand {
    margin: 0;
    padding: 0;
}


/*------------------------------------------------------------------
[6. Footer/ .footer]
*/

.footer {
    margin-top: 0;
    border-top: 1px solid #292929;
}

.footer-inner {
    padding: 15px 0;
    font-size: 12px;
    background: #111;
    color: #999;
}

.footer a {
    color: #999;
}

.footer a:hover {
    color: #FFF;
    text-decoration: none;
}


/*------------------------------------------------------------------
[6. Widget / .widget]
*/


/* original style
.widget {
    position: relative;
    clear: both;
    width: auto;
    margin-bottom: 2em;
    overflow: hidden;
}
*/

.widget {
    position: relative;
    clear: both;
    width: 100%;
    margin-bottom: 2em;
}

.widget-header {
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #41BE92;
}

.widget-header h3,
.login-panel .panel-heading h3,
.registerpanel .panel-heading h3 {
    position: relative;
    top: 2px;
    left: 10px;
    display: inline-block;
    margin: 0 3em 0 0;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 18px;
}

.widget-header .fa,
.widget-header .fa,
.login-panel .panel-heading i,
.registerpanel .panel-heading i {
    display: inline-block;
    margin-left: 18px;
    margin-right: -2px;
    font-size: 18px;
    color: #fff;
    vertical-align: middle;
}

.widget-content {
    padding: 20px 15px;
    background: #FFF;
    border: 1px solid #D5D5D5;
    border-top: 0;
}

.widget-header+.widget-content {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.widget-nopad .widget-content {
    padding: 0;
}


/* Widget Content Clearfix */

.widget-content:before,
.widget-content:after {
    content: "";
    display: table;
}

.widget-content:after {
    clear: both;
}


/* For IE 6/7 (trigger hasLayout) */

.widget-content {
    zoom: 1;
}


/* Widget Table */

.widget-table .widget-content {
    padding: 0;
}

.table-striped:not(#kpi_overview_datatable, #metrics_overview_datatable) tbody tr:nth-child(odd) td,
.table-striped:not(#kpi_overview_datatable, #metrics_overview_datatable) tbody tr:nth-child(odd) th {
    background-color: #f7fcfa;
    /*#ecf8f4;*/
}

#kpi_overview_datatable>tbody>tr.odd,
#metrics_overview_datatable>tbody>tr.odd {
    background-color: #f7fcfa;
}

#emvi_table thead tr th {
    border-top: 1px solid #DDDDDD;
}

#emvi_table textarea {
    width: 100%;
    height: 100%;
    resize: none;
}

#emvi_table select {
    width: 100%;
}

.widget-table .table {
    margin-bottom: 0;
    border: none;
}


/* Widget Plain */

.widget-plain {
    background: transparent;
    border: none;
}

.widget-plain .widget-content {
    padding: 0;
    background: transparent;
    border: none;
}


/* Widget Box */

.widget-box .widget-content {
    background: #E3E3E3;
    background: #FFF;
}


/* Message layout */

ul.messages_layout {
    position: relative;
    margin: 0;
    padding: 0;
}

ul.messages_layout li {
    float: left;
    list-style: none;
    position: relative;
}

ul.messages_layout li.left {
    padding-left: 75px;
}

ul.messages_layout li.right {
    padding-right: 75px;
}

ul.messages_layout li.right .avatar {
    right: 0;
    left: auto;
}

ul.messages_layout li.right .message_wrap .arrow {
    right: -12px;
    left: auto;
    background-position: 0 -213px;
    height: 15px;
    width: 12px;
}

ul.messages_layout li.by_myself .message_wrap {
    border: 1px solid #b3cdf8;
}

ul.messages_layout li.by_myself .message_wrap .info a.name {
    color: #4a8cf7;
}

ul.messages_layout li a.avatar {
    position: absolute;
    left: 0;
    top: 0;
}

ul.messages_layout li a.avatar 	 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul.messages_layout li .message_wrap {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    border: 1px solid #e9e9e9;
    padding: 10px;
    border: 1px solid #cbcbcb;
    margin-bottom: 20px;
    float: left;
    background: #fefefe;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0px;
}

ul.messages_layout li .message_wrap .arrow {
    background-position: 0 -228px;
    height: 15px;
    width: 12px;
    height: 15px;
    width: 12px;
    position: absolute;
    left: -12px;
    top: 13px;
}

ul.messages_layout li .message_wrap .info {
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
    line-height: 23px;
}

ul.messages_layout li .message_wrap .info .name {
    float: left;
    font-weight: bold;
    color: #483734;
}

ul.messages_layout li .message_wrap .info .time {
    float: left;
    font-size: 11px;
    margin-left: 6px;
}

ul.messages_layout li .message_wrap .text {
    float: left;
    width: 100%;
    border-top: 1px solid #cfcfcf;
    padding-top: 5px;
}

ul.messages_layout .dropdown-menu li {
    width: 100%;
    font-size: 11px;
}


/*------------------------------------------------------------------
[8. Miscellaneous]
*/

.chart-holder {
    width: 100%;
    height: 250px;
}

.accordion-heading {
    background: #e5e5e5;
}

.accordion-heading a {
    color: #545454;
    text-decoration: none;
    font-weight: bold;
}

.btn-facebook-alt i {
    color: #23386a;
}

.btn-twitter-alt i {
    color: #0098d0;
}

.btn-google-alt i {
    color: #b6362d;
}

.btn-linkedin-alt i {
    color: #0073b2;
}

.btn-pinterest-alt i {
    color: #ab171e;
}

.btn-github-alt i {
    color: #333;
}

.all-icons li {
    list-style: none;
}

.ML0 {
    margin-left: 0;
}

.MR0 {
    margin-right: 0;
}

.dropdown .caret {
    border-top-color: black;
    border-bottom-color: black;
    /*both were white*/
    margin-left: 5px;
    float: right;
}

.navbar .dropdown .caret {
    opacity: 0.8;
    margin: 27px 0 0 4px;
}

.navbar .nav>li:hover {
    background-color: rgba(101, 83, 66, 0.3);
    color: #fff;
}

.navbar .nav>li {
    height: 59px;
}

.navbar .nav>li>a {
    color: rgba(255, 255, 255, 0.8);
    text-shadow: none;
}

a {
    color: #636b6f;
}

a:hover {
    text-decoration: none;
}

.btn:hover,
.btn:active,
.btn:focus {
    color: #fff;
    background: #41BE92;
    text-shadow: none;
    transition: ease 0.3s;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2);
}

.dropdown-menu {
    padding: 0;
}

.dropdown.open a {
    color: black;
}

.dropdown-menu li a {
    background-color: white;
    color: black !important;
    padding: 10px 12px;
}

.dropdown-menu li a:hover {
    background-color: #846D57;
    color: white !important;
}

.tabbable .dropdown-menu li>a:hover,
.tabbable .dropdown-menu .active>a,
.tabbable .dropdown-menu .active>a:hover {
    background-color: #41BE92;
    color: #fff !important;
}

.nav-collapse,
.brand img,
.navbar-nav img {
    float: left;
}

.loginform .form-group {
    margin-bottom: 5px;
}

.loginform .radio input[type="radio"],
.loginform .checkbox input[type="checkbox"] {
    float: none;
    margin-top: 2px;
    width: initial;
}

.registerpanel .form-group {
    margin-bottom: 10px;
}

#edit-status {
    display: inline-block;
    float: right;
}

#edit-status fieldset {
    display: inline-block;
    float: right;
}

#loader {
    display: block;
    margin: 0 25px;
}

#filelist {
    margin: 25px 15px;
}

#filelist li {
    margin: 5px 0;
}


/*# sourceMappingURL=style.css.map */

.question_remove {
    overflow: auto;
    margin: 15px 0;
}

.question {
    overflow: auto;
    width: 89%;
}


/* ???? */

#project-settings .control-label {
    float: left;
    text-align: left;
    padding-right: 10px;
    padding-top: 0;
}

.form-horizontal .control-label {
    text-align: left;
    font-weight: 600;
    width: 208px;
    padding-top: 8px;
}


/* ???? */

#table_history_filter input[type="search"] {
    margin-left: 5px;
}

#vendor_overview_datatable_filter input[type="search"] {
    margin-left: 5px;
}

#vendors_documents_comments_datatable input[type="search"] {
    margin-left: 5px;
}

#kpi_overview_datatable_filter input[type="search"] {
    margin-left: 5px;
}

#metrics_overview_datatable_filter input[type="search"] {
    margin-left: 5px;
}

#worries_datatable_filter input[type="search"] {
    margin-left: 5px;
}

.profile .control-label {
    width: auto;
}

.profile .control-group {
    text-align: right;
}

.form-horizontal .controls {
    margin-left: 0;
}

#add_edit_project .form-horizontal .controls {
    text-align: right;
}

#edit-status span {
    line-height: 30px;
    padding-right: 10px;
}

.multup {
    display: none !important;
}

.sharepoint-wrapped {
    margin-top: 15px;
}

.sharepoint-wrapped input {
    margin-bottom: 10px;
}

#sharepoint-toggle-button, #sharepoint-toggle-button-creation, #sharepoint-toggle-button-plan {
    margin-bottom: 15px;
}

#sharepoint-toggle-button-creation {
    margin-top: 10px;
}

#sharepoint_name {
    margin-bottom: 10px;
}

#tab7 #vendor {
    margin-top: 10px;
}

#table_history_wrapper table {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0;
}

#vendor_overview_datatable_wrapper table {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0;
}

#vendors_documents_comments_datatable table {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0;
}

#kpi_overview_datatable_wrapper table {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0;
}

#metrics_overview_datatable_wrapper table {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0;
}

#worries_datatable_wrapper table {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0;
}

.clickable_row:hover {
    cursor: pointer;
	color: #1a4c3a;
    background-color: #e6e6e6 !important;
}

.clickable-row:hover {
    cursor: pointer;
	color: #1a4c3a;
    background-color: #e6e6e6 !important;
}

#settings-dashboard tbody tr:hover td, #settings-dashboard tbody tr:hover th {
	cursor: pointer;
	color: #1a4c3a;
    background-color: #e6e6e6 !important;
}

#table_history_length,
#table_history_filter,
#table_history_info,
#table_history_paginate {
    padding: 20px 15px;
    width: auto;
    float: left;
}

#table_history_paginate,
#table_history_filter {
    float: right;
}

#table_history_paginate {
    text-align: right;
}

#vendor_overview_datatable_length,
#vendor_overview_datatable_filter,
#vendor_overview_datatable_info,
#vendor_overview_datatable_paginate {
    padding: 20px 15px;
    width: auto;
    float: left;
}

#vendor_overview_datatable_paginate,
#vendor_overview_datatable_filter {
    float: right;
}

#vendor_overview_datatable_paginate {
    text-align: right;
}

#vendors_documents_comments_datatable_length,
#vendors_documents_comments_datatable_filter,
#vendors_documents_comments_datatable_info,
#vendors_documents_comments_datatable_paginate {
    padding: 20px 15px;
    width: auto;
    float: left;
}

#vendors_documents_comments_datatable_paginate,
#vendors_documents_comments_datatable_filter {
    float: right;
}

#vendors_documents_comments_datatable_paginate {
    text-align: right;
}

.clone_kpi_button {
    /*font-size:20px;*/
    margin-top: 10px;
}

#kpi_overview_datatable_length,
#kpi_overview_datatable_filter,
#kpi_overview_datatable_info,
#kpi_overview_datatable_paginate {
    padding: 20px 15px;
    width: auto;
    float: left;
}

#kpi_overview_datatable_paginate,
#kpi_overview_datatable_filter {
    float: right;
}

#kpi_overview_datatable_paginate {
    text-align: right;
}

#metrics_overview_datatable_length,
#metrics_overview_datatable_filter,
#metrics_overview_datatable_info,
#metrics_overview_datatable_paginate {
    padding: 20px 15px;
    width: auto;
    float: left;
}

#metrics_overview_datatable_paginate,
#metrics_overview_datatable_filter {
    float: right;
}

#metrics_overview_datatable_paginate {
    text-align: right;
}

#worries_datatable_length,
#worries_datatable_filter,
#worries_datatable_info,
#worries_datatable_paginate {
    padding: 20px 15px;
    width: auto;
    float: left;
}

#worries_datatable_paginate,
#worries_datatable_filter {
    float: right;
}

#worries_datatable_paginate {
    text-align: right;
}

#payment_history_datatable_length,
#payment_history_datatable_filter,
#payment_history_datatable_info,
#payment_history_datatable_paginate {
    padding: 20px 15px;
    width: auto;
    float: left;
}

#payment_history_datatable_paginate,
#payment_history_datatable_filter {
    float: right;
}

#payment_history_datatable_paginate {
    text-align: right;
}

td.details-control {
    background: url('../images/datatable_details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../images/datatable_details_close.png') no-repeat center center;
}

table.dataTable thead th {
    position: relative;
    background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 12px;
    right: 8px;
    display: block;
    font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
    content: "\f0dc";
    color: #ddd;
    font-size: 0.8em;
    padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd";
}

.paginate_button {
    padding: 0 3px;
}

.color-selector {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background: url(../images/select.png);
}

.color-selector div {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: url(../images/select.png) center;
}

.color-picker-widget {
    position: relative;
    width: 28px;
    height: 28px;
    float: left;
}

textarea.emvi_area {
    display: none;
    width: 275px;
}

#saveArea,
#cancelArea {
    display: none;
}

.score_reviewer,
.score_score {
    font-weight: bold;
}

#vendor_inschrijfprijs_error {
    padding-top: 9px;
    font-weight: bold;
}

#scores table {
    width: 100%;
}

#scores table td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
}

.view-document {
    display: inline-block;
    float: left;
}

.vendordocuments {
    display: block;
    width: 100%
}

#tab2 .row {
    margin: 0
}

.comments_view,
.comments_status {
    transition: all .2s ease-in-out;
}

.comments_view:hover {
    color: #41be92;
}

.comment i,
.group_type_single i {
    font-size: 25px;
}

.comments_view,
.comments_status,
.comment-delete {
    vertical-align: middle;
    width: 17%;
    text-align: center;
    float: left;
    padding: 7px 10px 0 10px;
}

.comments_view,
.comment-delete {
    border-left: 1px solid #ddd;
    height: 40px;
}

.comments_reviewer {
    width: 49%;
    border-right: 1px solid #ddd;
    padding: 7px 10px 6px;
    float: left;
}

.comments_view:hover,
.question_sleutel_full:hover {
    cursor: pointer;
}

#dociframe {
    display: none;
    width: 400px;
    height: 100%;
}

.sleuterCursor {
    cursor: pointer !important;
}

#iframepdf {
    width: 100%;
    height: 400px;
}

#documentsCenter,
#saveScore,
#docScore,
#docScore_s,
#sleutelScore,
#saveSleutelScore,
#sleutelScore_s {
    display: inline-block;
}

.vendordocuments button {
    vertical-align: top;
}

.butup {
    margin: 10px 0
}

#doccalcsdiv,
#intcalcsdiv{
    display: none;
    margin-bottom: 15px
}

#expertdiv {
    /*display: none;*/
    margin-bottom: 15px
}

#docresults th,
#docresults td,
#doccalcs th,
#doccalcs td,
#intcalcsdiv th,
#intcalcsdiv td,
#expert th,
#expert td {
/*    min-width: 75px; */
    min-width: 104px; 
    text-align: center;
}

.calcsmiddle {
    text-align: center;
    margin-bottom: 25px
}

#interviewres th,
#interviewres td {
    text-align: center;
    min-width: 60px
}

.questioncontent {
    display: inline-block
}

.invite_labels {
    width: 75px
}

.scheduleInputs {
    max-width: 175px; /*was 203px*/
    margin-left: 5px;
}

.holiday_input label {
    width: 247px;
    float: left;
}

.alert-success {
    background-color: #bae5d6;
    border-color: #bae5d6;
    color: #444;
}

.push-top {
    margin-top: 10px;
}

#remHol {
    margin: auto;
    display: block;
    padding: 0;
}

#bigQuestionTable {
    display: none;
}

#group_place {
    display: inline-block
}

.modal-header:hover {
    cursor: move;
}

.comment {
    line-height: 27px;
    overflow: hidden;
    background: #f7fcfa;
    border-bottom: 1px solid #ddd;
}

.group_type {
    font-weight: bold;
    padding: 8px;
    background: #fff;
    font-size: 10px;
    color: #444;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
}

.group_type:hover,
.group_type_single h4:hover {
    cursor: pointer
}

#moti-sleutel {
    clear: both
}

#tab1 h4 {
    font-style: italic;
    font-size: 1.2em
}

#myColor {
    margin-top: -25px;
}

.q1,
#back_all_vendors {
    display: none
}

#back_all_vendors {
    margin: 0 0 10px 0
}

#noquestion {
    margin: 0 10px
}

.firstcolumn {
    text-align: left !important
}

#main_save, .bottom-space-btn {
    margin: 0 0 10px;
}

#pagesContainer_documentViewer {
    height: 100%
}

#docScore,
#docScore_s,
#sleutelScore {
    width: 141px
}

#addCom {
    display: flex;
    flex-direction: column;
}

.invite_user_field {
    margin-top: 8px
}

#add_new_row_planning td {
    padding-right: 30px;
}

.saveQ {
    display: none
}

.questions_area {
    display: none;
    width: 80% !important;
    margin-top: 5px
}

.numq {
    width: 14%;
    text-align: center !important
}

.scheduleTime {
    width: 50px
}

.sleutel_comments_div {
    width: 65%;
    display: inline-block;
    float: left;
}

#dochere {
    width: 70.5%;
    float: left;
    margin-top: 20px;
}

#saveSlScore,
#vendorSleutels,
#doc-save-score {
    margin-left: 10px;
}

.group_type_single .comment:nth-child(2n+1) {
    background: #fff;
}

.questions_area {
    display: none;
    width: 80% !important;
    margin-top: 5px
}

.numq {
    width: 14%;
    text-align: center !important
}

.motivation textarea {
    margin: 18px 0;
    resize: vertical;
    width: 100%;
    height: 100px;
}

.sleutel_comments_div {
    width: 65%;
    display: inline-block;
    float: left
}

.sl_com,
.results {
    float: right;
    width: 28%;
    margin-top: 19px;
}

.login-panel {
    width: 450px;
    margin: 2em auto 0 auto;
}

.registerpanel {
    /*width: 710px;*/
    margin: 2em auto 0 auto;
}

#agree_div {
	margin:15px 0px;
}

.login-panel .panel-heading,
.registerpanel .panel-heading {
    background: #41BE92;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    padding: 0;
    border: 0;
}

.login-panel .panel-body,
.registerpanel .panel-body {
    background: #fff;
}

.login-panel .panel-body {
    padding: 65px 78px;
}

.registerpanel .panel-body {
    padding: 65px 124px;
}

.registerpanel.trial .panel-body,
.registerpanel.renew .panel-body {
	padding: 20px 15px;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
    border-color: #6d5784;
    -webkit-box-shadow: 0 0 6px rgba(109, 87, 132, 0.5);
    -moz-box-shadow: 0 0 6px rgba(109, 87, 132, 0.5);
    box-shadow: 0 0 6px rgba(109, 87, 132, 0.5);
}

input:focus,
textarea:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
    border-color: rgba(65, 190, 146, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 190, 146, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 190, 146, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 190, 146, 0.6);
    outline: 0;
    outline: thin dotted \9;
}

.dropdown .dropdown-menu {
    border-radius: 0;
    border: 0;
    min-width: 140px;
    margin-top: 0;
    text-align: inherit;
}

.nav-tabs>li>a {
    border-radius: 0;
}

.nav-tabs>li>a,
.nav-pills>li>a {
    margin-right: 0;
}

.nav>li>a:hover {
    background-color: #f2f2f2;
}

.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
    border-top-color: #41BE92;
    border-bottom-color: #41BE92;
    opacity: 1;
}

.nav-tabs .dropdown.open .dropdown-toggle {
    background-color: #ffffff !important;
    border-radius: 0;
    border: 1px solid;
    border-color: #f2f2f2 #f2f2f2 #d4d4d4;
    color: #545454;
    box-shadow: inset 0px 5px 0px 0px #41be92;
}

.palette-color-picker-button {
    border-radius: 3px;
    margin-left: 0;
}
.btn-delete-something {
    display:none;
}

#create_risk_dossier_now textarea {
    width: 80%;
}

table .btn-icon,
.btn-icon {
    background: none;
    border: 0;
    float: none;
    transition: all .15s ease-in-out;
}

table .btn-icon:hover {
    color: #41BE92;
}

.paginate_button,
.paging_simple_numbers span span {
    padding: 5px 9px;
    border: 1px solid #D5D5D5;
    margin-left: -1px;
}

.paginate_button.next {
    border-right-color: #d5d5d5;
}

.paginate_button.disabled {
    background-color: rgb(244, 247, 246);
    color: #d5d5d5;
}

.paginate_button:hover {
    cursor: pointer;
    background-color: #ecf8f4;
}

.paginate_button.disabled:hover {
    color: #d5d5d5;
}

.paginate_button.current {
    background: #ecf8f4;
}

form {
    margin: 0;
}

.widget-content-inner {
    padding: 20px 15px;
}

.widget .table-b-top {
    border-top: 1px solid #dddddd;
    border-radius: 0;
}

.table-striped tbody tr td.centered-td {
    text-align: center;
    cursor: pointer;
}

#tab13 table {
    table-layout: fixed;
}

.btn,
.btn-large,
.btn-small,
.btn-medium {
    background: #fafafa;
    color: #444;
    text-shadow: none;
    border-radius: 0;
    box-shadow: none;
    transition: ease 0.3s;
    padding: 0 25px;
    /* height: 32px; */ /*changed on 5/2/2021 Pavel*/
    min-height: 32px;
    line-height: 32px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    width: auto;
    white-space: normal;
}

#users_per_projects tr:last-child:hover td,
#users_per_projects tr:last-child td {
    background-color: #fff;
    /*cursor: auto;*/
}

.half-col {
    width: 220px;
    float: left;
}

.clear {
    clear: both;
}

.big-table-container {
    width: 100%;
    overflow: auto;
}

.big-table-container table {
    margin-bottom: 0;
    /*margin-top: 18px;*/
    margin-top: 0;
}

.nav-tabs>li>a {
    padding: 10px;
}

.nav-tabs>li {
    text-align: center;
    font-size: 9.9px;
    font-weight: 500;
    display: inline-block;
    float: none;
    text-transform: uppercase;
}

.results1 .nav-tabs>li,
.results .nav-tabs>li {
    width: 50%;
}

.tab-content {
    display: block;
}

.document-viewer {
    overflow: inherit;
}

.widget-content-inner:after {
    content: "";
    display: table;
    clear: both;
}

.results .nav-tabs>li {
    min-width: inherit;
}

.app-inner .results .nav-tabs>.active>a,
.app-inner .results .nav-tabs>.active>a:focus,
.app-inner .results .nav-tabs>.active>a:hover,
.app-inner .results1 .nav-tabs>.active>a,
.app-inner .results1 .nav-tabs>.active>a:focus,
.app-inner .results1 .nav-tabs>.active>a:hover,
.app-inner .motivation .nav-tabs>.active>a,
.app-inner .motivation .nav-tabs>.active>a:focus,
.app-inner .motivation .nav-tabs>.active>a:hover {
    background: #fff;
}

.app-inner .nav-tabs>.active>a,
.app-inner .nav-tabs>.active>a:focus,
.app-inner .nav-tabs>.active>a:hover {
    border: 1px solid #d4d4d4;
    border-bottom-color: transparent;
    border-top-color: transparent;
    box-shadow: inset 0px 5px 0px 0px #41be92;
}

.nav-tabs {
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
}

.widget .nav-tabs {
    text-align: left;
    width: 99.9%;
    display: inline-flex;
}

.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
    border-top-color: #41be92;
    border-bottom-color: #41be92;
}

.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret,
.nav .open .caret,
.nav .open.active .caret,
.nav .open a:hover .caret {
    border-top-color: #41be92;
    border-bottom-color: #41be92;
}

.palette-color-picker-bubble.downside:before {
    border-bottom-color: transparent;
    border-top-color: #bbb;
}

.palette-color-picker-bubble.downside:after,
.palette-color-picker-bubble.downside:before {
    top: 100%;
    bottom: auto;
}

.palette-color-picker-bubble.downside {
    top: auto;
    bottom: 100%;
}

.palette-color-picker-bubble .swatch {
    width: 28px;
}

.palette-color-picker-bubble {
    margin: 12px 0 12px -2px;
    width: 202px;
    padding: 8px;
}

.fa {
    font-size: 18px;
    /*15*/
}

.role-block .btn {
    padding: 0;
    height: 120px;
    line-height: 120px;
    font-size: 17px;
    width: 100%;
}

.role-block span {
    position: relative;
    top: 18px;
    right: 10px;
}

.role-block {
    margin-top: 45px;
}

table a,
table a:hover,
table a:active {
    font-weight: 600;
    color: #444;
}


/*
.comments_reviewer {
    width: 130px;
}
*/

.schedule-align div {
    display: inline-block;
    margin-right: 10px;
}

.schedule-align div .fa-calendar {
    top: 2px;
	left:3px;
    position: relative;
}

.schedule-align input {
    width: 120px;
}

#schedule-table-2 .widget-content-inner {
    border-bottom: 1px solid #dddddd;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background-color: #41be92;
    background-image: none;
}

.no-click-td,
.table-striped tbody tr td.centered-td.no-click-td {
    cursor: context-menu;
}

.info-vendor-table .control-group {
    width: 50%;
    float: left;
}

.widget-content textarea {
    box-sizing: border-box;
}

.role-block span {
    width: 60px;
    height: 60px;
    display: inline-block;
    transition: ease 0.3s;
}

#admin {
    background: url("../images/admin.png") no-repeat;
    background-size: contain;
}

#proc-coach {
    background: url("../images/coach.png") no-repeat;
    background-size: contain;
}

#reviewer {
    background: url("../images/reviewer.png") no-repeat;
    background-size: contain;
}

#contractor {
    background: url("../images/contractor.png") no-repeat;
    background-size: contain;
}


.role-block .btn:active #admin,
.role-block .btn:focus #admin,
.role-block:hover #admin {
    background: url("../images/admin_hover.png") no-repeat;
    background-size: contain;
}

.role-block .btn:active #proc-coach,
.role-block .btn:focus #proc-coach,
.role-block:hover #proc-coach {
    background: url("../images/coach_hover.png") no-repeat;
    background-size: contain;
}

.role-block .btn:active #reviewer,
.role-block .btn:focus #reviewer,
.role-block:hover #reviewer {
    background: url("../images/reviewer_hover.png") no-repeat;
    background-size: contain;
}

.role-block .btn:active #contractor,
.role-block .btn:focus #contractor,
.role-block:hover #contractor {
    background: url("../images/contractor_hover.png") no-repeat;
    background-size: contain;
}

.login-group {
    position: relative;
}

.login-group i {
    position: absolute;
    top: 10px;
    left: 6px;
    width: 15px;
    text-align: center;
}

.login-group .form-control {
    width: 100%;
    padding-left: 26px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.loginform .form-group {
    margin-left: -13px;
}

#loginbtn,
#reset-btn {
    width: 100%;
    margin: 20px 0px 10px;
}

#loginbtn:hover {
    transition: 0.5s;
}

#forgotpasslink {
    text-align: center;
    display: block;
    color: #41BE92;
}

.rememberme {
    margin-top: 10px;
}

.progressbar {
    counter-reset: step;
    height: 100px;
}

.progressbar .steps {
    list-style-type: none;
    width: 20%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
}

.progressbar .steps:before {
    width: 30px;
    height: 30px;
    font-family: FontAwesome;
    content: "\f00c";
    counter-increment: step;
    line-height: 29px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: #f8f8f8;
    font-weight: bold;
}

.progressbar .steps:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 15px;
    left: -50%;
    z-index: -1;
}

.progressbar .steps:first-child:after {
    content: none;
}

.progressbar .steps.active {
    color: #41BE92;
}

.progressbar .steps.active:before {
    border-color: #41BE92;
}


.progressbar .dropdown.open,
.progressbar .dropdown.open .dropdown-toggle {
    color: initial;
    border-radius: 0;
}

.progressbar .dropdown .dropdown-menu {
    width: 100%;
}

.progressbar .dropdown .dropdown-menu li a {
    color: #000 !important;
    font-size: 12px;
}

.progressbar .dropdown-menu li>a:hover,
.progressbar .dropdown-menu .active>a,
.progressbar .dropdown-menu .active>a:hover {
    background-color: #fff;
    color: #41BE92 !important;
}

/*.progressbar .dropdown.open .dropdown-toggle,*/
/*.progressbar .dropdown.open .dropdown-toggle:hover {*/
    /*background: transparent;*/
/*}*/

.progressbar li a {
    font-weight: bold;
    color: #7d7d7d;
}

.progressbar .active a {
    /*color: #41BE92;*/
    /*color: #333333;*/
}

.progressbar .active_tab a {
    color: #262626;
    background-color: #eee;
}

.progressbar>li>a:hover {
    background-color: #F8F8F8;
    color: #41BE92 !important;
    background-color: #eee;
}

.progressbar .dropdown .caret {
    float: none;
}

.tables_firstrow table {
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 20px;
}

.tables_secrow table {
    width: 100%;
    float: left;
    text-align: left;
}

.last_choosen_week_weekly {
    font-size: 11px;
    color: #999999;
    text-transform: uppercase;
}

.tables_firstrow {
    width: 50%;
    float: left;
}

.tables_secrow {
    width: 50%;
    float: left;
}

.upgrade_to_multiple_projects_table_in_modal {
    width: 100%;
    margin-bottom: 10px;
}

.upgrade_to_multiple_projects_table_in_modal th,
.upgrade_to_multiple_projects_table_in_modal td {
    border: 1px solid #ddd;
    padding: 5px 7px;
}

.first-column-deviation-summary {
    width:10%;
}

.days-deviation-summary {
    text-align: center;
}

.cost-deviation-summary {
    text-align: right;
}

.cost-deviation-summary, .days-deviation-summary, .date-deviation-summery{
    width:15%;
}

.table-in-modal, .deviation_summary_table {
    width: 100%;
    /*table-layout: fixed;*/
}

.table-in-modal th, .deviation_summary_table th,
.table-in-modal td, .deviation_summary_table td {
    border: 1px solid #ddd;
    padding: 5px 7px;
    word-break: break-word;
}

.dataTables_filter table {
    border-right: 0;
    border-left: 0;
}

.form-horizontal .control-group {
    margin-bottom: 18px;
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 1px;
}

.modal .table {
    margin-bottom: 0;
}
.modal .table td {
    border: 0;
}

#risman_additions_table, #risman_additions_table td {
    border: 1px solid gray;
}

#metrics_weekly_result_table td, #full_metrics_weekly_result_table td {
    width:auto;
    text-align:center;
}

input[type=checkbox],
input[type=radio] {
    width: auto;
    height: auto;
}
.filter-show-period {
    margin-left: 5px;
}

.filter-input {
    margin-left: 10px;
    margin-top: 5px;
}
.navbar .dropdown-menu {
    left: initial;
    right: 0;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}

.status-radio-group {
    display: flex;
}

.status-radio-group label {
    cursor: pointer;
}

input[type=radio].status-radio {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/*
input[type=radio].status-radio ~ label {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-right: 10px;
}    
*/

input[type=radio].status-radio~label:before {
    font-family: FontAwesome;
    display: inline-block;
    letter-spacing: 10px;
    font-size: 2em;
}

input[type=radio].status-radio~label[for=st-rd-1]:before {
    content: "\f058";
    color: #3CB371;
    opacity: 0.5;
}

input[type=radio].status-radio~label[for=st-rd-2]:before {
    content: "\f056";
    color: #87ceeb;
    opacity: 0.5;
}

input[type=radio].status-radio~label[for=st-rd-3]:before {
    content: "\f057";
    color: #FF6347;
    opacity: 0.5;
}

input[type=radio].status-radio:checked~label:before {
    font-size: 2em;
}

input[type=radio].status-radio:checked~label[for=st-rd-1]:before {
    content: "\f058";
    opacity: 1;
}

input[type=radio].status-radio:checked~label[for=st-rd-2]:before {
    content: "\f056";
    opacity: 1;
}

input[type=radio].status-radio:checked~label[for=st-rd-3]:before {
    content: "\f057";
    opacity: 1;
}

.align_teams.controls {
    width: 218px;
    float: left;
}

.btn.btn-success {
    color: #fff;
    background-color: #3CB371;
    border-color: #3CB371;
    opacity: 0.9;
}

.btn.btn-danger {
    color: #fff;
    background-color: #FF6347;
    border-color: #FF6347;
    opacity: 0.9;
}

.btn.btn-success:hover,
.btn.btn-danger:hover {
    opacity: 1;
}

.form-control {
    height: 32px;
    width: auto;
    min-width: 290px;
}

#feedback-form .form-control {
	min-width: 100%;
}

#reg_button {
	margin-right:0;
}
.results .tab-content,
.results1 .tab-content {
    display: block;
    /*border: 1px solid #d4d4d4;
    border-bottom: 0;*/
    border-top: 0;
    width: 99.9%;
}

.filtering-dates {
    display: block;
    float: right;
    /*margin-top: 75px;*/
    text-align: right;
}

.filtering-dates label {
    margin-left:15px;
}
.filter-dates {
    display:inline-block;
    margin-left: 10px;
    vertical-align:middle;
}

.filter-dates input {
    width:100px;
    height: 34px;
}
#filterDates {
    margin-left: 10px;
}

#filterDatesRiskDossier {
    height: 30px;
    margin-top: -3px;
    margin-left: 15px;
}

.risk_deviation_button {
    min-width: 250px;
    margin-bottom: 15px;
}

.deviation_risk_buttons_row {
    margin-top: 15px;
}
#summary #motivation {
    border-top:0;
    padding: 10px;
}

#summary #motivation::placeholder {
  color:rgba(60,120,180,0.3);  
}

.table>tbody>tr>td {
    vertical-align: middle;
}

.emvi_select {
    display: none
}

.widget-content .panel {
    margin-bottom: 0;
    border: 0;
    border-right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

.holiday_input {
    margin-bottom: 10px;
}

.panel {
    margin-bottom: 0;
}

.modal {
    overflow: auto;
}

.weekly-widget .widget-content {
    border-top: 1px solid #d5d5d5;
}

#planning-table2>thead>tr>th {
    border-bottom: 0;
}

#users_per_projects td img {
    width: 20px;
    height: auto;
}

.darker-green {
    background-color: #c5e0b3;
}

.orange {
    background-color: #fff0da;
}

.reddish, .rejected_unforeseen_risk {
    background-color: #f2dede;
}

.risk-explanation-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 12px;
    text-align: left;
}

.risk-explanation-table th, .risk-explanation-table td {
    border: 1px solid #ddd;
    padding: 8px;
}

.risk-explanation-table th {
    background-color: #f2f2f2;
    color: black;
}

.risk-red {
    background-color: #ffcccc;
}

.risk-orange {
    background-color: #ffebcc;
}

.risk-yellow {
    background-color: #ffffcc;
}

.risk-green {
    background-color: #ccffcc;
}

.explanation-row {
    display: none;
    font-size: 11px;
}

.results1 h4,
.results h4 {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

td.risk-main-title {
    border-right: 0px !important;
    padding-right: 20px;
}
td.risk-main-title div {
    padding-right: 20px;
}
td.update-risk-td {
    border-left: 0px !important;
}

td.update-risk-td i {
    float:right;
}

textarea#update_measure_control5 {
    width:80%;
}

/*weekly circle*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
    clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
    position: absolute;
    border: 0.12em solid #d35d4f;
    width: 0.76em;
    height: 0.76em;
    clip: rect(0em, 0.5em, 1em, 0em);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100 {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #f2f2f2;
}

.c100 *,
.c100 *:before,
.c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.c100.center {
    float: none;
    margin: 0 auto;
}

.c100.big {
    font-size: 240px;
}

.c100.small {
    font-size: 80px;
}

.c100>span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 0.2em;
    color: #d35d4f;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.c100:after {
    position: absolute;
    top: 0.12em;
    left: 0.12em;
    display: block;
    content: " ";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    width: 0.76em;
    height: 0.76em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}

.c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}

.c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}

.c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}

.c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}

.c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}

.c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}

.c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}

.c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}

.c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg);
}

.c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}

.c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}

.c100.p13 .bar {
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg);
}

.c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}

.c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg);
}

.c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}

.c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}

.c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}

.c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}

.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg);
}

.c100.p21 .bar {
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg);
}

.c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}

.c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}

.c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}

.c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.c100.p26 .bar {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg);
}

.c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}

.c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}

.c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}

.c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg);
}

.c100.p31 .bar {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg);
}

.c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}

.c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}

.c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}

.c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg);
}

.c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}

.c100.p37 .bar {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg);
}

.c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}

.c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}

.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg);
}

.c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}

.c100.p42 .bar {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg);
}

.c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}

.c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}

.c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg);
}

.c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}

.c100.p47 .bar {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg);
}

.c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}

.c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}

.c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}

.c100.p52 .bar {
    -webkit-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg);
}

.c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}

.c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}

.c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg);
}

.c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}

.c100.p57 .bar {
    -webkit-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg);
}

.c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}

.c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}

.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg);
}

.c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}

.c100.p62 .bar {
    -webkit-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg);
}

.c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}

.c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}

.c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg);
}

.c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}

.c100.p67 .bar {
    -webkit-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg);
}

.c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}

.c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}

.c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg);
}

.c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}

.c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}

.c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}

.c100.p74 .bar {
    -webkit-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg);
}

.c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}

.c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}

.c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}

.c100.p79 .bar {
    -webkit-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg);
}

.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg);
}

.c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}

.c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}

.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}

.c100.p84 .bar {
    -webkit-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg);
}

.c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg);
}

.c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}

.c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}

.c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}

.c100.p89 .bar {
    -webkit-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg);
}

.c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg);
}

.c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}

.c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}

.c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}

.c100.p94 .bar {
    -webkit-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg);
}

.c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);
}

.c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}

.c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}

.c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}

.c100.p99 .bar {
    -webkit-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg);
}

.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.c100:hover {
    cursor: default;
}


/*
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #d35d4f;
}

.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
*/

.c100.dark {
    background-color: #777777;
}

.c100.dark .bar,
.c100.dark .fill {
    border-color: #c6ff00 !important;
}

.c100.dark>span {
    color: #777777;
}

.c100.dark:after {
    background-color: #666666;
}

.c100.dark:hover>span {
    color: #c6ff00;
}

.c100.green .bar,
.c100.green .fill {
    border-color: #4db53c !important;
}

.c100.green:hover>span {
    color: #4db53c;
}

.c100.green.dark .bar,
.c100.green.dark .fill {
    border-color: #5fd400 !important;
}

.c100.green.dark:hover>span {
    color: #5fd400;
}

.c100.orange .bar,
.c100.orange .fill {
    border-color: #dd9d22 !important;
}

.c100.orange:hover>span {
    color: #dd9d22;
}

.c100.orange.dark .bar,
.c100.orange.dark .fill {
    border-color: #e08833 !important;
}

.c100.orange.dark:hover>span {
    color: #e08833;
}

.c100 .events_percent {
    line-height: 1;
    top: 17px;
}

#planning-table2 td {
    text-align: center;
}

#planning-table2 th:first-child,
#planning-table2 td:first-child {
    border-left: 0;
}

#planning-table2 td:nth-child(2) {
    text-align: left;
}

.motivation {
    margin-top: 15px;
}

.fake-row {
    padding: 7px 10px 6px;
    border-bottom: 1px solid #ddd;
}

.fake-row:nth-child(2n) {
    background: #f7fcfa;
}

.fake-row div {
    width: 68%;
    display: inline-block;
}


/**** RESPONSIVE ****/

@media only screen
/** ipad Landscape and Portrait*/

and (min-device-width: 768px) and (max-device-width: 1024px) {
    .select-vertical-responsive {
        float: left;
        display: block;
    }
    .select-vertical-responsive select {
        display: block;
    }
    .scheduleInputs {
        max-width: 75px;
    }
    #planning-table2 .datetimepicker3 {
        width: 75px !important;
    }
    #planning-table2 .scheduleTime {
        width: 45px !important;
    }
    #planning-table2 tr td:last-child {
        width: 11%;
    }
    /** Sleutel-Comments **/
    .sleutel_comments_div {
        width: 37%;
    }
    #bigQuestionTable1 {
        width: 60%;
    }
    .score-responsive {
        width: 32%;
    }
    .select-sleutel-responsive {
        width: 50%;
    }
    #saveSlScore,
    #vendorSleutels {
        margin: 10px 0 0 0;
    }
    .comment button {
        /*this is for sleutel scores and for the file page */
        padding: 0 !important;
    }
    /** Document Page **/
    .vendors-change-responsive {
        width: 50%;
    }
    #doc-save-score,
    #vendorDoc {
        margin: 10px 0 0 0;
    }
    #dochere {
        width: 60%;
    }
    .results {
        width: 37%;
    }
    /** End **/
    .widget-content {
        overflow-x: scroll; /*was overflow only*/
    }
}


/* other css */

#deviation_summary, #weekly_overview {
    margin-left: 5px;
}

#show_summary_table_modal .modal-dialog {
    width: 725px
}

.table-in-modal td:nth-child(2) {
    width: 75% !important;
}

#show_decision_list_updates_table td:nth-child(2) {
    width: 45% !important;
}

#table_plan_clarification {
    margin-bottom: 0px;
}
.plan-documents {
    margin-right: 10px;
}

.viewPDF {width:75px}

.my-tool-tip {margin-left:5px; }
.my-tool-tip-risk {color:white;}

.tooltip-inner {
	color: black;
	background-color: rgb(248, 248, 248);
	border: 3px solid #41BE92;
	padding: 4%;
	font-weight:bold;
	font-style:italic;
	border-radius: 3px;
}

.tooltip-arrow {
	border-right-color: #41BE92 !important;
}

.implementation_dur {margin-left:150px;}
.vendorAddWeeklyTo {
	clear:both;
	margin:25px 0;
	padding:0 !important;
	float:right
}
#weekly_report_to_TEAM {
	margin-left:15px;
}
.widget-table .separate-week-table {
    margin-bottom: 35px;
}
.panel {
    border-radius: 0;
}
.panel>.separate-week-table.table-bordered>tbody>tr:last-child>td,
.panel>.separate-week-table.table-bordered>tbody>tr:last-child>th,
.panel>.separate-week-table.table-bordered>tfoot>tr:last-child>td,
.panel>.separate-week-table.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.separate-week-table.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.separate-week-table.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.separate-week-table.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.separate-week-table.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 1px solid #ddd
}
.separate-week-table .notify-btn {
    text-align: center;
}
/*
.separate-week-table .notify-btn {
    padding: 0;
}
.separate-week-table #notify_button {
    width: 100%;
    border: 0;
    height: 33px;
}
*/
.separate-week-table .weekly-title {
    line-height: 30px;
    font-size: 12px;
    border-bottom: 2px solid #ddd !important;
}
.separate-week-table .notify-btn {
    border-bottom: 2px solid #ddd !important;
}
.weekly-title span {
    float: right;
}
.separate-week-table thead tr:nth-child(1) th {
    background-color: #41be92;
}
.table-bordered tbody th {
    background-color: #41be92;  
}
.separate-week-table thead tr:nth-child(2) th {
    background-color: #e6e6e6;
}
.weekly_pull_left_error {
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #ffd0c7;
}


/* LANGUAGE */

#nl {
	background-image: url("../images/netherlands.png")
}

#en {
	background-image: url("../images/united-kingdom.png")
}


#sv {
	background-image: url("../images/sweden.png")
}

.languages {
    float: right;
    margin: 16px 0 0 0;
}

.flag.active-language {
    opacity: 0.4;
}

.languages a {
    display: inline-block;
}

.flag {
    width: 24px;
    height: 24px;
    margin-right: 3px;
    opacity: 1;
    background-size: contain;
}

.separate-week-table thead tr:nth-child(2) th:nth-child(2) {
    width: 35%;
}

#table_price_planning {
    overflow: auto;
}

.vendor_overview_per_vendor {
    width: auto;
    height: auto;
    overflow: scroll;
    max-width: 73%;
}

#vendor_overview_datatable_per_vendor thead tr:nth-child(1) th {
    background-color: #41be92;
}

#vendor_overview_title {
    max-width: 320px;
    margin-right: 20px;
}
#table_price_planning_main td:last-child {
    width:30%;
    text-align: center;
}

#table_price_planning td:last-child {
    /* min-width: 135px !important; */
    width:15%;
    text-align: center;
}
.price_box {
    width: 100%;
    border: 1px solid #ddd;
	text-align: center;
}
.header_box {
    background-color: #e6f7f1;
    padding: 20px;
    color: #444;
    text-transform: uppercase;
    text-align: center;
}
.content_box .fa {
	color: #42be92;
	padding-right: 10px;
}
.content_box {
    color: #666666;
    padding: 15px 0 15px 130px;
    min-height: 500px;
    text-align: left;
	position: relative;
}
.price_box .btn {
	margin-bottom: 15px;
    text-align: center;
}
.panel50:last-child {
    margin-right: 0;
} 
.panel50 {
    width: calc( 50% - 7.5px );
    float: left;
    margin-right: 15px;
}
.error-msg {
    position: absolute;
    bottom: 0;
    left: 15px;
    padding-right: 15px;
    font-size: 14px;
    color: tomato;
    text-align: center;
}
.pr_box {
    width: 100%;
    float: left;
    background: rgb(241, 241, 241);
    margin: 15px 0 0 0;
}
.pr_box.pr_box2 {
	margin-right: 0;
}
.pr_box.pr_box1 {
    margin-right: 0;
}
.custom-btn {
	border: 1px solid #ddd;
    padding: 4px;
    height: 55px;
    width: 100%;
    vertical-align: middle;
    display: flex;
    background: #42be92;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
	transition: ease 0.3s;
}
.custom-btn:hover {
	color: #fff;
	background: #68c8a6;
}
.orange_box_pr {
    margin-bottom: 15px;
}
.spanbox {
    height: 36px;
}
.renew h5, .trial h5 {
	font-weight: bold;
}
.renew h3 {
	color: #846d57;
    font-weight: bold;
    font-size: 30px;
}
.pr_box h5 {
	color: #846d57;
}

/*#table_kpi tr td:last-child{*/
/*    width: 255px;*/
/*}*/

/*#table_kpi button {*/
/*    width:200px;*/
/*}*/

.remove_kpi_button, .show_all_kpi_cycles, .control_open_closed, .control-years {
    width: 30px !important;
    height: 30px !important;
    vertical-align: middle;
}

/*.control-years {*/
/*    margin: 10px 23%;*/
/*}*/

.control-years i {
    position: relative;
    margin-left: -3px;
}

.kpi_pi_no_hover_cell:hover {
    background-color: white !important;
}

.remove_kpi_pi_button {
    margin-left:25%;
}

#firstheading {
    margin: 2% 28%;
    text-align: center;
}

.form-center {
    margin: 2% 40%;
}

#add_risk_dossier {
    display: none;
}

#risk_dossier_file {
    margin-bottom: 10px;
}

.winner_color {
    background-color: #fff2cc !important;
}

.change_proj_status:hover {
    text-decoration: underline;
    cursor: pointer;
}

.table-striped tbody .red_row td{
    background-color: #ffe6e6 !important;
}
.vendor_motivation {
    margin-top: 15px;
    width: 70%;
}

.empty_table {
    text-align: center;
    padding-top: 20px;
    line-height: 45px;
    margin-bottom: 30px;
}

.no_click {
    cursor: auto !important;
}

.input_error {
    border-color: #a94442;
}

.bigQuestionTable2 {
    position: relative;
    height: auto;
    width: 70.5%;
    float: left;
    margin-top: 32px;
}

.table-small {
    width: 47%;
    overflow: auto;
    left: 16px;
    position: relative;
    margin-bottom: 1%!important;
}

#overview_table {
    overflow-x: auto;
    max-width: 808px;
    width: 100%;
}

.vendor_overview_table th, .vendor_overview_table td {
    white-space: nowrap;
    text-align: center;
}

/* #kpi_template_permission {
    max-width: 205px;
} */

.modal-body .typeahead.dropdown-menu {
    width: auto !important;
}
.kpi_overview_mini {
    margin: 0 38px;
    border: 0 !important;
}

.kpi_overview_mini tr td:first-child {
    min-width: 245px;
}

.table_column {
    min-width: 210px;
}

.kpi_overview_mini tr:not(:last-child) {
    border-bottom: 1px solid #E3E3E3;
}

.kpi_overview_mini td {
    padding: 10px 0 !important;
}

.metrics_overview_mini {
    margin-left: 74px;
    border: 0 !important;
}
.kpi_overview_mini td,
.metrics_overview_mini td{
    padding: 2px;
}

.project_link:hover {
    color: #41BE92;
    cursor: pointer;
}

.green_link:hover {
    color: #41BE92;
    cursor: pointer;
}

.nav_exclamation_mark {
    /*float: right !important;*/
    /*margin-top: 14px !important;*/
    height: 16px !important;
    width: 16px !important;
    position: absolute;
    top: 6px;
    right: -7px;
}

.support_bar {
    height: 20px !important;
}

.social-header-inner .fa {
    color: #ec4f21;
    font-size: 18px;
    position: relative;
    top: 2px;
    padding-right: 10px;
}

.soc_icon {
    display: inline-block;
    padding-top: 2px;
    float: right;
    margin-right: 10px;
    color: #585c5f;
    font-size: 13px;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-weight: 600;
    height: 16px;
}

.support_text {
    letter-spacing: 1px;
    padding-top: 4px;
    margin-right: 10px;
    font-weight: bold;
}

#directors-report-div p {
    text-transform: uppercase;
    position: relative;
    color: #636b6f;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #d4d4d4;
    width: 86%;
    padding: 0 0 5px 0;
    margin: 0 auto 20px auto;
}

#directors-report-div p:before {
    content: '';
    width: 43%;
    height: 3px;
    background-color: #41BE92;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: auto;
}

.kpi_overview_show_hide_templates {
    padding-top: 10px;
}

#news_table_date {
    width: 15%;
}

.features_td {
    padding-bottom: 0px !important;
}

.flowpaper_selected_selected:hover {
    /*background-color: red !important;*/
}

#create_new_project_modal_body {
    height: 63px;
}

.progress {
    height: 24px;
}

.progress-bar-success {
    background-color: #41BE92;
}

.progress span {
    text-align: center;
    position: absolute;
    left: 42%;
    top: 4px;
    font-weight: bold;
}

#check_all_vendors_documents_comments {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin: 0 14px 0 0;
}

#vendor_document_all_comments {
    font-size: 14px;
    font-weight: 500;
    margin: 0 14px 0 0;
}

#check_all_vendors_documents_comments:hover {
    text-decoration: underline;
    cursor: pointer;
}

#vendors_documents_comments_widget {
    min-height: 300px;
}

.vendors_documents_comments_datatable_select {
    margin-top: 11px;
}

.cursor-pointer {
    cursor: pointer;
}

.update_license_agree_checkbox {
    position: relative;
    top: 2px;
}

.update_license_agree_div {
    padding: 0 8px;
}

#show_kpi_table td:first-child,
#update_kpi_table td:first-child {
    width: 20%;
}

#add_kpi_table td:first-child {
    width: 20%;
}

.size-220px {
    width:220px !important;
}

#table-metrics-average-pi-results td{
    border: 1px solid #ddd;
}

#add_kpi_table td:last-child textarea,
#update_kpi_table td:last-child textarea,
#update_weekly_table_modal td:last-child textarea,
#price_planning_table_modal td:last-child textarea,
#update_price_planning_table_modal td:last-child textarea,
#add_weekly_table_modal td:last-child textarea {
    height: 82px;
    width: 100%;
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
    -moz-box-sizing: border-box; /* FF1+ */
    box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
}

#update_weekly_table_modal td:last-child textarea#update_measure_control5 {
    width:80%;
}

a.update_risk_updates {
    margin-top:30px;
    margin-right: 40px;
    float:right;
}

#table_risman a.btn {
    padding: 0 10px !important;
}

.value-risman {
    width:2.5%;
    text-align:center;
}

.risman-circle-plus-button {
    margin-left: 30%;
}

#risman_additions_table thead tr td {
    font-weight: bold;
}

.tooltip-table-show {
    background-image: url("../images/blue-neutral.png")
}

.envelope-wrapper a.update_risk_updates {margin:0}


i.fa.fa-envelope-open-o {
    float:right;
}

#measure_control3 {
    height:auto !important;
}

.envelope-wrapper {
    width:100%;
    display:flex;
    align-items: center;
}

.show-envelope-updates {
    display: inline-block;
    width: 15%;
    
}

#add_kpi_table td:last-child select,
#add_kpi_table td:last-child input, 
#update_kpi_table td:last-child select,
#update_kpi_table td:last-child input,
#update_weekly_table_modal td:last-child select,
#update_weekly_table_modal td:last-child input,
#price_planning_table_modal td:last-child select,
#price_planning_table_modal td:last-child input,
#update_price_planning_table_modal td:last-child input,
#update_price_planning_table_modal td:last-child select,
#add_weekly_table_modal td:last-child select,
#add_weekly_table_modal td:last-child input {
    width: 100%;
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
    -moz-box-sizing: border-box; /* FF1+ */
    box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
}

.modal-header {
    cursor: default !important;
}

.license_upgrade_modal_body {
    padding-bottom: 5px;
}

#payment_history_datatable {
    background-color: #FFF;
}

#payment_history_datatable th select {
    margin-top: 8px;
}

#payment_history_datatable th {
    padding-top: 13px;
}

#package {
    width: 290px !important;
}

#payment_history_col1 {
    width: 240px !important;
}

#payment_history_col1 select {
    width: 220px !important;
}

#payment_history_col2 select {
     width: 140px;
}

#payment_history_col3 select {
     width: 140px;
}

#payment_history_col4 select {
     width: 140px;
}

#payment_history_col5 select {
     width: 140px;
}

#payment_history_col6 select {
     width: 140px;
}

.navbar .nav>li.open {
    color: #555;
    background-color: #e7e7e7;
}

.nav {
    margin-bottom:20px;
}

#metrics_weekly_result_table th:first-child,  #full_metrics_weekly_result_table th:first-child {
    width: 50px;
}

#metrics_weekly_result_table>tbody>tr>td,  #full_metrics_weekly_result_table>tbody>tr>td {
    border: 1px solid #ddd;
}

#metrics_weekly_result_table td:nth-child(1), #full_metrics_weekly_result_table td:nth-child(1){
    width: 14% !important;
}

/*#metrics_weekly_result_table td:nth-child(2), #full_metrics_weekly_result_table td:nth-child(2){*/
/*    width: 6% !important;*/
/*}*/

.search_user_modal input {
    min-width: 570px !important;
}

#show_worry_table td:first-child {
    width: 12%;
}

.worry_table td:first-child {
    width: 14%;
}

.worry_table input, .worry_table select, .worry_table textarea {
    width: 100% !important;
}

#update_worry_table tr td{
    padding: 8px;
}

input#reminder {margin:0 35px}


.video-list-thumbs .col-lg-4 {
    width:30%;
}

.video-list-thumbs h2{
    font-size: 1.5em;
    padding: 0 10px;
}

.video-list-thumbs li {
    height: 300px;
    margin-left: 25px;
}

.hover-youtube {
    margin-right: -9px;
    margin-bottom: -10px;
    padding: 0 0 5px 0;
    height:90%;
}

.hover-youtube:hover {
    background-color: gray;
    opacity: 0.6;
    color:white;
}

.hover-youtube:hover h2 {
    color:white;
    font-size:1.7em;
}

#view-cv {
    margin-top:15px;
}

#worries_datatable tr th:last-child {
    width: 17%;
    line-height: 25px;
    text-align: center;
}

#worries_datatable tr td:last-child {
    text-align:center;
}

#worries_datatable th select {
    /*display: block;*/
    margin-left:10px;
    width:100px;
    height:27px;
}

.worry_description {
    max-width:75%;
    width:75%;
}

.worry_iteration {
    max-width:8%;
    width:8%;
}

.paid_license {
    background-color: #c5e0b3;
}

.not_paid_license {
    background-color:#FF6347;
}

.trial {
    background-color:#FCE883;
}

.guest {
    background-color:#f7caac;
}

#users_table_new td {width:25%;}
#users_table_new tbody td {text-align:center}
#users_table_new tbody tr td:first {text-align:left}

.company-info {
    margin: 15px auto;
}

.company-info label {width: 45%; margin-left: 5%;}
.company-info input { font-size:15px; padding:10px;width:40%}

#active_projects td, #completed_projects td {
    border:1px solid lightgray;
    width:25%;
}

#active_projects>tbody>tr:nth-of-type(odd), #completed_projects>tbody>tr:nth-of-type(odd) {
    background-color:#f9f9f9;
}

#active_projects td:nth-child(2n), #completed_projects td:nth-child(2n){text-align:left;}

.package_status {width:36%; display:inline-block; margin:15px 32%;}

#detailed_overview_datatable tbody tr {background-color:#eee;}
/* #detailed_overview_datatable tbody tr td {padding:0 5px;border-right:1.9px solid darkgray;}
.widget-content.detailed_overview_wrapper {
    border: darkgray 1px solid;
}

#detailed_overview_datatable tbody .remove_borders {background-color: transparent}
#detailed_overview_datatable tbody .remove_borders td {border: none;border-right:1.9px solid darkgray;border-top:1.9px solid darkgray;}

#detailed_overview_datatable tbody .remove_borders td:first-child,  #detailed_overview_datatable tbody .remove_borders td:nth-child(2) 
{border-top: none}

#detailed_overview_datatable tbody .remove_borders td:last-child,
#detailed_overview_datatable tbody tr td:last-child {border:none} */

#detailed_overview_datatable th {
    color:black;
}

.loop_datatable_column {width:2%;}

.goal_column {width:30%}
.period_datatable_column {width:9%;}
.kpi_datatable_column {width:10%;}
.norm_datatable_column {width:4%;}
.result_datatable_column {width:8%;}
.last_result_datatable_column {width:11%;}
.status_datatable_column {width:5%;}
.datatable_column {width:25%;}
.comment_column {width:5%;}

.comment_column_comments {text-align: center;}

.datatable_comment {text-align:center; background-color:white;}
.datatabletextarea {border: none; width: 100%; height:26px; padding:4px 5px;}

.email-notification {
    float:left;
}

.email-notification-label {
    display: inline-block;
    float: left;
    margin-left: 15px;
    margin-top: 3px;
}

#add_kpi_table td:last-child #goal_type, #update_kpi_table td:last-child #update_goal_type, #conditional, #update_conditional, #boolvar, #update_boolvar  {
    /* width:50%; */
   /* margin-top:5px; */
    display:block;
}

#add_kpi_table td:last-child #condition_freetext, 
#update_kpi_table td:last-child #update_condition_freetext {
    width:50%;
    float:left;
    margin-top:15px;
}
#add_kpi_table td:last-child #condition_type, 
#update_kpi_table td:last-child #update_condition_type, 
#add_kpi_table td:last-child #bool_type, 
#update_kpi_table td:last-child #update_bool_type, .condition_pi select, .condition_pi input, .boolvar_pi {
    margin-top:15px;
}
#add_kpi_table td:last-child #bool_type, 
#update_kpi_table td:last-child #update_bool_type {
    width:50%;
    display:block;
}
#add_kpi_table td:last-child #condition_value, 
#update_kpi_table td:last-child #update_condition_value {
  margin-top:15px;
}
#conditional, #update_conditional, #boolvar, #update_boolvar, .condition_pi, .boolvar_pi {
    display:none;
    width:220px;
}


.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 22px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 6px;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #41be92;
}

input:focus + .slider {
  box-shadow: 0 0 1px #41be92;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider-monthly {
    margin-left:-7px;
}

.switch-monthly {
   width: 125px;
   
  }

.approved_mod_switch {
    margin-top: 10px;
}

.double-arrow-down-mod {
    /* float:right; */
    margin:0 5px;
}

.small-button-mod {
    display: inline-block;
    width: 25%;
    margin: 4px 0 0 0;
}

.small-button {
    display: inline-block;
    width: 50%;
    margin: 4px 0 0 0;
}

input:checked + .slider-monthly:before {
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.slide_option {line-height: 23px;}

.wide-container {width:1400px;}
.container {width:1500px; !important}

#kpi_name_row {display: none;}

.appointment_textarea {width:100%}

#tutorials {
    display:inline-block;
    width: 30px;
    height: 30px;
    margin-top: 15px;
    margin-bottom: -3px;
    font-size: 25px;
}

.center-button {
    margin: 0 6%;
}

.export_modal_body {
    text-align:center;
    margin-bottom:20px;
}

.export_modal_body .fa-spinner {
    margin-top: 15px;
    font-size: 50px;
}

.center-button-trial {
    margin: 0 35%;
}

#color-legend {
    margin-top:100px;
    display:block;
    float: right;
}

#color-legend td {
    padding: 2px 0 0 10px;
}

#color-legend td:nth-child(even) {
    padding: 2px 10px 0px 5px;
}

.score-close {
    width:13%;
}

.btn-close-ur {
    margin-left:10px;
}

.nav-tabs-roles>li.аctive>a {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-bottom-color: transparent;
    border-top-color: transparent;
    box-shadow: inset 0px 5px 0px 0px #41be92;
}

.role_message {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    color: darkgray;
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin: 0 0 10px;
}

#summary_table_modal h5 {
    text-align:center;
    font-weight:bold;
}

.document-emvi-table {
    display: block;
    float: left;
    width: 100%;
    margin: 20px 0;
}

#export_document_stats {margin-left:30px;}

.export_documents_check {
	background-image: url("../images/green-check.png")
}

.export_documents_neutral {
	background-image: url("../images/blue-neutral.png")
}
.export_documents_red {
	background-image: url("../images/red-cross.png")
}

.inner-period-radio {
    display:inline-block;
    float:left;
    margin:5px 0 10px 20%;
}

#company_overview_export_start_date, #company_overview_export_end_date {
    width:150px !important;
}

#periods {
    margin:45px 0px 0px 13%;
}

#choose_period .btn {
    margin:25px 35% 0;
}

.risk_dossier_green {
    background-color: #E2EFDA;
}
.risk_dossier_orange {
    background-color: #FFC000;
}
.risk_dossier_red {
    background-color: #FF0000;
}
.risk_dossier_yellow {
    background-color: #FFFF00;
}

.risk_dossier_row_1 {
    /*background-color: #98F404;*/
    background-color: #E2EFDA; /*green*/
}

.risk_dossier_row_2 {
    /*background-color: #FF7604;*/
    background-color: #FFC000; /*orange */
}

.risk_dossier_row_3 {
    background-color: #FF0000; /* red */
}

.risk_dossier_row_4 {
    background-color: #FFFF01;
}
.risk_dossier_row_5 {
    background-color: #FFFF01;
}

.risk_dossier_buttons_zindex {
    z-index:3;
}

#risk-center .separate-week-table td {line-height:31px;}

#risk-center .separate-week-table thead tr:nth-child(2) th:nth-child(2) {
    width: 25%;
}

#risk-center .separate-week-table thead tr:nth-child(3) th:nth-child(3), #risk-center .separate-week-table thead tr:nth-child(4) th:nth-child(4) {
    width: 10%;
}

.create-risk-dossier-tooltip {
    float: right;
    margin: 8px 10px 0 0;
}

/*.control_measure_row_2, .control_measure_row_3, .control_measure_row_4 {display:none;}*/
#plus-control-measure, #plus-cause, .risman-circle-plus-button {
    color:#3CB371;
}

#plus-control-measure {
    margin-left:40%;
}

#plus-cause {
    margin-left:69%;
}
#plus-control-measure i, #plus-cause i, .risman-circle-plus-button i {
    font-size:32px;
}

#measures .table td:nth-child(2n), #transform_measures .table td:nth-child(2n) {
    text-align:justify;
}

#measures .table td:first-child, #transform_measures .table td:first-child, #measures .table th:first-child, #transform_measures .table th:first-child {
    width:2%;
}

#transform_measures input, #measures input {margin: 0 40%;}

.no_submitted_price {margin-left:10px;display:inline-block;}

.norm_pi_inputs {
    float: left;
    width: 45%;
    height:100%;
}
.kpi_pis .slide_option {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: width 2s;

}

.right-pi-column {
    height:807px;
    overflow:hidden;
    overflow-y:scroll;
    margin-bottom: 20px;
}

.cool_bottom_border {
    display:block;
    border:none;
    color:white;
    height:1px;
    background:#d4d4d4;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#d4d4d4), to(#fff));
}

.pi_label {margin-right:15px;}
/* .pi_name {margin: 10px 0 0 10px; width:60%} */



.current-week-new-unforeseen-risk, .blue_for_units, .only_first_opened {
	background-color: rgba(186, 213, 233, 0.5); 
}

.user-dashboard-main {
    margin:25px auto 10px;
    width: 75%;
}

.project-notification {
    border: 1px solid darkgray;
    padding: 5px 25px;;
    margin-bottom: 20px;
}

.notification-row {
    margin: 15px 0;
}
.notification-row button { 
    margin-left: 10px;
    display:inline-block;
    
}

.notification-text { 
    width:70%;
    display:inline-block;
    margin-right: 20px;
}

.notification-text-small {
    width:60%;
}

.hr_dashboard {
    border-top: 2px solid #eee;
}

@media (min-width: 992px) {
    .col-md-12 {
        float:none;
    }
    
    form#add_kpi_form {
        float:none !important;
    }
}

#modal_averaged_results {
    margin-top:15%;
}

#cycle_dates {
    width: 75%;
    margin: 0 auto;
}
#cycle_dates td {
    border: 1px solid #ddd;
    
}

input.bootbox-input.bootbox-input-text.form-control {
    width: 100% !important;
    min-width: 100% !important;
    height: 50px;
}

button#button-add-comment-kpi {
    margin-bottom: 15px;
}

#show_stats_here .modal-body {
    padding-left: 7%;
}

.tooltip-metrics {font-size:20px;}

.legend-metrics {
    float: left;
    margin-right: 10px;
    color:black;
}

.legend-metrics li {
    color:black;
    margin: 5px 10px;
}
.legend-metrics div {
    width:50px; 
    height:20px;
    vertical-align: middle;
    margin-right: 10px;
}
.legend-metrics .dropdown-menu {
    width:250px;
    left: -110px;
}

.legend-metrics-large .dropdown-menu {
    width: 300px;
    left: -165px;
}
.image_explanation {float:left;width:100%}

.monthly_slide {
    display: inline-block;
    width: 220px;
    margin-right: 1px;
}

.emails_slider {
    display: inline-block;
    width: 125px;
    float:right;
    margin-top: 3px;
}


.btn-action-edit {
    margin: 0 auto;
    display: block;
}

.table_actions_inner table {
    text-align: center;
    font-size: 0.9em;
}
.table_actions_inner table thead tr:nth-child(2) th:nth-child(2) {
    width:30%;
    text-align: left;
}

.action_first_column {
    width: 8%;
}

.action_last_column .fa, i.fa.fa-arrows-alt {
    font-size: 12px;
    margin-right: 5px;
}

.fake-disabled-checkbox{
    pointer-events: none;
    opacity: 0.5;
}

.red-triangle {
    text-align: center;
    margin: 15px auto 0;
    font-weight: bold;
}
.red-triangle i {
    font-size: 60px;
    color: #FF6347;
    margin-bottom: 15px;
    display: block;
}

select #open_solved_filter {
    margin-top:10px;
}

.footer-logo-container {
    width:100%;
    position: absolute;
    bottom: 0px;
}

.footer-logo {
    margin: 10px auto;
    width:5%;
}

.footer-logo img {
    max-width: 10em;
    opacity: 0.5;
}

#app {
    padding-bottom: 4em;
}

#sdg_template_names {margin-top:15px;}

pre {
    white-space: pre-wrap;
    word-break: auto-phrase;
}

.stats-metrics {
    margin-left:25%;
    float:none;
}

#add_decision_table th:first-child {
    width: 10%;
}

#add_decision_table th:last-child {
    width: 10%;
}

.decision-row:hover {
    cursor:pointer;
    background-color: lightgray;
}

.hide_show_decision {
    display:none;
}

#show-all-deviations {
    display: none;
    margin: 10px auto;
}