/*
         * Base structure
         */

         /**
         COLOURS USED
            Light Blue: #F41424;
            Darker Blue: #2a6496;
            Orange : #fab347;
            Orange Hover : #e0a240;
            Light Gray: #f2f2f2;
            Slightly Darker Gray: #ececec;
            Dark Gray: #636363;
            Black Text : #333333;
          **/

        /* Move down content because we have a fixed navbar that is 50px tall */
        html {
            /*font-size: 75%;*/
        }

        body {
            /*font-size: 75%;*/
            font-family:'open sans',sans-serif;
            margin-top:58px;
        }

        a {
            color:#F41424;
            outline:0;
        }

        a:hover, a:focus {
            color: #d63333;
            text-decoration:none;
            outline:0;
        }

        /** Class to allow horizontal collapsing **/
        .width {
            height: auto;
            -webkit-transition: width 0.35s ease;
            -moz-transition: width 0.35s ease;
            -o-transition: width 0.35s ease;
            transition: width 0.35s ease;
            max-width:250px;
        }

        .left {
            float:left;
        }

        .right {
            float:right;
        }

        .clear {
            clear:both;
        }

        /** BASE SCREEN **/

            /** TOP NAVIAGTION BAR **/
            .logo {
                display: block;
                width: 118px;
                height: 27px;
                background: url('/v1/i/lotlinx-logo-main.png') 0 0 no-repeat;
                float: left;
                background-size: 118px 26px;
                margin: 10px 10px 0 0;
            }

            div.admin-beta {
                font-weight: bold;
            }

            span.admin-beta {
                font-weight: bold;
                font-size: 12px;
                color: #333;
                padding: 17px 5px 17px 0;
                line-height: 20px;
                position: relative;
                display: block;
            }

            .admin-beta sup {
                color:#fab347;
                font-size: 60%;
            }

            .navbar {
                border-top:solid 4px #F41424;
                background: white;
                /*height: 60px;*/
                border-bottom: 1px solid #ececec;
            }

            .navbar-nav li a {
                font-weight: bold;
                font-size:14px;
                color: #333;
                padding: 17px 5px;
            }
            .navbar-nav li a:hover {
                /*background-color:#ececec;*/
                background-color:white;
                color:#F41424;
            }
            .navbar-nav li.active a {
                color: #F41424;
            }
            .navbar-nav li.active a:hover {
                /*color: #2a6496;*/
            }

            /** Collapsible menu styling **/
            .collapsible.collapsed::after {
                content:" +";
            }
            .collapsible::after {
                content:" -";
            }

            /** Drop Menus **/
            .nav > .dropdown > a:hover,
            .nav > .dropdown > a:focus,
            .nav > .dropdown > a:active {
                background-color:#ffffff;
            }


            .dropdown-menu {
                /*padding:0;*/
                border:1px solid #ececec;
            }

            .dropdown-menu > li > a {
                font-weight: normal;
                font-size: 16px;
                padding: 10px 15px;
                /*background:#f2f2f2;*/
                white-space: normal;
            }

            .dropdown-menu > li > a:hover {
                background-color:#ececec;
            }

            #header-min {
                display:none;
            }

            li.divider {
                height: 4px;
                background-color: #f2f2f2;
            }


        /** SMALL SCREENS **/
        @media (max-width: 767px) {
            #header-min {
                display:block;
            }
            #header-full {
                display:none;
            }


            /** TOP NAVBAR **/
            .navbar-toggle {
                /*font-size: 120%;*/
                margin-right: 0px;
            }
            .navbar-nav {
                margin: 0 -15px;
            }
            .navbar-nav li a {
                padding: 10px 20px;
                font-weight:normal;
            }

            /** Collapsing top menu **/
            #collapsible-header-content {
                background-color: #FFFFFF;
                border-bottom-width: 4px;
                border-bottom-style: solid;
                border-bottom-color: #ececec;
                max-height:none;
            }

            .navbar-collapse {
                padding:0;
                overflow-x:hidden;
            }

            .navbar-collapse > li > a {
                border-bottom:1px solid #f1f1f1;
            }

            .navbar-collapse .navbar-collapse a {
                padding-left:40px;
            }

            .navbar-collapse .navbar-collapse .navbar-collapse a {
                padding-left:60px;
            }

            /** SIDEBAR **/
                /** Hidden in small screens **/
                #sidebar_navigation {
                    display: none;
                }
        }
        
        @media (max-width: 1280px) {
            .navbar-nav li.delivery-desc-title { display: none; }
            #logout_container span#username { display: none; }
        }

        /** MEDIUM TO LARGE SCREENS **/
        @media (min-width: 768px) {

            /** TOP NAVBAR **/
                /** Only show in drop down when screen is small, not in header otherwise **/
                ul.nav-ext li {
                    display:none;
                }


            /** SIDEBAR **/
            #sidebar_navigation
            {
                position: fixed;
                top: 58px;
                bottom: 0;
                left: 0;
                z-index: 1000;
                display: block;
                padding: 0 20px 0 0;
                overflow-x: hidden;
                overflow-y: hidden;
                background-color: #f2f2f2;
                border-right: 1px solid #ececec;
            }

            .sidebar.collapse.in {
                width:250px;
            }

            .nav-sidebar li a {
                color: #333333;
            }

            .nav-sidebar li.subactive  {
                font-weight: bold;
            }

            .nav-sidebar li a:hover {
                background-color:#ececec;
            }

            .nav-sidebar .active a {
                background-color: #ececec;
            }

            .nav-sidebar .active a:hover {
                background-color: #ececec;
            }

            /** Push nested lists right **/
            .nav-sidebar > li > a {
                padding-right: 20px;
                padding-left: 20px;
            }
            .nav-sidebar .nav-sidebar a {
                padding-left:40px;
            }
            .nav-sidebar .nav-sidebar .nav-sidebar a {
                padding-left:60px;
            }

            .nav-sidebar .nav-sidebar .nav-sidebar .nav-sidebar a {
                padding-left:80px;
            }

            /** Top level links **/
            #side_nav_1>li {
                border-bottom:1px solid #ececec;
                /*border-right:1px solid #ececec;*/
            }
            #side_nav_1>li>a {
                font-size:16px;
            }

            /** Main body section **/
            .main {
                margin-left:250px;
                padding-right: 40px;
                padding-left: 40px;
            }
            /** When sidebar is collapsed **/
            .main.sidebar_collapsed {
                margin-left:20px;
            }

            /** Sidebar Scrolling **/
            #scroll_block {
                overflow: auto;
                height:100%;
            }
            .scroll_track {
                width:20px;
                height:100%;
                display:none;
            }
            .in .scroll_track {
                display:block;
            }
            .scroll_handle {
                width:8px;
                height:30px;
                background:#cecece;
                /*background:#F41424;*/
                margin-top:50px;
                margin-left:6px;
                border-radius:4px;
            }

            /** Toggle Sidebar button **/
            .sidebar .minimize a{
                z-index:5;
                position: absolute;
                top: 0;
                right: 0;
                text-align: right;
                padding: 13px 3px;
                cursor: pointer;
                height:100%;
            }
            .sidebar.in .minimize a {
                /** Make space for scroll bar **/
                height:42px;
            }
            .sidebar .minimize a:hover {
                background-color: #ececec;
            }
            .sidebar .minimize .in {
                display:none;
            }
            .sidebar.in .minimize .out {
                display:none;
            }
            .sidebar.in .minimize .in {
                display:inline-block;
            }
            .sidebar.collapsing .minimize .in {
                display:none;
            }
            .sidebar.collapsing .minimize .out {
                display: inline-block;
            }
            .sidebar_content {
                overflow: auto;
                width: 270px;
                position: absolute;
                right: 0;
            }
            /** Needed to ensure proper size and animation **/
            .sidebar_size_constraint {
                width:250px;
                min-height:1px;
            }
        }



        /** Main body styles */

        .main {
            padding: 20px 20px 0 20px;
        }

        .row {
            margin-bottom:20px;
        }

        .inner_row {
            margin-bottom:0;
        }

        #footer {
            margin-top:60px;
            margin-bottom:10px;
            color:#666666;

        }
            #foot_copyright {
                font-size:11px;
            }
            #foot_patent {
                font-size:10px;
            }



        h3, .h3, h4, .h4, h5, .h5 {
            color:#F41424;
        }

        .progress {
            margin-bottom:0;
        }


