
/* start - make header and sidebar sticky */
.main-header {
    width: 100%;
}
.main-header, .main-sidebar {
    position: fixed;
}
.content-wrapper {
    position: relative;
    top: 50px;
}
@media only screen and (max-height : 800px) {
    .main-sidebar {
        position: absolute;
    }
}
@media only screen and (max-width : 770px) {
    .content-wrapper {
        top: 100px;
    }
}
/* end - make header and sidebar sticky */

.logo-lg-img {
    width:200px;
}

.box {
    overflow: none;
}

.dataTables_wrapper .top {
    float:right;
}

.dataTables_paginate {
    float:right;
    margin-top:-20px;
}

.col_center {
    text-align: center !important;
}

.checkbox-input-group {
    padding: 6px 12px;
    padding-left: 0px;
}

.lm_red {
    color: #84130A;
}

.alert
{
    font-size: 18px;
    /* font-weight: bold; */
}
/**********************************************************
 * FORMS
 */

/* tinyMCE */

div.mce-btn{
    float: left;
}

/** form validation text when an error occurs */


.form-error {
    display: none;
}
.error {
    /*color: red;*/
}
.lm-form-label-wrapper {
    margin-bottom: 0px;
}
.lm-form-field-wrapper {
    margin-top: 0px;
}

.error-wrapper {
    margin-top:-6px;
}
/* desktop */
@media only screen and (min-width : 1200px){
    .error-wrapper {
        margin-top: 0px;
        /** padding: 6px !important; */
    }
}
/* set the error messages for forms */
/* tablet or smaller */
.form-error-msg {
    margin-top: -15px;
    padding: 6px !important;
    width: 100%;
    margin-bottom: 5px;
    display: block;
}
/* desktop */
@media only screen and (min-width : 1200px){
    .form-error-msg {
        margin-top: 0px;
        /*margin-top: 25px;*/
        /** padding: 6px !important; */

    }
}

/* set the help text messages for forms */
/* tablet or smaller */
.form-helptext {
    padding: 6px !important;
    font-style: italic;
    display: none;
    margin-top: 5px;
    color:#666666;
}
/* desktop */
@media only screen and (min-width : 1200px){
    .form-helptext {
        margin-top: 0px;
    }
    span.alert + div.form-helptext {
        margin-top: 10px;
    }
}
h4.form-group-header {
    border-bottom: solid 1px #666666;
}
span.req {
    color:red;
}
.lm-form-save-btn {
    float:right;
}
.greyOut
{
    /*background-color: white;*/
    filter:alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
    /*z-index: 20;*/
    /*height: 100%;*/
    /*width: 100%;*/
    /*background-repeat:no-repeat;*/
    /*background-position:center;*/
    /*position:absolute;*/
    /*top: 0px;*/
    /*left: 0px;*/
}
.nobullets
{
    list-style-type: none;
}
input.dirty
{
    /* background-color: #d5d59d; */
}
tr.dirty
{

    /* background-color: #d5d59d; */
}
td.dirty
{
    /* background-color: #d5d59d; */
}
select.dirty
{
    /* background-color: #d5d59d; */
}




/* ADDED TO MOVE VALIDATION OUTSIDE EACH OBJECT
.btn-group .form-control-feedback {
    top: 0;
    right: -30px;
}
.inputGroupContainer .form-control-feedback,
.selectContainer .form-control-feedback {
    top: 0;
    right: -15px;
}
/*.form-control-feedback {
    top: 35px;
    right: 0px;
}*/

/** GIVE TAB CONTENT AREAS A BORDER */
.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}

.greyscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.fullcolor {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

.input-group-addon {
    height: 34px;
}

.form-control .dirty {
    /* background-color: #f2dede; */
}

form.dirty {/* background: #FAF0E6; */}
div.dirty {/*background: #FAF0E6;*/}

form {
   /* padding: 5px; */
}
label.required:after {
    content:"*";
    color:red;
}

/** BIDS PAGE */
.bids_criteria_title {
     margin-bottom: 0px;
}
#bidsUpdate .bids_criteria_title {
    margin-bottom: 10px;
}
.bids_category_title {
    margin-top: 10px;
}
.bids_category_group ul {
    min-height: 0em !important;
}

select + i.form-control-feedback {
    top: 0px;
    right: -15px !important;
}

