.custom-control {

}

.custom-checkbox {
    padding-left: 20px; }
    .custom-checkbox label {
      display: inline-block;
      position: relative;
      padding-left: 5px; }
      .custom-checkbox label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-left: -20px;
        border: 1px solid #cccccc;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
      .custom-checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #555555; }
    .custom-checkbox input[type="checkbox"] {
      opacity: 0; }
      .custom-checkbox input[type="checkbox"]:focus + label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px; }
      .custom-checkbox input[type="checkbox"]:checked + label::after {
        font-family: 'FontAwesome';
        content: "\f00c"; }
      .custom-checkbox input[type="checkbox"]:disabled + label {
        opacity: 0.65; }
        .custom-checkbox input[type="checkbox"]:disabled + label::before {
          background-color: #eeeeee;
          cursor: not-allowed; }
    .checkbox.checkbox-circle label::before {
      border-radius: 50%; }
    .checkbox.checkbox-inline {
      margin-top: 0; }
  
  .checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca; }
  .checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }
  
  .checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f; }
  .checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff; }
  
  .checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de; }
  .checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff; }
  
  .checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff; }
  
  .checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
  .checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff; }
  

.custom-control-label {
    font-size: 1em;
    font-weight: normal;
}
.select-li {
    cursor: pointer;
}

.select-li:hover {
    background-color: #45718d46;
}

.box-recipient-data {
    text-align: right;
    padding-top:4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100px;
    background-color: #eeeeee;
    color: #000000;
    border: 1px solid #d2d6de;
    margin-right: 10px;
}
.widget-user-header-min {
    padding: 10px;
    height: 80px !important;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.box-header-center {
    text-align: center !important;
    color: white !important;
}

.box-header-primary {
    background: #3c8dbc;
}

.box-header-error {
    background: #ff1a1a;
}

.box-header-error2 {
    background: #f56954;
}


.box-header-success {
    background: #008d4c;
}

.box-body-sized {
    min-height: 360px;
}

.col-sm-4 > h3 {
    font-size: 16px;
}

.form-group > label {
    font-size: 12px;
}

.form-group {
    font-size: 12px !important;
}

.box-recipient {
    border: 1px solid #d4d7de;
    padding: 8px;
    border-radius: 1px;
    margin: 4px;
    background-color: #ffffff;
}

.button-imagen {
    border: 0px hidden;
    background-color: rgba(0, 0, 0, 0.00);
    padding: 0px;
    margin: 0px;
}

.item-draggable {
    margin: 2px 2px 2px 2px;
    padding: 3px !important;
    display: inline !important;
    float: left;
    cursor: pointer;
    border-radius: 4px !important;
    overflow: visible;
    font-size: 1em !important;
}

    .item-draggable > span {
        color: white !important;
    }

.draggable-box2 {
    border: 1px solid #d2d6de;
    padding: 0 0 0 0;
    margin-right: 10px;
    background: white;
    min-height: 40px;
    width: 100%;
}
.draggable-box2 li {
    margin: 4px 2px 4px 2px;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    border-radius: 4px !important;
}
.draggable-box3 {
    border: 1px solid #d2d6de;
    padding: 0 0 0 0;
    margin-right: 10px;
    background: white;
    min-height: 60px;
    width: 200px;
}
.draggable-box3 li {
    margin: 4px 2px 4px 2px;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    border-radius: 4px !important;
}

.draggable-box {
    border: 1px solid #d2d6de;
    list-style-type: none;
    padding: 0 0 0 0;
    margin-right: 10px;
    /*overflow: auto;*/
    overflow-x: hidden;
    background: white;
    min-height: 32px;
    width: 100%;
}

    .draggable-box li {
        margin: 4px 2px 4px 2px;
        padding: 5px;
        display: inline;
        float: left;
        cursor: pointer;
        border-radius: 4px !important;
        overflow: visible;
    }


/* Styles from Checkklist TTS */
.no-padding {
    padding: 0 !important;
}

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

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

.colorD {
    color: #3c8dbc;
}

.float-right {
    float: right;
    position: relative;
    display: table;
}

    .float-right > button {
        margin-left: 10px;
        margin-top: 10px;
    }

.float-left {
    float: left;
    position: relative;
    display: table;
}

    .float-left > button {
        margin-left: 10px;
        margin-top: 10px;
    }

    .float-left > i {
        margin-left: 10px;
        margin-top: 10px;
        vertical-align: middle;
    }


.modal-title-white {
    color: white;
    font-weight: bold;
}

.datagrid-link {
    cursor: pointer;
    font-size: 15px;
    vertical-align: middle;
    text-align: center;
}

.form-panel {
    min-height: 300px;
}
/* Select2 personalization */
.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none !important;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default {
    width: 100% !important;
}

.select2-selection__choice__remove {
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 6px;
    float: right !important;
    margin-left: 7px !important;
    font-size: 114% !important;
}

.select2-selection__choice {
    border: none !important;
}

.select2 .selection {
    width: 100%;
}

/* steps personalization */
.wizard > .steps > ul > li {
    width: 20%;
}

.wizard > .content > .body label {
    display: block !important;
}

.wizard > .steps a, .wizard > .steps a:active {
    background: #9dc8e2;
    color: #fff;
}

/* Specific object styles */
#tblSummary th {
    font-size: 12px;
}