/** FORM CONTROLS **/
        input.postcode, select.postcode {
            /*max-width:120px;*/
        }

        input.radius, select.radius {
            /*max-width:120px;*/
        }

        input.yesno, select.yesno {
            max-width:100px;
        }

        textarea {
            resize:vertical;
        }



/** TABLES!! **/
        .table {
            font-size:13px;
        }

        .table>thead>tr>th, .table>thead>tr>td {
        vertical-align: top;
        }

        /** Scrolling and static column tables **/
        .loaded-table {
            width: 100%; overflow-y: hidden; overflow-x: scroll;
            -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch;
            white-space: nowrap;
        }
        .static-col {
            white-space: nowrap;
        }

        /** Used to show fixed column, works with jquery onload **/
        .table-responsive>.fixed-column {
            position: absolute;
            display: inline-block;
            width: auto;
            /*border-right: 1px solid #ddd;*/
            background:#ffffff;
            z-index:1;
            /*box-shadow: 10px 0 10px -8px #636363;*/
        }

        /** Expanding table rows **/
        .table .table-expanded-row {
            background-color:#f2f2f2;
            color:#636363;
            border-left:4px solid #2a6496;
            /*border-right: 2px solid #2a6496;*/
        }
        .table .table-expanded-row-last {
            border-left: 4px solid #2a6496;
            /*border-right: 2px solid #2a6496;*/
            /*border-bottom: 2px solid #2a6496;*/
        }
        .table .table-expanded-row-first {
            border-left: 4px solid #2a6496;
            /*border-right: 2px solid #2a6496;*/
            /*border-top: 2px solid #2a6496;*/
        }
        .table .table-expanded-row>:first-child {
            padding-left:10px;
        }

        /** Rotated table headers **/
        .table-header-rotated {
            width:auto;
        }
        .table-header-rotated td {
            text-align:center;
        }
        .table-header-rotated td:first-child {
            text-align:left;
        }
        .table-header-rotated td:nth-child(even) {
            background-color:#EEEEEE;
        }
        .table-header-rotated th>div>span {
            /*color:#636363;*/
            color: #2a6496;
        }
        .table-header-rotated th:nth-child(even)>div>span {
            /*color: #2a6496;*/
            color:#636363;
        }
        .table>thead>tr>th.rotate {
            /* Something you can count on */
            height: 140px;
            white-space: nowrap;
            vertical-align: bottom;
        }
        th.rotate > div {
            -ms-transform: translate(18px, 0px) rotate(315deg);
            -moz-transform: translate(18px, 0px) rotate(315deg);
            -webkit-transform: translate(18px, 0px) rotate(315deg);
            -o-transform: translate(18px, 0px) rotate(315deg);
            transform: translate(18px, 0px) rotate(315deg);
            width: 30px;
        }
        th.rotate > div > span {
            border-bottom: 1px solid #ccc;
            padding: 5px 10px;
            display:block;
            width:180px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        /** Specialized rows **/
        .table .table-head {
            color:#f2f2f2;
            background-color:#636363;
        }

        .table .table-sub-head {
            color:#333333;
            background:#ececec;
        }

        .table .table-summary {
            background-color:#ececec;
            color:#F41424;
            font-weight: bold;
        }


/** Login page specifics **/
.login-box {
    border: solid 1px #ddd;
    /* border-radius: 5px; */
    padding: 10px;
    background-color: #f9f9f9;
    margin:10px;
}

.login-foot {
     margin-top: 20px;
    margin-bottom: 10px;
    color: #666666;
    font-size:80%;
}

.login-links {
    margin-top:-20px;
}

.login-links a {
    margin-right:10px;
    white-space: nowrap;
}

body.login-body {
    background-color:#EEEEEE;
    margin-top: 0;
}



.progress-bar {
    background-color: #F41424;
}

.pagination>li>a, .pagination>li>span, .pagination>li>a:hover {
    color: #F41424;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #F41424;
    border-color: #F41424;
}


        /** NOT USED - FOR "MAIN CONTENT" **/







/** non-bootstrap / redesign definitions **/
span.VC_keyAccount { font-size: 8px; vertical-align: top; font-weight: bold; }

a.VC_nonLink { cursor: pointer; }

a.VC_iconLink {
    height: 18px;
    display: block;
    cursor: pointer;
}

a.VC_iconLink span {
    margin: 0 0 0 25px;
    display: inline-block;
}

a.VC_pdfLink {
    background: url('/v1/i/pdf-icon.png') no-repeat;
}

a.VC_excelLink {
    background: url('/v1/i/excel-icon.png') no-repeat;
}

a.VC_csvLink {
    background: url('/v1/i/csv-icon.png') no-repeat;
}

a.VC_pageLink {
    background: url('/v1/i/link-icon.png') no-repeat;
}



.VC_tableSortHeader a {
    color: #ffffff;
}
.VC_tableSortHeader a:hover {
    color: #ffffff;
}


/* tooltip styles -> re: http://stackoverflow.com/questions/2011142/how-to-change-the-style-of-title-attribute-inside-the-anchor-tag */
a.VC_toolTip {
    cursor: pointer;
    text-decoration: none;
    font-weight: none;
    color: #ffa500;
}

.VC_errorMessage {
    color: #a94442;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
}

ul.VC_advertiserInventoryUrlBlock {
    padding: 0;
    margin: 0;
}

ul.VC_advertiserInventoryUrlBlock li {
    list-style-type: none;
}

div.VC_userProfileButtonGroup {
    margin-top: 5px;
    margin-bottom: 0;
}

#VC_footerBlock {
    margin-top: 40px;
}