.btn.nohover:hover {
    /* here copy default .btn class styles */
    cursor:default !important;
    /* or something like that */
}
#bidsUpdate .active .has-error .help-block {
    color: #FFFFFF;
}
.filter-panel {
    margin-top:-6px;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:-5px;
    margin-right:-5px;

}
#schedule-table td {
    vertical-align: middle;
}
#schedule-table .checkbox {
    min-height: 22px !important;
}
.overLimit {
    pointer-events:none;
    opacity: 0.6;
}
.funding-wrapper .info-box-icon {
    height: 115px !important;
    line-height: 115px !important;
}
.funding-wrapper .info-box-number {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.funding-wrapper .progress-description {
    margin-top: 5px;
    margin-bottom: 5px;
}
/*
.dashboard-top-row {
    min-height: 504px;
}*/
.dashboard-list li {
    margin-bottom: 12px !important;
    font-size: 16px;
}
#bidsUpdate {
    padding: 0px;
}
.buy-advert-logo {
    margin-top: -5px;
}
h3.buy-advert-title {
    margin-top: 10px;
    margin-bottom: 20px;
		vert-align: bottom;
}

body.Canada h3.buy-advert-title img{
	margin-bottom: -5px;
    width: 200px;
}

#lmapi_iframe_wrapper {
    margin-left: -15px;
}
#lmapi_iframe {
    width: 100%;
    height: 100%;
}
/** API PAGE - FEATUER SLIDER STYLES */
.featureslider h3 {
    margin: 0;
    padding: 13px 0 0 0;
    font-size: 16px;
    text-transform: uppercase;
}

.featureslider div#feature_list {
    /*width: 750px;*/
    width: 100%;
    height: 240px;
    overflow: hidden;
    position: relative;
}

.featureslider div#feature_list ul {
    position: absolute;
    top: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    /*right: -10px;*/
}

.featureslider ul#tabs {
    left: 0;
    z-index: 2;
    /*width: 320px;*/
    width: 220px;
}

.featureslider ul#tabs li {
    font-size: 12px;
    font-family: Arial;
}

.featureslider ul#tabs li img {
    padding: 5px;
    border: none;
    float: left;
    margin: 10px 10px 0 0;
}
.featureslider ul#tabs li i {
    padding: 0px;
    padding-left: 5px;
    border: none;
    float: left;
    margin: 5px 0 0 0;
}
.featureslider ul#tabs li a {
    color: #222;
    text-decoration: none;
    display: block;
    padding: 10px;
    height: 77px;
    outline: none;
}

.featureslider ul#tabs li a:hover {
    text-decoration: underline;
}

.featureslider ul#tabs li a.current {
    background:  url('/themes/adminlte/plugins/jquery-featurelist/feature-tab-current.png');
    color: #FFF;
}

.featureslider ul#tabs li a.current:hover {
    text-decoration: none;
    cursor: default;
}

.featureslider ul#output {
    right: -210px;
    /*width: 763px;*/
    width: 100%;
    height: 240px;
    position: relative;
}

.featureslider ul#output li {
    position: absolute;
    width: 350px;
    /*width: 100%;*/
    min-width: 400px;
    height: 240px;
}

.featureslider ul#output li a {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 11px;
    color: #FFF;
    background: #000;
    -moz-border-radius: 5px;
}

