table {
    border-collapse: collapse;
    margin-bottom: 15px;
    width: 100%;
}

caption {
    text-align: left;
    font-size: 15px;
    padding-bottom: 10px;
}

table td,
table th {
    padding: 5px 10px;
    border: 1px solid #cccccc;
    border-width: 0 1px 1px 0;
}

thead th {
    /*background: #7c7c7c;*/
    background: #333439;
    color: #ffffff;
    line-height: normal;
    font-weight: normal;
    padding: 10px;
    text-transform: capitalize;
    text-align: center;
}

    thead th[colspan],
    thead th[rowspan] {
        background: #333439;
        text-align: center;
        text-transform: capitalize;
        font-weight: normal;
    }

tbody th,
tfoot th {
    text-align: left;
    background: #ffffff;
}

tbody td,
tfoot td {
    text-align: center;
    background: #ffffff;
}

tfoot th {
    background: #f4f4f4;
}

tfoot td {
    background: #ffffff;
    font-size: 18px;
    /*font-family: "proxima_nova_rgbold";*/
}

tbody tr.odd td {
    background: #f4f4f4;
}







.txt-left {
    text-align: left;
}

.brdright-none {
    border-right: 0px !important;
}

#target-title {
    float: left;
    font-weight: bold;
    font-size: 16px;
    width: 82%;
}

#tab-popup {
    width: 690px !important;
    top: 10% !important;
}

    #tab-popup .modal-content {
        padding: 0 !important;
    }

    #tab-popup #table-1 {
        margin-top: 0;
    }

    #tab-popup .modal-content h4 {
        font-size: 24px !important;
        border-radius: 6px 6px 0 0;
        background: #06a5e9;
        color: #fff;
        padding: 10px 0;
        text-align: center;
        margin-bottom: 0 !important;
    }

/*----------------*/

#campaign-popup {
    width: 690px !important;
    top: 10% !important;
}

    #campaign-popup .modal-content {
        padding: 0 !important;
    }

    #campaign-popup #table-1 {
        margin-top: 0;
    }

    #campaign-popup .modal-content h4 {
        font-size: 24px !important;
        border-radius: 6px 6px 0 0;
        background: #06a5e9;
        color: #fff;
        padding: 10px 0;
        text-align: center;
        margin-bottom: 0 !important;
    }

/*-----------*/


.grey-small-btn {
    background-color: #2b303b;
    border-radius: 1px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    padding: 4px 8px;
    text-decoration: none;
    border: 0;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.46);
    -moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.46);
    box-shadow: 0 3px 5px -1px rgba(0,0,0,0.46);
}

    .grey-small-btn:hover {
        background-color: #494b4f;
        text-decoration: none;
    }

.yeargrid {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

    .yeargrid li {
        float: left;
        margin-left: 9px;
    }

    .yeargrid a.selected {
        background: #2b303b;
        color: #fff;
        text-decoration: none;
        outline: none;
    }

    .yeargrid li:first-child {
        margin-left: 2px;
    }

    .yeargrid li a {
        float: left;
        padding: 5px 10px !important;
        background: #fff;
        color: #2b303b;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        text-transform: uppercase;
    }

        .yeargrid li a:hover {
            background: #2b303b;
            color: #fff;
        }

        .yeargrid li a.active {
            background: #2b303b;
            color: #fff;
        }

.tabpop-wraper {
    background: #eaeaea;
    padding: 25px;
}

.user-details {
    width: 100%;
    margin-top: 15px;
}

    .user-details .col-1 {
        width: 300px;
        float: left;
        text-align: left;
    }

    .user-details .col-2 {
        width: 300px;
        float: right;
        text-align: left;
    }

    .user-details .col-3 {
        width: 100%;
        display: inline-block;
    }

.col-4 {
    width: 100%;
    display: inline-block;
}

.user-details .input-in {
    padding: 0 6px !important;
    width: 100% !important;
    box-sizing: border-box;
}

.user-details .full {
    margin-bottom: 5px;
    margin-top: 8px;
}

.user-details .textarea {
    height: 60px;
}

.user-details span {
    text-transform: uppercase;
    padding-bottom: 2px;
}

.grey-btn {
    background-color: #2b303b;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 15px 0 0;
    padding: 8px 15px;
    text-decoration: none;
    border: 0;
}

    .grey-btn:hover {
        background-color: #05A5E9;
        text-decoration: none;
    }

    .grey-btn i {
        padding-right: 5px;
    }

.mrg-fix {
    margin-top: 10px;
}

.hiddencontent, .hiddencontent2 {
    display: none;
}


.model-nodata {
    float: left !important;
    margin-top: 20px;
}

.subDept {
    display: inline-block;
    font-size: 11px;
    width: 100%;
    line-height: 15px;
    color: #73879c;
}

.gridcount_info {
    float: left;
    font-size: 12px;
    padding-right: 25px;
    padding-left: 15px;
    padding-top: 8px;
    color: #73879c;
    margin-top: 18px;
}

.top-info {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}

    .top-info .gridcount_info {
        margin-top: 0px;
        padding-left: 0px;
        font-size: 15px;
    }

.gridcount_info span {
    font-size: 16px;
    margin-right: 15px;
    color: #000;
    background: #fff;
    text-align: center;
    padding: 3px 6px;
    border-radius: 5px;
    border: 2px solid #f4f4f4;
}

.alert {
    border: 1px solid red !important;
}


#tynan-report-popup {
    width: 371px !important;
    top: 10% !important;
}

  #tynan-report-popup .modal-content {
        padding: 0 !important;
    }

    #tynan-report-popup #table-1 {
        margin-top: 0;
    }

    #tynan-report-popup .modal-content h4 {
        font-size: 24px !important;
        border-radius: 6px 6px 0 0;
        background: #06a5e9;
        color: #fff;
        padding: 10px 0;
        text-align: center;
        margin-bottom: 0 !important;
    }


