*
{
    outline: none !important;
}

#cp {
    margin-top: 60px;
}

#engine_customer_portal select
{
    height: auto !important;
    border: 1px solid #d31f29 !important;
    border-radius: 0 !important;
    padding: 7px 10px !important;
    font-size:1.1em !important;

}


/* Nav  */

#cp-nav ul.navbar-nav a
{
    display: inline-block;
    float: none;
}

#cp-nav ul.navbar-nav li.nohover:hover a
{
    background: #0ea6d2 !important;
    cursor: default !important;
    color: #fff !important;
}


.btn.export
{
    float: right;
    margin: 0;
    padding: 10px !important;
    font-size: 1em !important;
}





#live-area
{
    margin-top: 120px !important;
}

#target-user h1
{
    font-size: 3em;

    margin: 0 0 15px;

    text-transform: none;

    color: #666;
    border-bottom: none;
}

form.login
{
    /*placeholder */
}

/*form.login .container
{
    background: #fff;
}*/

form.login h2
{
    margin-bottom: 30px;
}

form.login .form-group
{
    margin-bottom: 10px;
    /*border: 1px solid teal;*/
}

form.login .form-group input
{
    margin-top: -15px;
}

form.login .form-group .btn
{
    margin-top: 15px;
}

#cp-pass-recovery-wrapper
{
    width: 40%;
    margin: 240px auto 0 auto;
    padding: 60px;

    background: #fff;
}

label.floating-label
{
    font-size: .8em !important;
    font-weight: bold !important;

    position: relative;
    z-index: 2;
    top: 10px;

    text-transform: uppercase !important;

    opacity: 0;
    color: #00bfff !important;
}

.footer-msg
{
    margin: 90px 0 60px;
}

.footer-msg p
{
    font-size: .9em;

    margin: 10px 0;
}


.ui-datepicker
{
    top: 285px !important;
}

/*label.pin{
    color: #2DB200 !important;
}*/


::-webkit-input-placeholder
{
    /* Chrome/Opera/Safari */
    color: #ccc !important;
}
::-moz-placeholder
{
    /* Firefox 19+ */
    color: #ccc !important;
}
:-ms-input-placeholder
{
    /* IE 10+ */
    color: #ccc !important;
}
:-moz-placeholder
{
    /* Firefox 18- */
    color: #ccc !important;
}

body
{
    position: relative;
}



/*CHARTS*/
#overlay
{
    display: block !important;
    position: fixed;
    z-index: 21;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow-y: scroll;

    width: 100%;

    background: transparent url(/core/structure/alpha_tiles/black_50.png);
}

img.loader
{
    position: fixed;
    z-index: 20;
    right: 0;
    left: 0;

    margin-right: auto;
    margin-left: auto;
}

.chart-header
{
    margin: 45px 0 0;
    padding: 30px;

    border-bottom: 1px solid #efefef;
    background: #fff;
}

.chart-header h2
{
    margin: 0 0 10px !important;
}

.chart-header h3
{
    margin: 0;
}

#chart-canvas-wrapper
{
    position: relative;

    margin: 0 0 30px;
    padding: 30px 15px;

    background: #fff;
}

.close-overlay.fixed
{
    position: fixed;
    z-index: 22;
    top: 15px;
    right: 15px;

    color: #fff;
}

.close-overlay:hover
{
    cursor: pointer !important;

    color: #0da7d3;
}

.noscroll
{
    overflow: hidden;
}



/* Customer Data */

#target-custdata
{
    margin-top: 30px;
}

.service-wrapper
{
    margin: 30px 0 45px;
    padding: 15px 30px 30px 30px !important;

    background: #e5faff;
}

.service-wrapper .row:first-of-type
{
    margin-bottom: 15px;
}

.service-wrapper .btn-default
{
    font-size: .9em !important;

    display: inline-block;

    margin: 0 !important;
    padding: 0 30px !important;

    background: #0ea6d2 !important;
}

.service-wrapper h2
{
    font-size: 1.6em;

    margin: 5px 0 0;

    color: #0ea6d2 !important;
}


.graph
{
    /*margin-bottom: 30px;*/
}