#tblSummary td {
    font-size: 11px;
}

/*.ui-datepicker{
    z-index: 999999 !important;
    background: white !important;
}

.datepicker {
    z-index: 999999 !important;
}*/

.datepicker .dropdown-menu, .datepicker-dropdown {
    z-index: 999999 !important;
}


#gridFinalReview .dx-datagrid, #gridFinalReview .dx-texteditor-input, .dx-dropdowneditor-overlay .dx-list-item-content {
    font: 10px verdana !important;
}

#gridFinalReview {
    max-height: 450px;
}

.errorClass {
    color: red;
}

/*.modal-footer {
    background-color: #f9f9f9;
}

.modal-dialog {
    width: 900px;
}

.modal-content {
    height: auto;
}

.modal-body {
    max-height: 950px;
}*/

#pupNewLine .wizard > .content {
    height: 550px;
    width: 1400px;
}

#pupProcurementPackage .wizard > .content {
    height: 550px;
    width: 1400px;
}

#mdlConfirmation {
    width: 1300px;
    height: 550px;
}

.panel-dialog {
    display: block;
    color: #414141;
    background: #ffffff;
    border: 1px solid #a9a9a9;
    position: absolute;
    z-index: 999999;
    padding: 6px 8px;
    overflow: visible;
    -webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 3px 3px rgba(0,0,0,0.4);
    box-shadow: 1px 3px 3px rgba(0,0,0,0.4);
}

.dataTable2 {
    width: 95%;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .dataTable2 > thead > tr > th[class*="sort"]:after {
        content: "" !important;
    }

    .dataTable2 td, .dataTable2 th, .dataTable2 thead {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

.table-piechart th, .table-piechart td, .table-piechart button {
    font-size: 12px !important;
}

.table-piechart th {
    padding-right: 5px !important;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
   background: rgba(255, 243, 161, 0.7) !important;
}

.selected {
     background: rgba(255, 255, 0, 0.5) !important;
}

.droppedItem :hover {
    background-color: #7c4721;
}

.box-recipient-disabled {
    border: 1px solid #bac0c6;
    padding: 6px;
    background-color: #f3f1f1;
}
.button-recipient-hide {
    display: none;
}
#tblRecipient{
    width: 100%;
    display: block;
    max-height: 170px;
    overflow-y: auto;
}

#tblRecipient, #lblRecipient {
    font-size: 14px !important;
}

    #tblRecipient thead tr {
        height: 15px !important;
    }

    #tblRecipient tbody tr {
        height: auto !important;
    }

.ui-autocomplete {
    z-index: 999999;
}

