/* Global Styles */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700');

::-webkit-scrollbar {
 width:10px;
 height:10px;
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
 display:none;
}

::-webkit-scrollbar-track-piece {
 background-color:#fff;
 -webkit-border-radius:0px;
 border-left:1px solid #ccc;
}

::-webkit-scrollbar-thumb:vertical {
 -webkit-border-radius:0px;
 background:#00aeef;
}

body {
    /* margin-top: 210px; */
    margin-top: 140px; 
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    background: #f3f5f5;
}

@media(min-width:768px) {
    body {
        margin-top: 140px;
    }
}

li{list-style: none;}
a:hover{text-decoration: none;transition: all 0.4s ease-in-out;}

.no-padding{padding: 0;}
.pr-0{padding-right: 0}
.pl-0{padding-left: 0;}
.pr-0{padding-right: 0}

.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}

.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}

#wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
    padding: 0;
}

.huge {
    font-size: 50px;
    line-height: normal;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 0;
    }

    #page-wrapper {
        padding: 0;
    }
}

/* Top Navigation */

.top-nav {
    padding: 0 15px 0 0;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 20px;
    padding-bottom: 30px;
    line-height: 20px;
    color: #15ade4;
    border-left: 1px solid #eee;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #15ade4;
    background-color: white;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}
.top-nav>.dropdown>.dropdown-menu>li>a {
    cursor: pointer !important;
    font-size:12px;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}

/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 51px;
        left: 225px;
        width: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #222;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav>li>a {
        width: 225px;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #000 !important;
    }
}

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}