.VC_datePicker {
    width: 550px;
}

.VC_datePicker button, .VC_datePicker input {
    font-size: 9px;
}

.VC_datePicker input[type=text] {
    height:26px;
}

.VC_dayPicker {
    width: 195px;
}

.VC_dayPicker button, .VC_dayPicker input {
    font-size: 9px;
}

.VC_dayPicker input[type=text] {
    height:26px;
}

.VC_selectPicker {
    font-size: 9px;
    float: right;
    height: 27px;
    width: auto;
}

.VC_bold {
    font-weight: bold;
}

.VC_normal, .table a.VC_normal {
    font-weight: normal;
}


/** HEADER USER SEARCH FORM **/
#VC_headerUserSearchBlock {
    margin: 12px 30px 0 0;
}

#VC_headerUserSearchLink {
    font-weight: bold;
    cursor: pointer;
    padding: 5px;
    z-index: 1001;
}


.VC_headerUserSearchLink_notActive {
    border: solid 1px #eeeeee;
    border-radius: 5px;
}

.VC_headerUserSearchLink_active {
    border-top: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
    border-bottom: none;
    border-left: solid 1px #eeeeee;
    border-radius: 5px 5px 0 0;
}

#VC_headerUserSearchFormBlock {
    position: absolute;
    top: 43px;
    right: 188px;
    background-color: #ffffff;
    z-index: 1000;
}