.user-info {
    float: right;
    color: whitesmoke;
    font-size: 14px;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: bold;
}

.connectedSortableError {
    border: 2px solid red !important;
}

.dx-datagrid .dx-row-alt > td {
    background-color: #d8e9f3 !important;
}

.alternateRowULTemplate {
    background-color: #d8e9f3 !important;
}

.li-tab-preview {
    width: 100%;
}

.form-group-tab {
    margin-left: 10px !important;
    font-size: 12px !important;
    margin-bottom: 15px;
    display: table;
    content: " ";
}

/*MESSAGES ALERT*/
#panelChat {
    position: absolute;
    margin-top: 17px;
    right: 0px;
    width: 300px;
    height: auto;
}

#panelContainer {
    background-color: #13547a;
    border-radius: 0;
}

#panelChat .panel-default > .panel-heading {
    background-color: #3c8dbc;
}

    #panelChat .panel-default > .panel-heading a {
        color: #e6e6e6;
        padding-right: 0;
    }

/*ONLINE USERS*/
@media (min-width: 1200px) {
    #panelOnline {
        position: absolute;
        margin-top: 18px;
        right: 0px;
        width: 300px;
        height: auto;
        background-color: #13547a;
    }
}

@media (min-width: 1920px) {
    #panelOnline {
        position: absolute;
        margin-top: 17px;
        right: 0px;
        width: 300px;
        height: auto;
        background-color: #13547a;
    }
}

#collapseOnline > .content-title-online {
    float: left;
    width: 100%;
    background-color: #13547a;
}

    #collapseOnline > .content-title-online > .title-online {
        float: left;
        width: 70%;
        margin: 5px 10px;
    }

    #collapseOnline > .content-title-online > .logo-online {
        float: right;
        width: 15%;
        margin: 7px 10px;
        text-align: center;
    }



#panelContainerOnline {
    background-color: #45728d;
    padding-top: 0;
    /*border-left:2px solid #6cb3de;
    border-bottom:2px solid #6cb3de;*/
}

div.team-container {
    float: left;
    width: 78px;
    height: 60px;
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
    background-color: #3c8dbc; /*#6cb3de*/
}

    div.team-container > label {
        float: left;
        text-align: center;
        width: 100%;
        font: bold 10px arial;
        height: 25px;
        color: #f4f4f4;
        overflow: hidden;
    }

    div.team-container > span {
        float: left;
        text-align: center;
        width: 100%;
        font: bold 12px arial;
        color: #fff; /*#45728d*/
    }

#panelUsersOnline {
    display: none;
    background-color: #13574a; /* #13547a*/
}

#panelTimeline {
    height: 200px;
    overflow-y: auto;
    background-color: #f5f5f5;
}

div.user-online-container {
    width: 100%;
    height: 35px;
}

    div.user-online-container i {
        color: yellow;
    }

    div.user-online-container label {
        color: #fff;
        margin-left: 5px;
    }


.btn.btn-original-blue {
    background-color: #3c8dbc;
    color: #e6e6e6;
    border: 1px solid #fff;
}

.btn.w-color {
    background-color: #3c8dbc;
    color: #fff;
    margin: 0;
    padding: 0;
}

    .btn.w-color:hover {
        opacity: 0.7;
    }

.btn.btn-bubble {
    background-color: #fff;
    color: #3c8dbc;
    border-radius: 0 0;
    width: 240px;
    text-align: left;
    margin-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
}

.btn.btn-alert {
    background-color: orange;
    color: #fff;
}

.btn.btn-bubble span.badge {
    background-color: #3c8dbc;
    color: lightgray;
}

ul.dropdown-menu {
    background-color: #3c8dbc;
}

    ul.dropdown-menu > li > a {
        color: #fff;
        padding-right: 0;
    }

        ul.dropdown-menu > li > a > i {
            float: right;
            padding-left: 15px;
            opacity: 0.5;
        }

#alertMessage {
    background-color: orange;
    color: #fff;
}

