
@font-face {
    font-family: 'Century Gothic';
    src: url('/fonts/century-gothic.eot');
    src:
        url('/fonts/century-gothic.eot?#iefix') format('eot'),
        url('/fonts/century-gothic.woff') format('woff'),
        url('/fonts/century-gothic.ttf') format('truetype'),
        url('/fonts/century-gothic.svg#MyFontOne') format('svg');
    font-weight: normal;
    font-style: normal;
    }
  
    @font-face {
    font-family: 'Century Gothic Bold';
    src: url('/fonts/century-gothic-bold.eot');
    src:
        url('/fonts/century-gothic-bold.eot?#iefix') format('eot'),
        url('/fonts/century-gothic-bold.woff') format('woff'),
        url('/fonts/century-gothic-bold.ttf') format('truetype'),
        url('/fonts/century-gothic-bold.svg#MyFontTwo') format('svg');
    font-weight: normal;
    font-style: normal;
 }

body {
    width: 100%;
    height: 100%;
    padding-top: 100px;
    font-family: 'Open Sans', sans-serif;
}
html {
    width: 100%;
    height: 100%;
}


.left_box .col-md-9 .select[multiple], .col-md-9 select[size]{ height:50px !important;}

.navbar-default {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.navbar-brand {
    padding: 4px;
}

    #logo img {
        vertical-align: middle;
        max-height: 50px;
        width: auto;
        height: auto;
        display: inline-block;
        max-width: 100%;
        -webkit-transition: all 400ms ease-out;
        -moz-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;
    }


ul.nav.navbar-nav li a {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
    padding: 20px;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
    ul.nav.navbar-nav li:last-child a {
        padding-right: 0
    }


#titlebar {
    padding-top: 150px;
    text-align: center;
    background: #f7f7f7;
    border-top: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0 20px;
    margin-bottom: 40px;
    text-align: left;
}
    #titlebar h1 {
        float: left;
        font-weight: 400;
        font-size: 18px;
        color: #999999;
    }
    #titlebar #breadcrumbs {
        float: right;
        font-size: 13px;
        padding-top: 21px;
        color: #999999;
    }
        #titlebar #breadcrumbs a {
            color: #666666;
        }


.searchMenutab {
    width: 100%;
    margin-bottom: 35px;
}
    .searchMenutab td {
        text-align: center;
        width: 16%;
        border-right: 1px solid #565A63;
        padding: 6px 10px;
    }
        .searchMenutab td:last-child {
            border-right: none;
        }

        
        

#content.container {
    max-width: 970px !important;
}
    #page {
        min-height: 300px;
    }


#bottom-legal {
    text-align: center;
    margin: 40px 0 20px;
    font-size: 11px; float:left; width:100%;
}



#app-bottom-links ul li, #footer_menu li {
    list-style: none;
    display: block;
    float: left;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #000;
}

    #app-bottom-links {
        float: left;
        width: 100%;
        position: relative;
        padding: 20px 0 40px;
    }
        #app-bottom-links ul {
            clear: left;
            float: left;
            text-align: center;
            position: relative;
            left: 50%;
        }
            #app-bottom-links ul li {
                position: relative;
                right: 55%;
            }


    #app-bottom-links li:last-child, #footer_menu li:last-child {
        border: none;
    }



#copyright {
    font-size: 13px;
    padding: 16px 0 6px;
    background: #222222;
    color: #777777; float:left; width:100%;
}
    #copyright ul {
        float: right;
    }
        #copyright li a {
            color: #999999;
        }


/*** form bits ***/

.button-container {
    margin-top: 30px;
}

.row.error {
}
    .row.error ul {
        padding-top: 10px;
        list-style: none;
    }
/*** 27th Dec 19 ***/   

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{  background-color: #00a4e4;
    border-color: #00a4e4;}
.pagination>li>a, .pagination>li>span{color:#00a4e4}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color:#00a4e4}
.trend-reports-tabla{border:solid 1px #00a4e4; margin-top: 0px; padding-bottom:10px;}
.trend-reports-tabla tr td.border-bottom{border-bottom: 1px solid #00A4E4; height:1px; padding:5px 0;}

.trend-reports-tabla tr:last-child td.border-bottom{border:0px !important}
.trend-reports-tabla a.submitbutton:hover, .trend-reports-tabla a.submitbutton:focus, 
a.btn-blue:hover,  a.btn-blue:focus{color: #fff; background:#0989bb;  text-decoration: none;}
a.btn-blue{margin-top:15px;}

.left_box{ float:left; width:35%;}
.left_box .col-md-3{ width:23%; padding-right:0; font-size:12px;}
.left_box .col-md-9{ width:77%;}
.right_box{ float:right; width:64%}
.footer_box{ float:left; width:100%; margin:20px 0;}

.repeat_row{  width:100%; padding:20px; }
.repeat_row td{ border-bottom:0 !important;}
.repeat_row td strong{ color:grey; font-size:14px; display:inline-block;}

.repeat_row:nth-child(2n){ background:#f7f7f7; }

.repeat_row td b{ font-weight:600 !important;}
.search_cat{  width:100%; margin:0 0 10px 0;}

.left_box .form-control {
    width: 190px !important;
    overflow: hidden;
}
/*** responsive ***/

@media(max-width:1199px) {
    #logo img {
        max-height: 45px;
        position: relative;
        top: 5px;
    }
    ul.nav.navbar-nav li a {
        padding: 20px 15px;
    }
}


@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
/*        -webkit-transition: background .1s ease-in-out,padding .1s ease-in-out;
        -moz-transition: background .1s ease-in-out,padding .1s ease-in-out;
        transition: background .1s ease-in-out,padding .1s ease-in-out; */
    }
    .navbar-nav {
        float: right;
    }
    
    .top-nav-collapse {
        padding: 0;
    }
}