/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak, .translate-cloak {
    display: none !important;
}

body
{
    padding: 60px 85px;
}

.modal-body
{
    min-height: 53px;
}

.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#footer .span4
{
    text-align: center;
    padding-top: 10px;
}

#footer .span4 span
{
    padding-top: 11px;
    padding-left: 5px;
}

.gridStyle
{
    border: 1px solid rgb(212,212,212);
    width: 960px;
    min-height: 600px;
    margin-left: -20px;
    margin-bottom: 20px;
}

.wideGridStyle
{
    border: 1px solid rgb(212,212,212);
    width: 100%;
    min-height: 400px;
    margin-bottom: 20px;
}


#mappingHeaderGrid
{
    min-height: 334px;
    overflow: hidden;
}

#mappingGrid
{
    min-height: 187px;
    overflow: hidden;
}

.ngRowCountPicker
{
    display: none;
}

.ngNoMultiSelect
{
    margin-top: 8px;
}

.ngPagerControl
{
    margin-top: 3px;
}

html
{
    overflow-x: hidden;
}

.fileinput-button
{
    position: relative;
    overflow: hidden;
}

    .fileinput-button input
    {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate(-300px, 0) scale(4);
        font-size: 23px;
        direction: ltr;
        cursor: pointer;
    }

.late
{
    color: red;
}

.licenceAboutToExpire
{
    color: darkorange;
}

.footerPreviewGridStyle
{
    border: 1px solid rgb(212,212,212);
    min-height: 300px;
    margin-left: 0px;
    margin-bottom:10px;
}

.footerPreviewModal
{
    width: 1024px;
    margin-left: -512px;
}

.well-align
{
    padding: 0 19px;
}

.fluidGridStyle
{
    width: auto;
    border: 1px solid rgb(212,212,212);
    min-height: 600px;
    margin-bottom: 20px;
}

.fluidGridSmallStyle
{
    width: auto;

    min-height: 450px;
    margin-bottom: 20px;
}

.listeditorgrid
{
    height: 250px;
    min-height: 250px;
}

#verifyPriority
{
    margin-left: 12px;
}

.suppierAliasGridStyle
{
    border: 1px solid rgb(212,212,212);
    min-height: 200px;
    margin-left: 0px;
}

.formSpan
{
    margin: 0;
}

.supplierCategoriesGridStyle
{
    border: 1px solid rgb(212,212,212);
    min-height: 200px;
    margin-left: 0px;
}

.searchFilterBox .select2-container
{
    display: inline-block;
    margin: 0;
    margin-bottom: 10px;
    position: relative;
    vertical-align: middle;
}

.control-group-label
{
    padding-top: 5px;
    margin-bottom: 5px;
    height: 20px;
}

#expiredCheckbox
{
    margin-left: 20px;
}

.btn-editlist
{
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 3px;
}

.blankbackground
{
    background-color: transparent;
}


input[type="checkbox"].linedupcheckbox
{
    margin: 0;
    margin-right: 5px;
}

input[type="radio"].linedupradio
{
    margin: 0;
    margin-right: 5px;
}

.pendingInvoiceButtons
{
    margin-right: 24px;
    margin-top: 5px;
}

.importNotes
{
    display: inline-block;
    text-align: center;
    width: 100%;
}

.dropdown-menu > li > span {
    clear: both;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 3px 20px;
    white-space: nowrap;
    color: #808080;
}

#versionContainer
{
    display:none;
}

#loginVersionNumber
{
    color: #808080;
    text-align: right;
    width: 100%;
}

.navbar .brand 
{
    margin-left: -10px;
}



#verifySupplierForm .control-label
{
    text-align: left;
    width: 160px;
}


#verifySupplierForm .controls
{
    margin-left: 90px;
}

#verifySupplierForm .company-number
{
    float: left;
    margin-right: 20px;
}

#s2id_supplierSearchOrgSelect
{
    margin: 0px;
}



#footernbrows
{
    margin-bottom: 0px;
}

.organisationMappings
{
    width:1000px;
    margin-left: -500px;

}

.promotesupplier {
    width: 1000px;
    margin-left: -500px;
}

.organisationMappings #mappingGrid {
    min-height: 300px;
}

.localSuppliers 
{
    width:920px;  
    margin-left: -460px;
}


.localSuppliers .ngGrid
{
    height:400px;  
}

.gridTableStyle
{
    border: 1px solid rgb(212,212,212);
    min-height: 300px;
}

.ngGrid input[type="checkbox"]:checked + label {
    background-color:black;
}