#panelContainer > h5 {
    margin: 0px 0px 10px 0;
    line-height: 25px;
}

#buttonChat {
    right: 7px;
    bottom: 0px;
    position: fixed;
    z-index: 10059;
    display: none;
}

#collapseChat {
    width: auto;
    max-width: 600px;
    background-color: #13547a;
    min-height: 300px;
}

#txtConversation {
    padding-left: 5px;
    padding-right: 5px;
}

/*Format message chat*/
ul[name="uChatConversation"] {
    padding-left: 0;
    background-color: #e9e9e9;
}

div.format-chat {
    width: 70%;
    margin: 5px 0;
    padding: 5px 15px;
    border-radius: 9px;
}

    div.format-chat.format-chat-origin {
        float: right;
        border: 2px solid #a66617;
        background-color: #7d582c;
        color: lightgray;
    }

    div.format-chat.format-chat-target {
        float: left;
        border: 2px solid #7d582c;
        background-color: #a66617;
        color: #e9e9e9;
    }

    div.format-chat label {
        font-weight: bold;
        color: #fff;
    }

    div.format-chat span {
        color: #fff;
        float: right;
    }
    /* End Format message chat*/

.item-preview {
    margin-left: 8px !important;
    display: inline-flex;
}

.item-draggable-preview {
    color: white !important;
}

div.panel.panel-default.container-body-team {
    margin: 10px;
}

div.panel-body.container-team {
    margin: 5px;
    background-color: lightgray;
    height:270px;
    overflow-y:auto;
}

div.team-option {
    height: 50px;
    width: 45%;
    float: left;
    margin: 5px;
    padding: 5px;
    text-align: center;
    background-color: #3c8dbc;
    color: #fff;
    border-radius: 5px;
    font-size:11px;
    overflow: hidden;
}

/*FLIP CHAT*/
div.hide-front {
    backface-visibility: hidden;
    display: block;
}

div.hide-back {
    backface-visibility: hidden;
    display: none;
}

.toggle {
    width: 115px !important;
}

/* Dropzone */
.dz-filename, .dz-filename span {
    cursor: pointer !important;
    font-size: 12px !important;
    word-wrap: break-word;
}

#divRowDetail .dz-details , #frmPR .dz-details ,  #frmPO .dz-details{
    height: 80px !important;
}

#divRowDetail .dz-details .dz-filename,#frmPR .dz-details .dz-filename , #frmPO .dz-details .dz-filename  {
    text-align: center !important;
    margin-top: 50px !important;
}


.dz-size {
    display: none;
    width: 100%;
}


#headerContent {
    text-align: center;
    display: inline-table;
    width: 100%;
    margin: 0 auto;
    position: absolute;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview{
    margin: 8px !important;
}

/*HISTORY*/
#history {
    height: 318px;
    overflow-y: auto;
}

#tableHistory thead {
    background-color: #3c8dbc;
    color: #fff;
}

    #tableHistory thead tr th {
        padding-top: 1px;
        padding-bottom: 1px;
        margin-top: 0;
        margin-bottom: 0;
        cursor: default;
    }

#tableHistory th {
    text-align: center;
}
/*Hide icon sort in the datable jquery or bootstrap*/
#tableHistory.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after {
    display: none;
}

#tableHistory.dataTable thead .sorting:after {
    display: none;
}

tr.group,
tr.group:hover {
    background-color: #ddd !important;
}

div.refresh-history {
    position: absolute;
    top: 2px;
    right: 10px;
}

.tabs-left li.active, .tabs-left li.active a, .tabs-left li.active a:hover {
    background-color: #f7f7f7 !important;
}