.graph a
{
    font-size: 1.5em;

    display: block;

    padding: 45px 0;

    border: 2px solid #ccc;

    -webkit-transition: color .5s ease-in-out;
       -moz-transition: color .5s ease-in-out;
         -o-transition: color .5s ease-in-out;
            transition: color .5s ease-in-out;
    text-align: center;

    /*Option 1*/
    color: #898a8c;
    background: transparent url(/core/structure/alpha_tiles/FFFFFF_80.png);


    /*background: transparent url(/core/structure/alpha_tiles/black_30.png);*/
}

.graph a:hover
{
    text-decoration: none;

    border: 2px solid #0f9ec7;

    /*Option 1*/
   /* color: #fff;
    background: #0ea6d2;*/

    /*Option 2*/
    color: #0ea6d2;
    background: transparent url(/core/structure/alpha_tiles/FFFFFF_90.png);
}

.graph a span
{
    font-size: 2em;

    display: block;

    margin-top: 30px;
}

.graph.bar
{
    background: url(/templates/teco3/skins/v1/engines/customer_portal/frontend/resources/chart_bar.png);
    background-position: center center;
    background-size: cover;
}

.graph.line
{
    background: url(/templates/teco3/skins/v1/engines/customer_portal/frontend/resources/chart_line.png);
    background-position: center center;
    background-size: cover;
}

#reports-sidebar
{
    margin: 30px 0 0 15px;
    padding: 15px;

    border-top: 2px solid #d31f29;
}

#reports-sidebar h3
{
    margin: 0 0 15px;
}


#target-app .reports-target h3
{
    margin-bottom: 15px;
}

#target-app .reports-target ul.list-unstyled
{
    margin:0 !important;
}

#target-app .reports-target  ul.list-unstyled li
{
    margin: 0 0 10px 0;
    font-size: 1.1em;
}

#target-app #reports-sidebar .reports-target  ul.list-unstyled li
{
    margin: 0 0 15px 15px;
    font-size: 1em;
}

#target-app #reports-sidebar .btn.btn-default
{
    margin: 15px 0 0;
    padding: 8px 12px;
    font-weight: 400;
    font-size: 1.1em;
}


/* cp account */

#cp-account
{
    margin: 60px 0 30px;
}

#cp-account input:not([type=select]),
{
    margin-top: -5px;
}

#cp-account h3
{
    margin-bottom: 0;
}



/*Progress for PWstrength*/
.progress
{
    height: 20px !important;
    margin-top: 1px !important;

    border: none !important;
    border-radius: 0!important;
    background: rgba(194, 194, 194, 1)!important;
}

.progress .password-verdict
{
    font-size: .9em !important;
}

.progress-bar,
.progress-bar.veryweak,
.progress-bar.weak,
.progress-bar.normal,
.progress-bar.medium,
.progress-bar.strong,
.progress-bar.verystrong
{
    transition: background-color .5s ease;
}

.progress-bar,
.progress-bar.bg-danger,
.progress-bar.veryweak
{
    background-color: #b1bfb2;
}

.progress-bar.weak
{
    background-color: #9bb69d;
}

.progress-bar.normal
{
    background-color: #75b27b;
}

.progress-bar.medium
{
    background-color: #52b75c;
}

.progress-bar.strong
{
    background-color: #2fb03c;
}

.progress-bar.verystrong
{
    background-color: #00bd13;
}


/* Targets */

#target-services
{
    margin: 60px 0 0;
}

.bg-one
{
    padding: 15px 30px 30px 30px;
    background: #e5faff;
}

#services-wrapper
{
    margin: 0;
    padding-left: 30px;
}

.btn.btn-default.loadstats
{
    padding: 10px 15px !important;

    color: #fff;
    border: none !important;
    background: #ccc;
}
.btn.btn-default.loadstats.active
{
    color: #fff;
    background: #0da7d3;
}

#services-wrapper div.btn.btn-default.loadstats
{
    font-size: 1.2em !important;
    font-weight: 400 !important;
    margin: 0 2px 0 0 !important;
    padding: 0 30px !important;
}

#searchmodes-wrapper
{
    margin: 0;
    padding: 15px 30px;
}

#searchmodes-wrapper h2
{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0 30px 0 0;
    border-right: 1px solid #0EA6D2;
}