.inputCheckbox
{
    margin-left:0;
}

.contract-register-files .ngFooterSelectedItems {
    display:none;
}

.row-fluid .progress-bar {
    margin-left:0px;
}

.header-icon {
    margin: 0 5px;
}

.checkbox-inline-block {
    display: inline-block;
    margin-right: 20px;
}

.grid-checkbox-margin {
    margin-top: 8px !important;
}

.user-activity-grid {
    font-size: 11px;
}

.no-left-margin {
    margin-left: 0px;
}

.selection-popup input[type='checkbox'] {
    margin-top: -1px;
}

.selection-popup div {
    padding: 2px;
}

.selection-popup .span3 {
    border: 1px solid #ddd;
    padding: 10px;
}

.selection-popup .items {
    height: 298px;
    max-height: 300px;
    overflow: auto;
}

.selection-popup button {
    margin-top: 10px;
}

.selection-popup h3 {
    margin-top: 0;
    padding-left: 10px;
    text-align: center;
}

.selection-popup .selected-entry {
    background-color: lightblue;
    background-image: none;
}


.no-left-padding {
    padding-left: 0 !important;
}

.product {
    height: 30px;
    padding-top: 5px;
}

.no-gutter {
    margin: 0 !important;
}

.panel {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 10px 15px;
  margin: -15px -15px 15px;
  font-size: 17.5px;
  font-weight: 500;      
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-footer {
  padding: 10px 15px;
  margin: 15px -15px -15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel>.table, .panel>.table-responsive>.table {
      margin-bottom: 0;
}

.alphabet-filter {
    width: 100%;
    margin-left: -10px;
    margin-bottom: 20px;
}

.alphabet-filter button {
    margin: auto;
    display: block;
}

.content-search-select2 {
    margin-left: 0 !important;
    margin-bottom: 10px !important;
}

.form-control-static {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 0px;
}

.text-body {
    color: #333;
}

.btn-white {
    background-color: #fff !important;
}

.btn-white.btn-danger {
    color: #bd362f;
    border-color: #e08985;
    border-bottom-color: #bd362f;
}

.btn-white.btn-success {
    color: #51a351;
    border-color: #98cd98;
    border-bottom-color: #51a351;
}

.organisation-detail-popup .nav-tabs li a {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.organisation-detail-popup .control-group {
    margin-bottom: 5px;
}

.organisation-detail-popup .panel {
    padding: 10px;
}

.organisation-detail-popup .panel-heading {
    margin: -10px;
    margin-bottom: 10px;
    padding: 5px 15px;
    font-size: inherit;
}

.organisation-detail-popup .control-label {
    width: 100%;
}

.organisation-detail-popup .alert {
    margin-bottom: 0;
}

.organisation-detail-popup .page-header {
    margin: 0;
    margin-bottom: 5px;
    padding-bottom: 0;
}

.organisation-detail-popup h2 {
    margin-bottom: 0;
    margin-top: 5px;
}

.organisation-detail-popup hr {
    margin: 5px 0;
}

.organisation-detail-popup h3 {
    margin-bottom: 0;
    margin-top: 5px;
}

.organisation-detail-popup .accordion-group, .organisation-detail-popup .accordion-heading, .organisation-detail-popup .accordion-inner {
    border: none;
}

.organisation-detail-popup .accordion-heading .accordion-toggle {
    padding: 5px 0px;
}

.organisation-detail-popup .accordion-group ul {
    margin: 0;
    margin-left: 10px;
}

.organisation-detail-popup .accordion-inner {
    padding: 0;
}

.organisation-detail-popup .accordion-group .caret {
    margin-top: 8px;
    margin-right: 5px;
}

.organisation-detail-popup .accordion-group .caret.up {
    border-top: 4px transparent #000;
    border-bottom: 4px solid #000;
}

.organisation-detail-popup address {
    margin-top: 5px;
    margin-bottom: 7.5px;
}

.organisation-detail-popup p {
    margin-bottom: 7.5px;
}

.snippetStatus
{
    display: inline-block;
    border-width: 12em;
    padding: .3em;
    border-radius: .3em;
    font-weight: bold;
    padding-right: 1em;
    padding-left: .7em;
    margin-left: .5em;
}
.snippt-awaiting-approval-background-color
{
    background-color: orange;
}
.snippt-publish-background-color
{
    background-color: green;
}

.snippt-archive-background-color
{
    background-color:  gray;
}

.snippt-pending-release-background-color
{
    background-color:  #F45762;
}

.font-color-white
{
   color:white;
}

.close {
    margin-left: 5px;
}

.btn-xs {
    padding: 0px 8px;
    font-size: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.invisible-btn {
    border: 1px solid transparent;
    padding: 0px 8px;
    font-size: 8px;
    display: inline-block;
    width: 5px;
}

.word-wrap {
    word-wrap: break-word;
}

.top-most {
    z-index: 100000 !important;
}

.tinymce-file-upload {
    float: right !important;
    padding: 4px 12px !important;
    border: 1px solid !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #ffffff !important;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.25) !important;
    background-color: #5bb75b !important;
    background-image: -moz-linear-gradient(top, #62c462, #51a351) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)) !important;
    background-image: -webkit-linear-gradient(top, #62c462, #51a351) !important;
    background-image: -o-linear-gradient(top, #62c462, #51a351) !important;
    background-image: linear-gradient(to bottom, #62c462, #51a351) !important;
    background-repeat: repeat-x !important;
    border-color: #51a351 #51a351 #387038 !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
}
.tinymce-file-upload:hover, .tinymce-file-upload:focus {
    background-color: #51a351 !important;
}

.tinymce-file-upload span {
    color: #fff !important;
    vertical-align: baseline !important;
}

.tinymce-file-upload i {
    background-image: url("Images/glyphicons-halflings-white.png") !important;
    background-position: -408px -96px !important;
    width: 14px !important;
    height: 14px !important;
    vertical-align: baseline !important;
}

.tinymce-file-upload input {
    width: 15px !important;
    height: 8px !important;
    position: relative !important;
    float: right !important;
    display: block !important;
    left: 260px !important;
    margin-right: -25px !important;
    top: 6px !important;
}

.tinymce-long-label {
    top: 0 !important;
    width: 100% !important;
    height: 20px !important;
    line-height: 20px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    left: 0px !important;
    visibility: visible !important;
}

span[data-linked-item] a {
    cursor: pointer;
}

.tinymce-auto-width-btn {
    width: auto !important;
    position: static !important;
    float: right !important;
}

.tinymce-auto-width-btn, .tinymce-file-upload {
    margin-left: 5px !important;
}

.mce-fixed-width.mce-menubtn span {
    width: auto !important;
}

.tinymce-add-padding {
    width: 100% !important;
    height: 50px !important;
}

.indent1 {
    margin-left: 10px !important;
}

.indent2 {
    margin-left: 20px !important;
}

.snippet-tab-container
{
    max-height:45em;
    overflow-y:auto;
}

.heading-internal-tab-container
{
    max-height:20em;
    overflow-y:auto;
}

.contract-register-search .select2-input {
    height: auto;
}

.contract-register-search .select2-container, .contract-register-files .select2-container {
    margin-bottom: 10px;
}

.inlineCheckbox
{
    margin-left: 10px !important;
    margin-top: 0px !important;
}

.selection-popup input[type='checkbox'] {
    margin-top: -1px;
}

.selection-popup div {
    padding: 2px;
}

.selection-popup .span3 {
    border: 1px solid #ddd;
    padding: 10px;
}

.selection-popup .items {
    height: 298px;
    max-height: 300px;
    overflow: auto;
}

.selection-popup button {
    margin-top: 10px;
}

.selection-popup h3 {
    margin-top: 0;
    padding-left: 10px;
}

.no-gutter {
    margin: 0 !important;
}

.select2-drop-mask {
    z-index: 99999998;
}

.select2-drop {
    z-index: 99999999;
}

.organisation-detail-illuminator-suppliers {
    position: absolute;
    height: 200px;
    right: 0;
}

.organisation-detail-illuminator-suppliers a {
    width: 100%;
    text-align: center;
}

.position-relative {
    position: relative;
}

.full-width-select {
    width: 100%;
}

.ag-header-viewport {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.icon-heading-contract {
    background: url('/Content/images/icon-Contract.png') no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    border: 0;
    position: relative;
    top: -1px;
}

.icon-heading-contract.icon-archived {
    background: url('/Content/images/icon-archived-Contract.png') no-repeat;
}

.icon-heading-opportunity {
    background: url('/Content/images/icon-Opportunity.png') no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    border: 0;
    position: relative;
    top: -1px;
}

.icon-heading-opportunity.icon-archived {
    background: url('/Content/images/icon-archived-Opportunity.png') no-repeat;
}

.icon-heading-other {
    background: url('/Content/images/icon-Other.png') no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    border: 0;
    position: relative;
    top: -1px;
}

.icon-heading-other.icon-archived {
    background: url('/Content/images/icon-archived-Other.png') no-repeat;
}

.content-readonly-list .list {
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0;
    overflow: hidden;
    min-height: 26px;
    height: auto !important;
}

.content-readonly-list .item {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    margin: 3px 0 3px 5px;
    line-height: 13px;
    color: #333;
    border-radius: 3px;
    -moz-box-shadow: inset 0px 0px 2px #ffffff, 0px 1px 0px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0px 0px 2px #ffffff, 0px 1px 0px rgba(0,0,0,0.05);
    box-shadow: inset 0px 0px 2px #ffffff, 0px 1px 0px rgba(0,0,0,0.05);
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-user-select: none;
    -ms-user-select: none -webkit-user-select: none;
    user-select: none;
    float: left;
}

.content-readonly-list .watermark {
    margin: 1px 0;
    padding: 5px;
    color: #999 !important;
}

.bootstrap-timepicker-widget table td span.glyphicon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("Images//glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.bootstrap-timepicker-widget table td span.glyphicon-chevron-up {
    background-position: -288px -120px;
}

.bootstrap-timepicker-widget table td span.glyphicon-chevron-down {
    background-position: -313px -119px;
}

/* Modal */

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
        margin-left: -450px;
    }
}


@media (min-width: 992px) {
    .modal-supplier {
        width: 580px;
        margin-left: -280px;
    }
}

@media (min-height: 769px){
      .selection-popup .items {
         height: 400px !important;
         max-height: 400px !important;
     }
}

.modal-xl {
    max-height: calc(100% - 120px);    
}

.modal-xl .modal-body {
   max-height: calc(100% - 170px); 
}
    

.modal-lg {    
    max-height: calc(100% - 120px);    
}

.modal-lg .modal-body {   
   max-height: calc(100% - 170px); 
}

.modal-supplier {
    max-height: calc(100% - 120px);
}

.modal-supplier .modal-body {
    max-height: calc(100% - 170px);
}

.localSuppliers .modal-body
{
    min-height:600px;  
}

@media (min-width: 992px) {
    .modal-supplier {
        width: 580px;
        margin-left: -280px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
        margin-left: -450px;
    }
}

@media (min-width: 992px) {
    .modal-xl {
        width: 1000px;
        margin-left: -500px;
    }
}

/*Modal full*/

@media (min-width: 992px) {
    .modal-full {
        width: 100%;
        margin-left: 0;
        top: 0 !important;
        left: 0;
        height: 100%;
        max-height: 100%;
        border: none;
        border-radius: 0;
    }

    .modal-full .modal-header {
        height: 5%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .modal-full .modal-body {
        max-height: 85%;
        height: inherit;
    }
}

/*End Modal full*/


.box {
    border: 1px solid #ddd;
    padding: 10px;
}

.one-box .box1 {
    margin-left: 35%;
    width:30%;
    float:left;
}

.two-box .box1 {
    margin-left: 151px;
    width:267px;
    float:left;
}

.two-box .box2 {
    margin-left: 20px;
    width:267px;
    float:left;
}

.three-box .box1 {
    margin-left: 30px;
    width:247px;
    float:left;
}

.three-box .box2 {
    margin-left: 20px;
    width:247px;
    float:left;
}

.three-box .box3 {
    margin-left: 20px;
    width:247px;
    float:left;
}

.centre-opportunity-icon {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    display: block;
}


.centre-published-icon {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    display: block;
}

.indented-div
{
    padding-left:25px !important;
}

.market-selection
{
     padding-bottom:10px;
     padding-top:10px;
}

.market-selection-item {
    height: 30px;
    padding-top: 5px;
}


.rule-detail-left-column {
    width: 10%;
    float: left;
    margin-top: 5px;
}

.rule-detail-middle-column {
    width: 30%;
    float: left;
}

.rule-detail-right-column {
    width: 60%;
    float: left;
}

.rule-detail-label {
    width: auto !important;
    margin-left: 35px;
}

.rule-detail-checkbox {
    float: right;
}

.form-horizontal input.rule-detail-checkbox-hidden {
    float: right;
    display: none;

}

.rule-detail-input {
    width: 75%;
}

.rule-detail-input a {
    width: 100%;
}

.rule-detail-remove-header {
    padding-left: 16px;
}

.checkbox-row {
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 10px;
}

.checkbox-row:last-child {
    margin-bottom: 0;
}

.checkbox-row input {
    margin-top: 0;
    margin-right: 8px;
}

.inline-margin-bottom {
    margin-bottom: 10px;
}