.vertical-tabs .col-xs-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*HISTORY PROCUREMENT*/
/*Dinamyc by resolution*/
@media (min-width: 1200px) {
    .content-view {
        height: 93.2vh;
    }
    /*Container Events*/
    #flipEvent {
        width: 100%;
        height: 75vh;
    }

    div.container-events {
        width: 100%;
        height: 75vh;
        /*border: 2px dashed #3c8dbc;*/
    }

    div.container-events-table {
        width: 100%;
        height: 65vh;
        overflow-y: auto;
        /*border: 2px dashed #3c8dbc;*/
    }

    div.container-events-buttons > button {
        float: right;
        margin-top: 2.5vh;
    }
    /*Container History*/
    div.container-history {
        width: 100%;
        height: 35.5vh;
        /*border: 2px dashed #3c8dbc;*/
    }

    div.header-history-event {
        position: static;
        z-index: 2;
        height: 2.4vh;
        /*border:1px dashed blue;*/
    }

    div.container-history-table {
        width: 100%;
        height: 27vh;
        overflow-y: auto;
        /*border: 1px dashed red;*/
    }

    /*Container Chat*/
    div.container-chat {
        width: 100%;
        height: 39.5vh;
        /*border: 2px dashed #3c8dbc;*/
    }
}

@media (min-width: 1920px) {

    .content-view {
        height: 94.8vh;
    }
    /*Container Events*/
    #flipEvent {
        width: 100%;
        height: 80vh;
    }

    div.container-events {
        width: 100%;
        height: 80vh;
        /*border: 2px dashed #3c8dbc;*/
    }

    div.container-events-table {
        width: 100%;
        height: 72.3vh;
        overflow-y: auto;
        /*border: 2px dashed #3c8dbc;*/
    }

    div.container-events-buttons > button {
        float: right;
        margin-top: 3.5vh;
    }

    /*Container History*/
    div.container-history {
        width: 100%;
        height: 37.5vh;
        /*border: 2px dashed #3c8dbc;*/
    }

    div.header-history-event {
        position: static;
        z-index: 2;
        height: 1.7vh;
        /*border:1px dashed blue;*/
    }

    div.container-history-table {
        width: 100%;
        height: 31vh;
        overflow-y: auto;
        /*border: 1px dashed red;*/
    }

    /*Container Chat*/
    div.container-chat {
        width: 100%;
        height: 42.5vh;
        /*border: 2px dashed #3c8dbc;*/
    }
}
/*General*/

/*-- Chat --*/
@media (min-width: 1200px) {
    div.container-chat-partial {
        height: 28vh;
    }

    div.panel-body-input {
        float: left;
        width: 100%;
        padding: 5px 10px;
        height: 6.2vh;
    }
}

@media (min-width: 1920px) {
    div.container-chat-partial {
        height: 27.2vh;
    }

    div.panel-body-input {
        float: left;
        width: 100%;
        padding: 5px 10px;
        height: 5vh;
    }
}

div.panel-body-chat {
    float: left;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    padding: 2px 10px;
    background-color: #e9e9e9;
}

div.container-chat-message {
    height: 100%;
    overflow-y: auto;
}
/*tabs*/
ul[name="uChat"].nav-tabs > li.active > a, #uChat.nav-tabs > li.active > a:hover, #uChat.nav-tabs > li.active > a:focus {
    background-color: #13547a;
    color: #fff;
}

ul[name="uChat"].nav-tabs > li > a {
    color: #fff;
}

#collapsed {
    width: 150px;
}

div.close-tab-chat {
    float: right;
    padding-left: 15px;
    padding-right: 10px;
}


/*--End  Chat --*/

/*Panel*/
.panel-default > .panel-heading {
    background-color: #13547a;
    color: #fff;
    text-align: center;
    font: bold 14px arial;
}

/*-events-*/
/*Hide icon sort in the datable jquery or bootstrap*/
#tableEvents.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after {
    display: none;
}

#tableEvents.dataTable thead .sorting:after {
    display: none;
}

#tableEvents thead {
    color: #fff;
    background-color: #3c8dbc;
}

    #tableEvents thead tr th {
        padding-top: 1px;
        padding-bottom: 1px;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
        cursor: default;
    }

#tableEvents tbody tr td {
    cursor: default;
}

#tableRelatedEvents.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after {
    display: none;
}