.report-tbl-wrap{width:100%}
.report-tbl-wrap thead th{background:#333439;color:#fff}
.report-tbl-wrap tbody th{text-align:left;color:#fff;background:#45454f!important;text-align:center}
.report-tbl-wrap tbody td{text-align:left;color:#fff;background:#45454f!important;text-align:center}
.report-tbl-wrap tfoot th{text-align:left;color:#fff;background:#333439!important;text-align:center}
.report-tbl-wrap tfoot th{text-align:left;color:#fff;background:#333439!important;text-align:center}
.report-tbl-wrap tfoot td{color:#fff;background:#333439!important;text-align:center}
#table-1 .report-tbl-wrap th{border:1px solid #696973;}
.txt-leftfix{text-align:left!important}
.report-tbl-wrap td{border:1px solid #696973;}
.report-tbl-wrap th{border:1px solid #696973; padding:10px;}

.report-tbl-wrap a{color:#fff;text-decoration:none}
.report-tbl-wrap a:hover{color:#b1b1bc;text-decoration:none}
.tblborder-none{border:none!important}
.tblborder-left{border-left:1px solid #696973!important}

  
.oem-listwrap{width:100%;margin-top:20px;box-sizing:border-box}
.oem-listbox{width:19%;background:#fff;padding:15px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;float:left;margin-right:1%;box-sizing:border-box;margin-bottom:1%; height:285px;}
.list-tbl-head{font-size:14px;font-weight:700;min-height:35px;line-height:15px}
.oem-listbox table{margin-bottom:0}
.oem-listbox td,th{padding:5px 10px;border:1px solid #ccc;border-width:1px;font-weight:700}

.tbl-head{background:#d8d8d8;font-weight:400!important}
.tbl-total{background:#666;color:#fff;font-weight:700;font-size:14px}

.tbl-totalhead{ font-size:20px;}
.tbl-totalbg{ background:#b3b3b3 !important;}
.tbl-totalbg .tbl-separator{ background:#b3b3b3 !important;}

.tbl-subtotal-count{font-weight:700;font-size:16px}
.tbl-subtotal{text-align:left; font-size:14px;}

.tbl-separator{background:#fff; border:none!important; padding:0!important; margin:0; line-height: 5px!important;}
.tbl-head-remove{ background:#fff; border:none!important; border-radius:none!important;}
.oem-listbox table td, th {border-radius: inherit;}


.incrementality-box{background:#fff none repeat scroll 0 0;float:left;margin-top:0px;padding:0;text-align:center;width:100%;}
.persistency-tbl tfoot th{background:#ffffff; font-weight:bold; font-size:14px;}
.persistency-tbl .sub-head{ text-align:center; background:#666; color:#fff;}
.persistency-tbl .per-circle{padding-top: 2px!important;}
.persistency-tbl table{ border:1px solid #ccc;}

.tblfont-fix{font-weight:normal;}




@media only screen and (max-width:1500px) {
.oem-listbox{width:24%;}
}

@media only screen and (max-width:1300px) {
.oem-listbox{width:32.3%;}
}