@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
.bg-tabs-cst .dropdown-menu { background:#0072C6;
}
    .bg-tabs-cst .dropdown-menu li a {
        margin-left: 0;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #4F5F6F !important;
}
    .form-controls {
            border-right: 1px solid #dedede;
            border-top: 1px solid #dedede;
            border-bottom: 1px solid #dedede;
            border-radius: 0px 3px 3px 0px;
            box-shadow: none;
            top: -84px;
            left: -25px;
            border-left-style: none;
            border-left-color: inherit;
            border-left-width: 0px;
            width: 100%;
            height: 35px;
            padding-left: 0.5em;
        }
.btn-exit { padding:8px 12px; color:#fff; background:#ff0000; text-transform:uppercase;}
.btn-save { padding:8px 12px; color:#fff; background:#04b579; text-transform:uppercase;}
.btn-delete  { padding:8px 12px; color:#fff; background:#fa7e08; text-transform:uppercase;}
.btn-fullscreen  { padding:8px 12px; color:#fff; background:#0fc1c7; text-transform:uppercase;}
.btn-category  { padding:8px 12px; color:#fff; background:#0855cf; text-transform:uppercase;}
.btn-subcategory  { padding:8px 12px; color:#fff; background:#3b799c; text-transform:uppercase;}
.bdr-red { border:solid 2px #ff0000 !important;  }
.cst-bdr-easein { border:solid 1px #e2dfdf; padding:10px; background:#F5F5F2;}
.cst-gap-frm { padding:20px;}
#exTab1 { border:solid 1px #dedede;}
.nav-pills {border-bottom:solid 2px #dedede; margin-bottom:12px;}
#exTab1 .nav-pills > li > a {    font-size: 15px;text-transform: uppercase;font-weight: 600;}
.cst-ht {line-height:36px }
.title-cat { font-weight:bold; color:#0072C6; font-size:20px; margin:20px 0px;}
.cst-title {
    font-size: 16px !important;
    color: #fff;
    margin: 0px;
        margin-bottom: 0px;
    font-weight: 400;
    margin-bottom: 15px;
    padding: 8px 0px;
    background: #4d8bb9;
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px 3px 0px 0px;
    text-transform: uppercase;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e0e5ea;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.05);
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
}

.Addbtncolor {
  color:#ff0000;
}
.cst-my-table th {
 text-align:center;
}
.Gap {
    padding-top:10px;padding-bottom:10px;
}


.Addenabletext {
    background-color:#e0e0e0 !important;
}
.Addbtncolor2 {
  color:#09c107;
}

.graph-content table td:nth-child(2) { text-align:right;}

.cst-title1 {

font-size:20px !important;
color:#fff; margin:0px; margin-bottom:15px; padding:10px 0px; background:#00a0dc; font-family: 'Open Sans', sans-serif;
}
.cst-margin-left { margin-left:0px;}
.bg-login { font-family: 'Quicksand', sans-serif !important;  background: #3b799c;  padding:180px 0px 0px 0px; }
.cst-login { background:#ccc; padding:15px !important; background:#fff;/*background-color: rgba(255, 255, 255, 0.4);*/ border:solid 1px #cee4e9; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; }
.cst-login input { height:45px; box-shadow:none !important;}
.input-group-addon { background:#3b799c !important; border:solid 1px #3b799c !important; color:#fff;}
.addon1 { background:#7FC1ED !important; border:solid 1px #7FC1ED !important; color:#fff;}
.cst-label { font-size:16px; font-weight:normal; color:#1d2324;}
.btn-cstlogin { padding: 10px 40px !important; color:#fff; background:#3b799c; margin-top:15px; -webkit-transition:all .4s ease-out; transition:all .4s ease-out; text-transform:uppercase; font-weight:bold; font-size:16px; border:solid 2px #3b799c;}
.title-head { color:#fff; font-size:25px; text-align:center !important; font-weight:bold;}
.btn-cstlogin:hover { border:solid 2px #3b799c; color:#3b799c; background:#fff !important; }
/*dashboard css*/
.ui-header { position: fixed; top: 0; width: 100%; height: 50px; z-index: 100; background-color: #ffffff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.navbar-cst { background:#f8f8f8; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-bottom:1px solid rgba(0, 0, 0, 0.06); }
.navbar-cst .navbar-nav { font-size:15px; text-transform:uppercase; ;}
.navbar-cst .navbar-nav .active a  { background:#337ab7; color:#fff !important;  -webkit-transition:all .4s ease-out; transition:all .4s ease-out;}
.cst-logout { float:right; color:#647484; font-size:15px; line-height:33px;}
.cst-logout a { color:#647484; -webkit-transition:all .4s ease-out; transition:all .4s ease-out; }
.cst-logout a:hover { color:#4AA9E9; }
.navbar-cst .navbar-nav .active a:hover { background:#f5f5f5; color:#3b799c !important;}
.nav.navbar-nav > li > a:hover { background:#f5f5f5; color:#3b799c !important;}
.navbar { border-radius:0px;}

.cst-select-drop { border:solid 1px #dedede !important; color:#666; height:34px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: #fff url(../build/images/drop-down-arrow.png) no-repeat right; }
.cst-select-drop option { padding:5px; }
.navbar-default { border-style: none;
    border-color: inherit;
    border-width: medium;
    top: 0px;
    left: 0px;
}
.cst-col-dash { width:12%;}
.green1 { color:#1B9707;}
.blue2 { color:#0C4FCB;}
.pink { color:#F44EC3;}
.blue { color:#3498db;}
.orange { color:#e74c3c;}
.voilet { color:#9b59b6;}
.blue1 { color:#0aae8b;}
.eblue { color:#3b799c;}
.btn-date-sbt { background:#0682DD; padding:6px 20px !important; color:#fff; -webkit-transition:all .4s ease-out; transition:all .4s ease-out; border:solid 1px #7FC1ED; text-transform:uppercase; }
.cst-date-pick .form-control { border-right: 1px solid #dedede;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-radius:0px 3px 3px 0px; box-shadow:none; top: -84px;
    left: -25px;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: 0px;
}
.btn-date-sbt:hover { background:#fff; border:solid 1px #106299; color:#095588;}
.clr-cale { color:#f8f8f8;}
.cst-checkbx { margin-top:5px;
}
.cst-date-pick { padding-top:15px;}
.checkbox-warning { float:left; margin-top:6px !important;}
.checkbox-warning label { color:#4AA9E9; padding-left:35px !important; line-height:20px; font-size:14px; font-weight:bold;}
.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
 .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 21px; height: 20px; left: 0; border: 2px solid #B1BDC5;  background-color: #fff;
 -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
  .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 20px; font-weight:normal; top:-1px; margin-left: -20px; padding-left: 3px; padding-top: 0px; font-size: 14px; color: #555555; }
  .checkbox input[type="checkbox"] { opacity: 0; }
  .checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
  .checkbox input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\f00c"; }
  .checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }
  .checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee;cursor: not-allowed; }
  .checkbox.checkbox-circle label::before { border-radius: 50%; }
  .checkbox.checkbox-inline { margin-top: 0; }
 .checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #4AA9E9;border-color: #CFDBE3; }
.checkbox-warning input[type="checkbox"]:checked + label::after {color: #fff; }
.btn-select {position: relative; padding: 0; min-width: 210px; width: 100%;border-radius: 0; margin-bottom: 20px;}
.btn-select .btn-select-value {padding: 6px 12px; display: block; position: absolute;left: 0; right: 34px;text-align: left;text-overflow: ellipsis; overflow: hidden;border-top: none !important;border-bottom: none !important;
    border-left: none !important;
}

.btn-select .btn-select-arrow {
    float: right;
    line-height: 20px;
    padding: 6px 10px;
    top: 0;
}


.btn-select ul {
    display: none;
    background-color: white;
    color: black;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: none !important;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 33px;
    z-index: 999;
}

.btn-select ul li {
    padding: 3px 6px;
    text-align: left;
}

.btn-select ul li:hover {
    background-color: #f4f4f4;
}

.btn-select ul li.selected {
    color: white;
}
.btn-select.btn-warning:hover, .btn-select.btn-warning:active, .btn-select.btn-warning.active {
    border-color: #eea236;
}

.btn-select.btn-warning ul li.selected {
    background-color: #eea236;
    color: white;
}

.btn-select.btn-warning ul {
    border: #eea236 1px solid;
}

.btn-select.btn-warning .btn-select-value {
    background-color: #f0ad4e;
    border: #eea236 1px solid;
}

.btn-select.btn-warning:hover, .btn-select.btn-warning.active {
    background-color: #d58512;
}
.btn-select.btn-select-light .btn-select-value {
    background-color: white;
    color: #666;
}
/*Tabs designcss*/
.nav-tabs > li.active > a { border:0px !important;
}
.bg-tabs-cst { background: #0072C6;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);}
.custom-tabs { margin-top:69px;}
.heading4{font-size:18px;font-weight:400;font-family:'Lato', sans-serif;color:#111111;margin:0px 0px 5px 0px;}
.heading1{font-size:30px;line-height:20px;font-family:'Lato', sans-serif;text-transform:uppercase;color:#1b2834;font-weight:900;}
.content-quality{float:left;width:193px;}
.content-quality p{margin-left:10px;font-family:'Open Sans', sans-serif;font-size:14px;font-weight:600;line-height:17px;}
.content-quality p span{display:block;}
.tabtop li a{ font-size:15px; color:#efefef;border-radius:0px;margin-right:22.008px; -webkit-transition:all .4s ease-out; transition:all .4s ease-out;}
.tabtop .active a:before{content:"";position:absolute;top:15px;left:50px;color:#1ABB9C;font-size:30px;}
.tabtop li a:hover{color:#fff !important;text-decoration:none; background:#4F5F6F;}
.tabtop .active a:hover{color:#fff !important;}
.tabtop .active a{background-color:#4F5F6F !important;color:#FFF !important;}
.margin-tops{margin-top:30px;}
.tabtop li a:last-child{padding:14px 22px;}
.thbada { padding:14px 28px !important;}
section p{font-family:'Lato', sans-serif;}
.margin-tops4{margin-top:20px;}
.nav-tabs > li { margin-bottom:0px !important;}
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-left:none !important; border-right:none !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { }
.nav-tabs > li > a:hover { border-color:transparent;}
.tabsetting{}
.services{background-color:#d4d4d4;min-height:710px;padding:65px 0 27px 0;}
.services a:hover{color:#000;}
.services h1{margin-top:0px !important;}
.heading-container p{text-align:center;font-size:16px !important;text-transform:uppercase;}
.tabbable-line { background:#f5faff; border-bottom:solid 1px #DEF1FE;}
.cst-graph-ht { min-height:380px; max-height:1000px;}
/*.graph-content { position:absolute; top:18px; left:520px; overflow-y:scroll; height:350px;}*/
.graph-content table td { padding:2px 18px; font-size:12px; line-height:22px;}
.graph-content tr:last-child td { font-weight:bold; border-top:solid 1px #316395; font-size:13px; margin-top:10px;}
.graph-content td:last-child { text-align:right;}
.view-report { font-size:14px; text-align:right; line-height:35px; margin-right:30px; color:#3B799C; font-weight:bold;}
.view-report a { color:#024f97;}
.view-report a:hover { color:#4AA9E9;}
.cst-logo img { margin-top:18px;}
.cst-bg-graph { background:#EAEEF3; padding-top:8px;}
.cst-col-bg { float:left; width:100%; padding:0px;}
.cst-date-time { float:right !important; color:#fff; font-size:14px; padding:0px 12px; background:#4AA9E9; line-height:51px;}
/* tables grid css*/
.cst-bdt-tble {margin-top:15px; background:#fff; border-radius:3px;
}
.cst-table-grid { text-align:center; font-family: 'Open Sans', sans-serif; border:none;}
.cst-table-grid th { padding:10px 5px !important; background:#4489E4; color:#fff; font-size:14px; text-align:center; font-weight:600;}
.cst-table-grid tr {
    transition: background 0.2s ease-in;
}
    .cst-table-grid tr td {
     border-bottom:solid 1px #D5E1EE !important; font-size:14px; color:#3D3C3C; }
.cst-table-grid tr:nth-child(odd) {
    background: #FBFBFB;
}
.cst-table-grid tr:nth-child(even) {
    background: #FEFEFF;
}
.cst-table-grid tr:hover {
    background: #EDEDEE;
    cursor: pointer;
}
.cst-table-grid tr:last-child { font-weight:bold;
    }
.selectpicker { border:solid 1px #4AA9E9; padding:5px 2px !important; margin-bottom:15px; /*appearance: none;  -webkit-appearance: none; -moz-appearance: none; background-image:url(../../build/images/drop-down-arrow1.png); 
                    background-repeat:no-repeat; background-position:center right;*/
height:26px; font-size:12px; margin-top:5px;}
    .selectpicker option { border:solid 1px #B0D8F3 !important; /*-webkit-appearance: none; -moz-appearance: none; */transition: background 0.2s ease-in;
    }
    .no-pad-cst { padding:3px !important;}
.selectpicker::after { content:"f107"; font-family:FontAwesome; position:relative;
}
.cst-sel-lb { vertical-align:top; line-height:36px; margin-right:2px;
}
/*login page css*/

.login-container { width:98%; margin:6% auto;}
.bg-logo-login { padding:134px 20px; background-image:url(../build/images/bg-logo.jpg); background-size:cover;}
.bg-form-login { background:#fff; padding:18px 20px;}
.input {
 position: relative;
 z-index: 1;
 display: inline-block;
 margin: 1em;
 max-width: 350px;
 width: calc(100% - 2em);
 vertical-align: top;
}

.input__field {
 position: relative;
 display: block;
 float: right;
 padding: 0.8em;
 width: 60%;
 border: none;
 border-radius: 0;
 background: #f0f0f0; 
 color: #aaa;
 -webkit-appearance: none; / for box shadows to show on iOS /
}

.input__field:focus {
 outline: none;
}

.input__label {
 display: inline-block;
 float: right;
 padding: 0 1em;
 width: 40%;
 color: #6a7989;
 font-weight: bold;
 font-size: 70.25%;
 -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.input__label-content {
 position: relative;
 display: block;
 padding: 1.6em 0;
 width: 100%; 
}

.graphic {
 position: absolute;
 top: 0;
 left: 0;
 fill: none;
}

.icon {
 color: #ddd;
 font-size: 150%;
}
.input--hoshi {
 overflow: hidden;
    top: 0px;
    left: 0px;
}

.input__field--hoshi {
 margin-top: 1em;
 padding: 1.5em 0.35em;
 width: 100%;
 background: transparent;
 color: #595F6E; font-size:14px;
}

.input__label--hoshi {
 position: absolute;
 bottom: 0;
 left: 0;
 padding: 2px 0.25em;
 width: 100%;
 height: calc(100% - 1em);
 text-align: left;
 pointer-events: none; font-size:15px;
}

.input__label-content--hoshi {
 position: absolute;
}

.input__label--hoshi::before,
.input__label--hoshi::after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: calc(100% - 10px);
 border-bottom: 1px solid #B9C1CA;
}

.input__label--hoshi::after {
 margin-top: 2px;
 border-bottom: 4px solid red;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 -webkit-transition: -webkit-transform 0.3s;
 transition: transform 0.3s;
}

.input__label--hoshi-color-1::after {
 border-color: hsl(200, 100%, 50%);
}

.input__label--hoshi-color-2::after {
 border-color: hsl(160, 100%, 50%);
}

.input__label--hoshi-color-3::after {
 border-color: hsl(20, 100%, 50%);
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
 -webkit-animation: anim-1 0.3s forwards;
 animation: anim-1 0.3s forwards;
}

@-webkit-keyframes anim-1 {
 50% {
  opacity: 0;
  -webkit-transform: translate3d(1em, 0, 0);
  transform: translate3d(1em, 0, 0);
 }
 51% {
  opacity: 0;
  -webkit-transform: translate3d(-1em, -40%, 0);
  transform: translate3d(-1em, -40%, 0);
 }
 100% {
  opacity: 1;
  -webkit-transform: translate3d(0, -40%, 0);
  transform: translate3d(0, -40%, 0);
 }
}

@keyframes anim-1 {
 50% {
  opacity: 0;
  -webkit-transform: translate3d(1em, 0, 0);
  transform: translate3d(1em, 0, 0);
 }
 51% {
  opacity: 0;
  -webkit-transform: translate3d(-1em, -40%, 0);
  transform: translate3d(-1em, -40%, 0);
 }
 100% {
  opacity: 1;
  -webkit-transform: translate3d(0, -40%, 0);
  transform: translate3d(0, -40%, 0);
 }
}
@media (max-width: 767px) {
    .selectpicker { margin-bottom:0px;
    }
    .cst-table-grid th, .cst-table-grid tr td { font-size:13px; font-weight:normal;
    }
.cst-bdt-tble { width:100%; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar;
    }
.cst-margin-left {margin:0px;
    }
.cst-logout { margin-left:80px; float:none;}
.btn-date-sbt { width:100%; margin-top:5px;}
.tile_count .tile_stats_count .count { font-size:18px;}
.cst-graph-ht { min-height:600px;}
.graph-content { left:10px; top:210px; overflow:auto; padding:0px 10px;}
#visualization1 svg { width:100% !important;}
.cst-col-dash { width:50%;}
.navbar-brand { padding:15px 5px;}
.tile_count { margin-top:10px;}
.ui-header { position:relative;}
.tabtop li a { margin-right:0px;}
.tabbable-line .nav-tabs > li { width:100%; text-align:center;}
.tabtop .active a::before { content:"";}
.bg-login { padding:40px 0px;}
.bg-logo-login { background-image:none; padding:0px;}
.bg-logo-login img { max-width:100%;}
}
@media (min-width: 768px) and (max-width: 1024px){
    .cst-margin-left {margin:0px;
    }
	.ui-header { position:relative;}
	.cst-col-dash { width:25%;}
	 }