#tableRelatedEvents.dataTable thead .sorting:after {
    display: none;
}

#tableRelatedEvents thead {
    color: #fff;
    background-color: #3c8dbc;
}

    #tableRelatedEvents thead tr th {
        padding-top: 1px;
        padding-bottom: 1px;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
        cursor: default;
    }

#tableRelatedEvents tbody tr td {
    cursor: default;
}

#flipChat {
    min-width: 300px;
}

div.container-flip {
    height: 8vh;
    position: relative;
}

div.container-events-buttons {
    height: 8vh;
    background-color: #fff;
    /*border: 1px dashed red;*/
}

div.container-events-actions {
    height: 5vh;
    background-color: #13547a;
    /*border: 1px dashed red;*/
}

div.event-action {
    float: left;
    height: 3.8vh;
    width: 19%;
    margin: 5px 10px;
    background-color: #3c8dbc;
    border-radius: 5px;
    border: 1px solid lightgray;
}

    div.event-action:hover {
        border: 2px solid lightgray;
    }

    div.event-action > label {
        width: 80%;
        margin-top: 7px;
        text-align: center;
        color: #fff;
        font: 300 12px arial;
        
        
    }

    div.event-action i {
        width: 20%;
        text-align: center;
        color: #fff;
    }

div.event-back {
    float: right;
    height: 3vh;
    width: 60px;
    margin: 5px 5px;
    text-align: right;
    /*border:1px dashed blue;*/
}

div.container-histories-actions {
    height: 4.5vh;
    background-color: #13547a;
    /*border: 1px dashed red;*/
}

div.history-action {
    float: left;
    height: 3vh;
    width: 13%;
    margin: 5px 10px;
    background-color: #3c8dbc;
    border-radius: 5px;
    border: 1px solid lightgray;
}

    div.history-action:hover {
        border: 2px solid lightgray;
        cursor: default;
    }

    div.history-action > label {
        width: 80%;
        margin-top: 7px;
        text-align: center;
        color: #fff;
        font: 300 12px arial;
    }

    div.history-action i {
        width: 20%;
        text-align: center;
        color: #fff;
    }

div.filter-history-input input {
    background-color: transparent;
    border: none;
    color: #fff;
}

div.history-flip {
    float: right;
    /*height: 3vh;
    width: 13%;
    margin: 5px 10px;
    background-color: #3c8dbc;
    border-radius: 5px;
    border: 1px solid lightgray;*/
    cursor: pointer;
}

div.history-search {
    float: right;
    margin: -9px 20px;
    width: 250px;
    height: 25px!important;
}

div.history-search-calendar {
    float: left;
    width: 135px;
    height: 30px;
    margin-right: 5px;
    margin-left: 5px;
}

/*div.history-flip:hover {
    border: 2px solid lightgray;
}*/

div.history-flip > label {
    width: 80%;
    margin-top: 7px;
    text-align: center;
    color: #fff;
    font: 300 12px arial;
}

div.history-flip i {
    width: 20%;
    text-align: center;
    color: #fff;
}

#modalGeneral .modal-header {
    background-color: #3c8dbc;
    color: #fff;
    font: 300 14px arial;
}
/*-history-*/
div.header-history {
    /*values default panel-heading bootstrap.css*/
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-color: #dddddd;
    background-color: #13547a;
    /*border:1px dashed red;*/
}

div.header-history-title {
    /*position: absolute;
    z-index: 1;*/
    float: right;

    /*width: 95%;*/
    text-align: center;
    color: #fff;
    font: bold 14px arial;
    cursor: pointer;
    /*border:1px dashed red;*/
}


div.header-history-eventid {
    float: left;
    color: #fff;
    font: 300 14px arial;
}

div.header-history-clear {
    /*float:right;*/
    position: absolute;
    top: 5px;
    right: 15px;
}

i.fa.fa-commenting {
    color: darkorange;
    float: right;
}

i.fa.fa-comments {
    color: darkorange;
    float: right;
}