.navbar{box-shadow: 0 0 10px 0 #ccc;border: 0;margin-bottom: 0;background: #fff;}
.t-nav{box-shadow: 0 0 10px 0 #ccc;padding: 5px 0 5px 0;background: #fff;position: fixed;z-index: 999;width: 100%;top: 70px;}
.t-nav ul{margin-bottom: 0;}
.t-nav ul li{display: inline-block;margin: 0 20px;}
.t-nav ul li a{color: #00aeef;padding: 10px 0;width: 200px;display: block;}
.t-nav ul li a:hover, .t-nav ul li.active a
{
    color: #fff;
    background: #00aeef;
}

.dash-links{
    
    /* border-left: 1px solid #eeeeee; */
    padding:20px 0 0px 20px;margin-bottom: 0}
.dash-links li{display: inline-block;margin: 0 30px 0 0;}
.dash-links li a{text-transform: uppercase;color: #ccc;font-weight: 500;border-bottom: 3px solid transparent;padding-bottom: 15px;}
.dash-links li a:hover, .dash-links li.active a{text-decoration: none; color: #252525;border-color: #00aeef;}

.search-box{border-left: 1px solid #eee;}
.search-box i{color: #ccc;margin-right: 5px;}
.search-box input{border: 0;padding: 30px 0;outline: none;}

.row.content{margin-top: 30px;}
.row.content img{width: 100%}

.no-result{padding: 12% 0}
.no-result h1{color: #ccc;font-weight: 700;font-size: 32px;margin-top: 50px;}

.form-area{}
.form-area h2{color: #fff;font-weight: 700;text-transform: uppercase;background: #00aeef;margin: 0;padding: 40px 0}

.form-area form{text-align: left;}
.no-opac{opacity: 0}
.form-area form label{font-weight: 400;color: #00aeef;margin:10px 0;}
.form-area form .form-control{border-color: #dfdfdf;height: 40px;}
.form-area form button[type="submit"]{background: #3154db;color: #fff;text-transform: uppercase;font-weight: 700;border-color: #3154db;padding: 9px 40px;margin: 20px 0 0 0;}
.form-area form button[type="submit"]:hover{background: #00aeef;border-color: #00aeef;}

.headings{padding: 30px 20px}
.headings ul{margin: 0;padding: 0;}
.headings ul li{display: inline-block;width: 49%;color: #ccc;}
.headings ul li span{color: #00aeef;font-weight: 700}
.headings ul li h2{font-weight: 700;font-weight: 700;color: #00aeef;}

.result{height: 660px;overflow: auto;}
.result::-webkit-scrollbar {
 width:6px;
 height:10px;
}

.result::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
 display:none;
}

.result::-webkit-scrollbar-track-piece {
 background-color:#fff;
 -webkit-border-radius:10px;
}

.result::-webkit-scrollbar-thumb:vertical {
 -webkit-border-radius:10px;
 background:#00aeef;
}
.result table{text-align: left;font-size: 12px;color: #aaa;}
.result table th{font-weight: 400;background: #00aeef;color: #fff;}
.result table th span{float: right;}
.result table td{vertical-align: middle!important;}
.result table h3{margin: 1px 0}
.result table p{margin-bottom: 2px}
.result table h3 a{font-weight: 700;color: #00aeef;font-size: 14px;}

.result-match .top-area{margin-top: 30px;display: table;width: 100%}
.result-match .top-area ul{padding: 0;}
.result-match .top-area ul li{display: inline-block;margin: 0 15px 0 0;}
.result-match .top-area ul li span{display: table;margin: 7px auto 0;}
.result-match .top-area h2{font-weight: 700;color: #00aeef;}

.tabs-area{margin: 50px 0 0 0}
.tabs-area .nav-pills{text-align: center;border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.tabs-area .nav-pills>li{float: none;display: inline-block;margin: 0 0;}
.tabs-area .nav-pills>li>a{border-radius: 0;width: 170px;}

.tabs-area .matach-report{margin: 70px 0 0 0}
.tabs-area .matach-report .desc{padding: 20px 0 20px 0;box-shadow: 0 0px 10px 0px #dfdfdf;}
.tabs-area .matach-report .desc p{color: #00aeef;}
.tabs-area .matach-report .desc h3{color: #cacaca;font-weight: 700;font-size: 14px;margin: 5px 0 20px 0;}
.tabs-area .matach-report .desc h3 span{color: #00aeef;}

.tabs-area .matach-report .info{background: #00aeef;padding: 20px 30px 1px 30px;border-radius: 10px 0 0px 10px;}
.tabs-area .matach-report .info .progress{height: 10px;margin-bottom: 30px;background-color: #6884f1;}
.tabs-area .matach-report .info .progress-bar{background-color: #fff;}
.tabs-area .matach-report .info .prog span{color: #fff;margin-bottom: 10px;display: inline-block;}
.tabs-area .matach-report .info .prog span.right{float: right;}

.tabs-area #a .info {padding: 20px 0}
.tabs-area #a .info ul{padding: 0}
.tabs-area #a .info ul li{padding: 10px 20px;margin-bottom: 10px;border-bottom: 1px solid #3657d6;color: #fff}
.tabs-area #a .info ul li:last-child{border: 0}
.tabs-area #a .desc p{color: #000;padding: 10px 30px;}

.navbar-brand{padding: 20px 15px;}


.topm{
    margin-top:4%;
    padding: 1%;
}

.topC{
    margin-top:1%;
    padding: 1%;
}
.btnGet{
    margin-top: 2.9em;
}
.loading {
    opacity: 0.7;
    pointer-events: none;
    -webkit-transition: opacity 0;
    transition: opacity 0;
    background-attachment: fixed;
    background-image: url('../images/45.gif');
    background-repeat: no-repeat;
    background-position: center center;
}




.select-style {
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}
.headerlogo{
    margin: 1em;
    width: 14em;
}
.text-default{
    color:#0277bd;
}
.pad1{
    padding:1em;
}
.btnbackcharts{
    position: absolute; 
    left: 50px;
    top: 10px;
}
.btn-default{
    color:white !important;
    background-color: lightgray !important;
}
.textgrey{
    color:grey
}
.texttheme{
    color:#00aeef
}
.textright{
    text-align: right;
}
.bgwhite{
    background-color: white;
}
.resetpassword{
    
    padding: 2em;
    position: relative;
    -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    box-shadow: 0 30px 60px 0 rgba
}
.btn-theme {
  background-color: #00aeef;
  border-color: #00aeef;
  color: white;
}

.NF-panel-height{
    padding-top: 8em;
    height: calc(100vh - 300px);
}

.highcharts-title {
 
    font-weight: bold !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 8px;
}