.VC_headerUserSearchFormBlock_notActive {
    display: none;
}


.VC_headerUserSearchFormBlock_active {
    border: solid 1px #eeeeee;
    border-radius: 5px 0 5px 5px;
    display: block;
}

#VC_headerUserSearchBlock form {
    margin: 15px 15px 0 15px;
    text-align: right;
}

.VC_pubDashboard {
    margin-bottom: 35px;
}

.VC_pubDashboard .VC_dashboardHeader {
    margin-bottom: 10px;
}

.VC_pubDashboard h3 {
    margin-top: 0;
    color: #333333;
}

.VC_pubDashboard h4 {
    color: #333333;
}

.VC_pubDashboard .positive {
    color: #628F51;
}

.VC_pubDashboard .negative {
    color: #900000;
}

.VC_pubDashboard span.total {
	font-size: 20px;
}

.VC_pubDashboard span.subTotal {
	color: #777;
}

.VC_pubDashboard ul {
    list-style-type: none;
    color: #aaaaaa;
    padding: 0;
}

.VC_pubDashboard li span.value {
    font-weight: bold;
}

.VC_currentStateDisclaimer {
    color: #777;
    font-style: italic;
    font-weight: bold;
}

.VC_graphicDonutBlock {
    height: 180px;
    width: 180px;
}

.VC_graphicBarBlock {
    height: 150px;
    width: 120px;
}

.VC_graphicSquareBlock {
    height: 120px;
    width: 120px;
}

.VC_graphicPieBlock {
    width: 180px;
    height: 180px;
}


/** TABLE BLOCKS **/
.VC_blockLoadingRow {
	display: none;
}

.VC_blockCloseRow {
	display: none;
}

