@charset "UTF-8";
/*@import 'window.css';*/

body,html{background:#ddd; color:#000 !important; font:16px/1.2 'Oswald', Arial, Helvetica, sans-serif; padding-top:35px;overscroll-behavior-y: none;}
.pieChart{width:130px; margin:0 auto; position:relative;}
.pieChart span{position:absolute; width:130px; text-align:center; font-size:22px; line-height:130px;}
.pieChart i{position:absolute; width:130px; line-height:180px; text-align:center; font-size:12px; opacity:0.8;}
.pieName{ text-align:center;}
#flotTip { background-color:#000 !important; background-color: rgba(0, 0, 0, 0.8) !important; color: #fff !important; border: none !important;}
/*.subText{color:#2fa6f1; font-style:normal;}*/
.close{display:none}
.modal-content .close{display: block}

.color-red{color: #e82044;}
.dark-bg{color: #ddd; background-color: #373737;}

#loginWin {text-align: center;}
.copyright{padding-top:30px; padding-bottom:10px; font-size:12px; text-align:center; opacity:0.5}
.copyright .icon{color: #e82044;}

.input-group-addon.danger {color: #000; background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58);}
.nav .icon{font-size: 20px;display: block;color: #e82044;}
.navbar-nav li a {text-align: center; padding: 10px 15px}
.navbar-brand img {height:26px; width:auto;}
.dropdown-toggle .caret {color: #e82044;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: #dbdbdb;}

.datetimepicker{color:#000;}

.navbar-inverse{background-color:#373737 !important;}
#sidebar-navbar{padding:0; background:none;}
.leftAside{padding:0; padding-left:10px;}
form .input-group{margin-bottom:4px;}
.bgRed{background-color:#e82044 !important; border: 1px solid grey; margin-top:-3px; font-size:11px; font-weight:normal;}
.panel-body{color:#000;}
.vehicle-logo{width:100%; height:auto;}
.table-less-padding td{padding:2px 4px;}
.table tbody>tr>td{ vertical-align: middle;}
.table-striped>tbody>tr:nth-of-type(odd) {background-color: #fff;}
.table-hover>tbody>tr:hover td{background-color:#e82044; cursor:pointer;color: #fff}
table.small{background-color:#fff !important; border:#000 1px solid;}
.text-center th {text-align: center;}

/* bootstrap override */
.btn-danger:not(.input-group-addon){background-color:#e82044; border: 1px solid #e82044; color: #fff}
.btn-danger:not(.input-group-addon):hover{color: #000}
.btn-default:hover, .btn-default:active{color: #fff; background-color: #333; border-color: #333}
.label{font-weight: normal}
.modal-content{border-radius: 0 !important}
.modal{background-color: rgba(0, 0, 0, 0.6)}
.modal-backdrop.in{opacity: .3}
/* end bootstrap override */

.btn-black {color: #fff; background-color: #333; border-color: #333}
.dark-bg .btn-black {color: #333; background-color: #ddd; border-color: #ddd}
.btn-black:hover, .btn-black:focus {color: #e82044;}
.btn-grey {color: #fff; background-color: #777; border-color: #777}
.btn-grey:hover, .btn-grey:focus {color: #e82044;}
.label-black {color: #fff; background-color: #333; border-color: #333}

.font-normal{font-weight: normal}
.whiteLink{color:#000;}
.whiteLink:hover{color:#fff;}

.elLine{margin-bottom:10px; border-bottom:#555 1px solid; padding-bottom:5px;}
#_msgArea{overflow:auto; border:#555 1px solid; padding:10px; height:100%; border-radius:5px;}
#_msgArea>div:hover p{ opacity:1;}
#_msgArea p{ padding:10px 0; margin-left:20px; opacity:0.75;}
.msgEven{box-shadow:#999 0 0 20px;}
.msgEven:hover{box-shadow:#ddd 0 0 20px;}
.msgEven, .msgOdd{/*border:#999 1px solid;*/ padding:4px 10px; border-radius:5px; margin-right:40px; margin-bottom:20px;}
.msgEven h5{border-bottom:#4a4a4a 1px solid; padding-bottom:4px;} .msgEven i{color:#999;}
.msgOdd {/*border:#428bca 1px solid;*/ margin-right:0; margin-left:40px; box-shadow:#428bca 0 0 20px;}
.msgOdd:hover{box-shadow:#9cc2e3 0 0 20px;}
.msgOdd h5{border-bottom:#286090 1px solid; padding-bottom:4px;} .msgOdd i{color:#428bca;}

.modal-dialog{color:#333;}

.dashArea {resize: none; font:12px/1.2 'Oswald', Arial, Helvetica, sans-serif;}

.dashStats{margin: 25px 5px;}
.dashBlock, .repDashBlock{margin:0 auto; padding:5px; position:relative; text-align: center;}
/* .dashBlock>div, .repDashBlock>div{position:absolute; left:70px;} */
.dashBlock i, .repDashBlock i{ width:70px; height:50px; font-size:28px; line-height:50px; text-align:center; color:#e82044; background-color:#fff; border:#e82044 1px solid; border-radius:25px; margin: 5px;}

#eventContainer .modal-content{padding: 15px 30px;}
#eventUserContent {border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; margin:10px auto; overflow:auto;}

._showLiveEvent .label-default{text-transform:uppercase; font-weight:normal;}
.label-default.critEvt{background-color:#e82044;}
.label-default.regularEvt{background-color:#b38600;}

#todayEvents caption{text-transform:uppercase; font-size:16px;}
.dashBlock p{text-transform:uppercase; font-size:16px; margin:0; color:#555;}
.dashBlock h3{margin:0; padding:0; color:#555;}
.dashBlock .moreData{font-size:11px; padding-top:5px; color:#fff;}
.dashBlock label{font-size:11px; color:#e82044; font-weight:normal; color:#34ced0;}
#eventList :not(:checked) + span{color:#999}
.eventTypeSelect {margin: 0;text-align: center;border: 1px solid grey;background-color: #373737;color: white;}
.eventTypeSelect div{padding: 15px;}

.devTabs .tab-pane .row{margin-top:20px; padding-bottom:10px; border-bottom:#ccc 1px solid;}


.stats_tile:before{content: ""; position: absolute; left: 0; height: 80%; border-left: 2px solid #64686e; top: 10%;}
.stats_tile:first-child:before{border-left: 0}
.no-hover:hover{color: unset !important; background-color: unset !important}


/* media history */
.mhListItem{position:relative; border-bottom: 1px solid #ccc; padding: 8px;}
.mhListItem:last-of-type {border: 0}
.pickMediaHistory{position:relative; padding: 8px; border-bottom: 1px dotted #999; cursor:pointer;}
.mhData{display: inline-block; width: 140px;}
.mhDataName{font-size:12px; color:#e82044; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mhIconsParent{display: inline-block;font-size:30px; line-height:30px;padding-top: 8px;vertical-align: top;color: #373737;}
.dark-bg .mhIconsParent{color: #ddd;}
.mhIcon {display: inline-block; position: relative;}
.mhIcon:hover i{color: #e82044;}
.mhIcon.selected i{color: #e82044}
.mhIcon .cam{position: absolute;left: 8px;top: 10px;font-size: 50%;line-height: 1;color: #ddd;}
.dark-bg .mhIcon .cam{color: #373737;}
.dark-bg .mhIcon.selected .cam{color: #ddd;}
.mhCH {position: absolute;left: 30px;top: 26px;padding: 1px 3px;border-radius: 4px;color: white;background-color: #00000080;}
/* end of media history */

/* live video */
.gallery {margin: 5px; float: left; position: relative; cursor: pointer;width: 48%;height: 0;padding-bottom: 33%;border: 1px solid #373737;}
.gallery:hover {border: 1px solid #e82044;}
.gallery.full {width: 98%; padding-bottom: 66%;}
.gallery img {width: 100%; height: auto;}
/* .gallery i {display: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);padding: 6px;font-size: 60px;border-radius: 50%;background-color: #00000080;color: white;} */
/* .gallery:hover i{display: block;} */
.gallery .ch {display: block;position: absolute;top: 4px;left: 8px;padding: 1px 3px;border-radius: 4px;color: white;background-color: #00000080;}
.gallery:hover .ch{display: none;}
/* end of live video */

.btn-warning, .btn-warning:active, .btn-warning:visited, .btn-warning:focus, .label-warning, .label-warning:active, .label-warning:visited, .label-warning:focus{background-color:#eb9114;}
.btn-warning:hover{background-color:#eb8014;}
.label-thin{font-weight:normal; text-transform:uppercase;}
.navbar-fixed-bottom{height: 30px; color:#9d9d9d; line-height: 30px;}

.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:table;table-layout:fixed;}
/*spin*/
.spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}


@media screen and (min-width: 768px) {
	#theModal .modal-dialog  {width:768px;}
	.modal-90-percent{width:90% !important;}
    #loginWin {width:500px; margin: 0 auto;}

    #eventContainer .modal-dialog{width: 80%;}
    #eventUserContent {padding: 15px;}

    .navbar-brand img {height:30px; width:auto; box-shadow: white 0px -35px 20px -14px;}

    .dashStats>div{border-left: 1px grey solid;}
    .dashStats>div:first-child{border-left: none;}


/* bootstrap override */
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 0;}
    .navbar-header {
        float: none; position: absolute; left: 50%; transform: translate(-50%, 0);
        padding: 11px 5px; margin: 0;
        background-color: #373737;
        /* box-shadow: black 0 -30px 50px 5px; */
        box-shadow: black 0 -25px 30px 15px;
    }
    .navbar-header:before {
        border-right: 90px solid #373737; border-bottom: 75px solid transparent;
        content: ""; position: absolute; left: -89px; bottom: 0; width: 0; height: 0;
    }
    .navbar-header:after {
        border-left: 90px solid #373737; border-bottom: 75px solid transparent;
        content: ""; position: absolute; right: -89px; bottom: 0; width: 0; height: 0;
    }
/* end bootstrap override */

}


@media screen and (min-width: 992px) {

    .pull-right-md {float: right;}
    .pull-left-md {float: left;}
    .eventTypeSelect {padding: 0 15px;}

}

@media screen and (max-width: 767px){

    .mob-full-width {width: 100%}
    .mob-no-padding {padding: 0}
    .mob-block {display: block}
}