span.badge {
    font-size: 9px;
    float: right;
    background-color: orange;
    /*opacity: 0.7;*/
    line-height: 6px;
}

#panelFlipEvent, #panelFlipBackEvent {
    cursor: pointer;
}

div.detail-history-message {
    height: 600px;
    overflow-y: auto;
    border: 2px solid #e9e9e9;
    border-radius: 5px;
}

    div.detail-history-message label.history-date {
        font-weight: bold;
        color: #3c8dbc;
    }

div.alert-panel-message {
    float: right;
}
/*<div id="alertPanelMessage" class="alert-panel-message"></div>*/
/*div.alert-panel-message i.fa-commenting {
    color:yellow;
}*/

/*-history procurement-*/



.datatable-blue .tr-blue {
    color: #fff;
    background-color: #3c8dbc;
    text-align: center !important;
}

.datatable-blue td {
    border-top: 0 !important;
    border-bottom: 0 !important;
    text-align: center;
    vertical-align: middle;
}


.datatable-blue tbody {
    border: 1px solid #f4f4f4 !important;
}

.datatable-blue .footer {
    border: 1px solid #f4f4f4 !important;
    font-weight: bold;
}

.preview-pic {
    max-height: 100px;
    max-width: 100px;
}

.disabled-ul {
    pointer-events: none;
    background-color: #eeeeee !important;
}

.table-icon {
    width: 100%;
}

    .table-icon td {
        text-align: center;
    }


.icheckbox_flat-blue.disabled {
    /*background: #caebf7 !important;*/
}


.inner-select {
    display: block;
    width: 200px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    float: right;
}

/* Removes modal background */

.modal {
    overflow: hidden;
}

.modal-header { /* not necessary but imo important for user */
    cursor: move;
}

.datepicker table tr td.disabled {
    color: #bfbfbf;
}

    .datepicker table tr td.disabled:hover {
        color: #bfbfbf;
    }

#frmSOW img, #frmIGCE img, #frmAcqPlan img, #frmJOFOC img, #frmOther img, #frmFiles img, #frmQuote img ,#frmPR img  ,#frmPO img,
#frmNOFO img, #frmSoleSource img, #frmScoring img, #frmNarrativeAnalysis img, #frmMinute img, #frmNonDisclosure img, #frmProposal img  {
    width: 50px;
    height: 50px;
    left: 25px;
    cursor: pointer;
}

.bgImageDZ {
    background-image: url('/Content/images/upload.png'); 
    background-repeat: no-repeat; width:100%;  
}

#frmIGCE #divImageDZMini img   {   
    width: 32px !important;
    height: auto !important;
}

#frmNOFO #divImageDZMiniNOFO img,#frmSoleSource #divImageDZMiniSoleSource img,#frmScoring #divImageDZMiniScoring img,
#frmNarrativeAnalysis #divImageDZMiniNarrativeAnalysis img,  #frmNonDisclosure #divImageDZMiniNonDisclosure img, #frmMinute #divImageDZMiniMinute img, #frmProposal #divImageDZMiniProposal img  {   
    width: 32px !important;
    height: auto !important;
}

.bgImageDZMormal {   
    background-size: auto ;
    background-position:center;
}

#btnPreviewIGCE {  
    background-color: transparent;      
}

#divIconPreviewIGCE {
    position: relative;
    left: 0;
    top: 30px;
    backface-visibility: hidden;
    display:block;
    text-align:center;
}

#btnPreviewNOFO,#btnPreviewSoleSource,#btnPreviewScoring, #btnPreviewNarrativeAnalysis, #btnPreviewNonDisclosure, #btnPreviewMinute  {  
    background-color: transparent;      
}

#divIconPreviewNOFO a img, #divIconPreviewSoleSource a img, #divIconPreviewNonDisclosure a img, #divIconPreviewNarrativeAnalysis a img, #divIconPreviewMinute a img, #divIconPreviewScoring a img{
   cursor: pointer; width: 180px; height: 100px;
   display:block;   
}