/** AD DEMO PAGE **/
.half-divided-r {
    border-left:dashed 1px #cccccc;
}
.half-divided-l {
    border-right:dashed 1px #cccccc;
}
.frame-match-pre {
    background-color: #F5F5F5;
    border: 1px solid #CCC;
    border-radius: 4px;
}

/** TOOLS ALERT PAGES **/
.VC_alertContainer {
	padding-right: 0;
}

.VC_alert {
    border-radius: 5px;
    border: solid 1px #dddddd;
    background-color: #eeeeee;
    padding: 10px;
    
}

.VC_alert div {
	margin-bottom: 10px;
}

.VC_alert h4 {
	font-weight: bold;
}

.VC_alert h5 {
    font-weight: bold;
    color: #000000;
}

.VC_alert ul {
    padding: 0;   
}

.VC_alert li {
    list-style-type: none;
    margin-bottom: 2px;
}

.VC_alert a.alertDetails {
	cursor: pointer;
	font-weight: bold;
}

.VC_alert span.moreEntities {
	font-style: italic;
	color: #F41424;
}

.VC_alert .reviewedDetails {
	border-top: solid 1px #dddddd; 
	padding-top: 10px;
	font-size: 90%;
}

.alert_na_value {
    color: #dddddd;
    font-style: italic;
}

.alert_chiild_row_na_value {
    color: #aaaaaa;
    font-style: italic;
}


/** POTENTIAL BOTS PAGES **/
.table .VC_potentialBotsChildRow {
	border-top: none;
}


/** TABLE COMPARE ROW DEFINITIONS **/
.table .VC_tableCompareRow td {
	color: #bbbbbb;
	border-top: none;
	font-style: italic;
}

.table .VC_tableCompareRow td.compareDateTableCell {
	padding-left: 10px;
}


/** AT FILTERS TABLE DEFINITIONS **/
.AT_filters_table {
	width: 100%;
}

.AT_filters_table th {
	padding: 5px;
}

.AT_filters_table tr.table-head {
	color: #f2f2f2;
	background-color: #636363;
}

.AT_filters_table td {
	padding: 5px;
    font-weight: bold;
    border-bottom: solid 1px #eeeeee;
}

.AT_filters_table select {
	font-weight: normal;
}

#ShopperCount_row {
	display: none;
}

.VC_dashboardSubHeader {
	color: #F41424;
}


/** EXECUTIVE DASHBOARD DEFINITIONS **/
.VC_executiveDashboard .statsLabel { 
}

.VC_executiveDashboard .statsData, .VC_executiveDashboard .statsRevenue { 
    /*padding-right: 0;*/
}

.VC_executiveDashboard .statsData .glyphicon {
	visibility: hidden;
}

.VC_executiveDashboard .separator {
    border-top: solid 1px #eeeeee;
}

.VC_executiveDashboard .inner_row {
	padding: 0 10px 0 10px;
}

.VC_executivePositive {
	color: #038200;
}

.VC_executiveNegative {
	color: #820000;
}

a.VC_executivePositive:hover {
    color: #038200;
}

a.VC_executiveNegative:hover {
    color: #820000;
}


/** USER SEARCH FORM DEFINITIONS **/
.VC_userSearchBlock {
	 width: 295px; 
	 padding: 10px 0 0 10px;
}

.VC_userSearchBlock input[type="text"] {
	width: 200px;
}


/** DATABASE REPLICA WARNING BLOCK DEFINITIONS **/
.VC_warningHeaderBlock {
    background-color: #F41424;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    padding: 0 5px 5px 5px;
}

.VC_tableCellGroupBorder {
    border-left: solid 1px #cccccc;
}


/** CAMPAIGN WATERFALL SETTINGS DEFINITIONS **/
.VC_waterfallViewLogDetailsLink {
    font-style: italic;
}

.VC_waterfallSettingsLogDetailsRow {
    /*display: none;*/
}
.VC_waterfallLogDetailsHover {
    background-color: #cccccc;
}

.VC_waterfallSettingsLogDetailsHide {
    display: none;
}

.VC_waterfallSettingsLogDetailsRow pre {
    /*display: none;*/
    font-size: 9px;

    border: none;
    background-color: inherit;
}

.VC_waterfallSettingsColumn {
    /*width: 20%;*/
}

.VC_waterfallSettingsTable tr.VC_waterfallSettingsRow td {
    word-wrap: break-word;
}

.VC_exportButton {
    display: none;
}