/* Budget */

form#budget h3
{
    margin-top: 45px;
    font-weight: 600;
}

form#budget h3 span
{
    font-weight: 300;
    font-size: .8em;
    font-style: italic;
}

@media only screen and (max-width : 1800px)
{
    .break-out
    {
        padding: 0 60px;
        /*width: 100%;*/
        width: 100vw;
        position: relative;
        left: calc(-1 * (100vw - 100%) / 2);
        /*border: 1px solid blue;*/
    }
}

table.budget
{
    font-size: .9em !important;
}

table.budget thead th
{
    text-align: center;
}

table.budget tr td
{
    text-align: right;
}

table.budget tr td:first-of-type
{
    font-weight: 600;
    text-align: right;
}

input.forecast
{
    max-width: 80px !important;
    min-width: 30px !important;
    border: none !important;
    background: #ffff99 !important;
    text-align: right;
}

form#budget.submitted input.forecast
{
    background: #FFF !important;
    font-weight: 600;
}

table.budget tr td:last-of-type input.forecast
{
    background: transparent !important;
}


/* Nav Pills */

ul.nav-pills
{
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 30px !important;
    padding: 0 !important;
}

ul.nav-pills li a
{
    margin-right: 15px;
    color: #0EA6D2;
    background: #FAFEFF !important;
}

ul.nav-pills li.active a
{
    color: #fff;
    background: #0EA6D2 !important;
}




#searchdates-wrapper
{
    margin: 0;
    padding: 0 30px;
}

form#search-dates
{
    position: relative;
    z-index: 2;

    margin: 0;
}

form#search-dates input
{
    border-radius: 0;
}


/* Pagination */

.pagenum
{
    padding: 15px 0 0;
    color: #ccc;
}

ul.pagination li
{
    padding: 2px 5px;
}

ul.pagination
{
    margin: 5px 0 15px;
}

ul.pagination li a
{
    padding: 5px 12px;
    color: #ccc;
    background: #fff !important;
}

ul.pagination li:hover a
{
    color: #fff;
    background: #ccc !important;
}

ul.pagination li.active a
{
    color: #fff;
    background: #898a8c !important;
    border-color: #898a8c;
}

div#stats
{
    padding: 0 15px;
    background: #fff;
}


/* Nav Tabs */

ul.nav-tabs.subnav
{
    margin: 30px 0 !important;
    padding: 0;
}

ul.nav-tabs.subnav li 
{
    margin: 0 5px !important;
    border:none !important;
    background: #efefef;
}

ul.nav-tabs.subnav li a:hover
{
    cursor: pointer !important;
}

ul.nav-tabs.subnav li a
{
    color: #666 !important;
    border:none !important;
    font-size: 1em !important;
}

ul.nav-tabs.subnav li.active a
{
    background: #0EA6D2 !important;
    color: #fff !important;
}



.reports-target h2
{
    padding:10px 0;
    margin:30px 0;
    border-bottom:2px solid #2f2f2f;
    color:#2f2f2f;
}

.reports-target h5
{
    margin: 0 0 5px;
    font-size: 1.15em;
    font-weight: 600;
    color: #666;
}

.reports-target p
{
    margin: 0 0 30px;
    font-size: 1em;
}

/*#reports-sidebar .reports-target .col-12
{
    padding: 0 !important;
}*/


/* PDF Preview */

#pdf-preview-wrapper
{
    position: absolute;
    z-index: 10003;
    top:-90px;
    left:0;
    right:0;
    margin:0 auto;
    width: 80%;
    max-width: 1000px;
    padding:0 30px 30px 30px;
    border:2px solid #CCC;
    background: #FFF !important;
}

#pdf-preview-wrapper #pdf-header
{
    padding: 15px;
    font-size: 1.3em;
}

#pdf-preview-wrapper #pdf-header a:hover
{
    text-decoration: none;
    color:#333;
}

iframe#pdf-preview
{
    width: 100%;
}

#pdf-blocker
{
    position: fixed;
    z-index: 10002;
    top:-150px;
    background: #FFF;
    opacity: 80%;
    width: 100%;
    overflow: hidden;
}