.featureslider ul#output li a:hover {
    background: #D33431;
}
.feature_list_panel {
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.leads-filter {
    margin-bottom: 10px !important;
}

@media (max-width: 767px)
{
    .skin-black .main-header>.logo {
        background-color: #ecf0f5 !important;
    }
}

/*
 * TAB INTERFACE
 */
.nav-tabs-custom.tab-danger>.nav-tabs>li.active{border-top-color: #dd4b39;}
.nav-tabs-custom.tab-success>.nav-tabs>li.active{border-top-color: #00a65a;}
.nav-tabs-custom.tab-warning>.nav-tabs>li.active{border-top-color: #f39c12;}

.nav-tabs-custom .tab-content {
   /*  border: 5px solid white; */
    /*background-color: #ecf0f5;*/
}

.nav-tabs-custom .tab-content .box {
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
    border-radius: 0px;
}
/* override the btab background to be transparent */
.nav-tabs-custom>.nav-tabs {
    border-bottom-color: #D5D5D5;
    /*margin: 0;*/
    /*background-color: #ecf0f5;*/
}
/*/!** override the inactive tabs *!/*/
/*.nav-tabs-custom>.nav-tabs>li {*/
    /*background-color: white;*/
    /*border-left: 1px solid #ecf0f5;*/
    /*margin-right: 0px;*/
    /*border-bottom: 1px solid #D5D5D5;*/
/*}*/
.nav-tabs-custom>.nav-tabs>li.active>a {
    border-left-color: #D5D5D5;
    border-right-color: #D5D5D5;
    font-weight: 600;
    /*background-color: #ecf0f5;*/
    background-color: #F6F6F6;
}
.nav-tabs-custom>.nav-tabs>li.active:hover>a {
    /*background-color: #ecf0f5;*/
    background-color: #F6F6F6;
}
.nav-tabs-custom .tab-content {
    /*background-color: #ecf0f5;*/
    background-color: #F6F6F6;
}
.nav-tabs-custom .tab-content .box-danger {
    /*border-top-color: #d2d6de;*/
}
.nav-tabs-custom>.nav-tabs>li>a {
    color: #000000;
    /*margin: 0;*/
}
.nav-tabs-custom>.nav-tabs>li>a:hover {

}

/** Leads page **/
.subtabs {
    margin-bottom:10px;
}


/** OVERRIDE THE DATATABLES STYLES **/
div.dataTables_filter {
    text-align: left !important;
}


/** bids page **/
.draghandle{
    cursor:move;
    color: lightgrey;
}
.draghandle-sample{
    color: lightgrey;
}
.draggable-close{
    color: lightgrey;
}

.list-group-item div.inputBoxes .form-group {
    margin-bottom: 0px;
}

#display-only-box .list-group-item p {
    margin: 0px;
}

/*#infoCriteriaDescription {*/
#criteria-help-body {
    /*height: 55px;*/
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
}

.sortable-col {
    padding: 3px;
    /*max-height: 100%;*/
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
    border: 1px solid #D5D5D5;
    /*overflow: auto;*/
}

#sortable-col-1 .list-group-item {
    padding: 0px 15px;
    border: 1px solid #FFFFFF;
}

#sortable-col-1 .list-group-item:hover {
    z-index: 2;
    padding: -2px 15px;
    /*color: #fff;*/
    /*background-color: #337ab7;*/
    border: 1px solid #337ab7;
}

#bid-submit-btn {
    position: absolute;
    bottom: 0px;
    right: 10px;
    margin-top: 10px;
}

.criteria-joiner {
    border: none;
}

.addon-no-border {
    border: none !important;
    padding-left: 0px;
}

.skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>span, .skin-black .main-header>.navbar .navbar-right>li>span {
    border-left: 1px solid #eee;
    border-right-width: 0;
}
.skin-black .main-header>.navbar .nav>li>span {
    color: #333;
}
@media (min-width: 768px) {
    .navbar-nav > li > span {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
.navbar-nav>li>span {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
}
.nav>li>span {
    position: relative;
    display: block;
    padding: 13px 15px;
}

/** inv statement table on the Reports > Statements page */

.nav-tabs-custom>.nav-tabs>li.active:first-of-type {
    border-left: 1px solid #ddd;
}

.inv-statement-table td, .inv-statement-table th {
    border-color: #eee !important;
    border-width: 1px;
    padding: 4px;
}

.inv-statement-table>thead>tr>th, .inv-statement-table>thead>tr>td {
    border-bottom-width: 0px;
    border-right-width: 0px;
}

.inv-statement-table {
    border-spacing: 1px;
}

@media (max-width: 570px) {
    .inv-statement-table {
        font-size: 9px;
    }
}

.inv-statement-table>thead:first-child>tr:first-child>th {
    /*border-color: #d2d6de !important;*/
    /*border-top: 1px !important;*/
    border: 1px solid #eee;
}

.inv-statement-table>tbody>tr>td,
.inv-statement-table>tbody>tr>th,
.inv-statement-table>tfoot>tr>td,
.inv-statement-table>tfoot>tr>th,
.inv-statement-table>thead>tr>td,
.inv-statement-table>thead>tr>th {
    padding: 2px;
}
/*.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {*/
    /*border: 1px solid #f4f4f4;*/
/*}*/

@media (max-width: 766px) {
    .dataTables_length, .dt-buttons {
        text-align: left !important;
        float: left !important;
        display: block !important;
        width: 49% !important;
    }
}
@media (max-width: 450px) {
    .dataTables_length, .dt-buttons {
        width: 100% !important;
    }
    .dataTables_empty {
        text-align: left !important;
    }
    /* Add/edit Schedule */
    .tp {
        font-size: 12px;
    }
    .ratePerHour {
        min-width: 40px !important;
    }
}
@media (max-width: 768px) {
    .funding-wrapper .info-box-number {
        display: block;
        white-space: nowrap;
        overflow: scroll;
        text-overflow: unset;
    }
    .funding-wrapper .progress-description {
        margin-top: 5px;
        margin-bottom: 5px;
        overflow: scroll;
        text-overflow: unset;
        /*text-wrap: normal;*/
        /*white-space: normal;*/
    }
    .info-box-text {
        overflow: scroll;
        text-overflow: unset;
        /*text-wrap: normal;*/
        /*white-space: normal;*/
    }
    .mobile-hidden {
        display:none;
    }
    .mobile-visible {
        display: block !important;
    }
    .mobile-full-width {
        text-align: center;
        display:block;
        width:100% !important;
    }
    .mobile-full-width.btn {
        height:44px;
        font-size: 16px;
        line-height: 29px;
    }
    .mobile-pad-vertical {
        margin-top:6px;
        margin-bottom:6px;
        display:inline-block;
    }
    .mobile-padding {
        padding-left:6px !important;
        padding-right:6px !important;
    }
    .mobile-scrollable {
        overflow-x:scroll;
        margin: 0 15px;
    }
    .mobile-button {
        min-width: 44px;
        height: 44px;
        font-size: 16px;
        line-height: 39px !important;
        margin-left: 0 !important;
    }
    .mobile-button.soft-line-height {
        line-height: 29px !important;
    }
    .col-xs-2 {
        width:100%;
    }
    .col-xs-3 {
        width:100%;
        text-align:left !important;
    }
    .col-sm-4 {
        width:100%;
    }
    .col-xs-4 {
        width:100%;
    }
    .col-sm-6 {
        width:100%;
    }
    .col-xs-8 {
        width:100%;
    }
    .col-xs-9 {
        width:100%;
    }
    .col-xs-4 label {
        float:left;
    }
    .col-xs-4 strong {
        float:left;
    }
    .col-xs-3 label {
        float:left;
    }
    .col-xs-8 label {
        float:left;
    }
    .hidden-md {
        display:none !important;
    }
    .dataTables_filter label {
        width: 100%;
        margin-bottom: 12px;
    }
    .dataTables_filter input {
        display: block !important;
        margin: 0 !important;
        width: 100% !important;
    }
    .dataTables_length label:before {
        content: "Entries shown: " !important;
        font-size: 14px !important;
    }
    .dataTables_length {
        width: 100% !important;
    }
    .dataTables_length label {
        font-size: 0;
        width: 100%;
        margin-bottom: 12px;
    }
    .dataTables_length select {
        display: block !important;
        width: 100% !important;
        font-size:16px !important;
        padding:3px !important;
    }
    .dt-buttons.btn-group {
        display:table !important;
        margin-bottom: 12px;
        width: 100% !important;
    }
    a.btn.btn-default.buttons-html5 {
        display:table-cell;
        float:none !important;
        height:44px;
    }
    .mobile-tab {
        float:unset !important;
        display:inline-block !important;
    }
    .mobile-tab-container {
        white-space:nowrap;
        overflow-y:hidden;
        height: 45px;
    }
    ::-webkit-scrollbar {display:none;}
    #filterSubType_wrapper {
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        display: block;
        margin-left: -10px;
        margin-right: -10px;
    }
    td.child {
        padding-left:6px !important;
    }
    td.child ul {
        width:100%;
    }
    td.child li {
        display:inline-block;
        width:100%;
    }
    td.child span.dtr-data {
        float:right;
    }
}
@media (max-width: 800px) {
    .modal-open .modal {
        overflow-x: scroll;
    }
}

.mobile-visible {
    display:none;
}

#topright-box2 {
    transition: background-color 0.5s linear;
}

#queueActiveList, #queueFailedList, #queueWaitingList{
    width: 100% !important;
}
#queuefailedlist-modal, #queuewaitinglist-modal, #queueactivelist-modal, #queueloglist-modal{
    width: 100% !important;
}
#queueActiveList td, #queueFailedList td, #queueWaitingList td{
    word-break: break-word;
}

#queueFailedList tbody td{
    cursor: pointer;
}

#provision-clients .glyphicon {
    right: 15px;
}

/* The indicator that the user has been inactive on the dashboard */
#inactivity-popup{
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 95%;
    background: rgba(255, 255, 255, 0.91);
    padding: 8px 12px;
    font-size: 17px;
    text-align: center;
    z-index: 100;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 4px;
}


#paymentchannel-edit-modal .text-right {
    padding-right: 20px !important;
}