#divIconPreviewNOFO, #divIconPreviewSoleSource, #divIconPreviewNonDisclosure, #divIconPreviewNarrativeAnalysis, #divIconPreviewMinute,#divIconPreviewScoring {
    position: relative;
    left: 0;
    top: 30px;
    backface-visibility: hidden;
    display:block;
    text-align:center;
}

#divIconPreviewIGCE a img{
   cursor: pointer; width: 180px; height: 57px;
   display:block;   
}

#frmIGCE .dz-message {
    position: relative;
    top: 100px;
    height:auto;
}

#frmNOFO .dz-message, #frmSoleSource .dz-message,#frmScoring .dz-message, #frmNarrativeAnalysis .dz-message, #frmMinute .dz-message, #frmNonDisclosure .dz-message, #frmProposal .dz-message  {
    position: relative;
    top: 100px;
    height:auto;
}

#divImageDZMini img, #divImageDZMiniNOFO img,#divImageDZMiniSoleSource img,#divImageDZMiniScoring img, #divImageDZMiniNarrativeAnalysis img,#divImageDZMiniNonDisclosure img,#divImageDZMiniMinute img,#divImageDZMiniProposal img{
  cursor:pointer
}

#frmFiles .dz-filename , #frmImages .dz-filename{
   text-align: center !important;
   margin-top: 50px !important;
}

/*
* Component personalized : Control sidebar, this is the right sidebar.
*/

#controlsidebarFlipGridDocuments {
    margin-top:495px;
    margin-right:7px; 
    padding-top:0px; 
    margin-right:-8px;
}
#controlsidebarFlipGridDocuments .info-box-content {
   padding-top: 12px;
   margin-left: 60px;
}
#controlsidebarFlipGridDocuments .info-box {
   min-height: 60px;
}
#controlsidebarFlipGridDocuments .info-box-icon {
    height: 60px !important;
    width: 60px !important; 
    font-size: 29px !important;
    line-height: 62px !important;
    background-color:#3c8dbc;
    color: #fff;
}

.control-sidebar_grid-bg {
  position: fixed;
  z-index: 1000;
  bottom: 0;
}
.control-sidebar_grid-bg,
.control-sidebar_grid {
  top: 0;
  right: -250px;
  width: 250px;
  -webkit-transition: right 0.3s ease-in-out;
  -o-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}

.control-sidebar_grid {
  position: absolute;
  padding-top: 50px;
  z-index: 1010;
}
@media (max-width: 768px) {
  .control-sidebar_grid {
    padding-top: 100px;
  }
}

.control-sidebar_grid.control-sidebar_grid-open,.control-sidebar_grid.control-sidebar_grid-open + .control-sidebar_grid-bg {
  right: 0;
}

.control-sidebar_grid-open .control-sidebar_grid-bg,.control-sidebar_grid-open .control-sidebar_grid {
  right: 0;
}
@media (min-width: 768px) {
  .control-sidebar_grid-open .content-wrapper,
  .control-sidebar_grid-open .right-side,
  .control-sidebar_grid-open .main-footer {
    margin-right: 230px;
  }
}

#frmIGCE .dz-image-preview {
    position: relative;
    top:45px;
}

#frmNOFO .dz-image-preview,#frmSoleSource .dz-image-preview,#frmScoring .dz-image-preview ,#frmNarrativeAnalysis .dz-image-preview,#frmMinute .dz-image-preview,#frmNonDisclosure .dz-image-preview,#frmProposal .dz-image-preview{
    position: relative;
    top:45px;
}

 .time1 {
    color: #999;
    float: left;
    padding: 10px;
    font-size: 12px;
    position:relative;
    top:-35px;    
}


#divPreviewIGCEModal {
    max-height: 700px;
    overflow-y: auto;
}


#CountDownHolder{
    font-weight:bold;
}

#pupSessionExpire .modal-body {
    background-color:#fff !important;
    color: #616161 !important;
   
}