/* Desktop */

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

    .padding-md-l-0{ padding-left: 0px !important;}
    .padding-md-t-0{ padding-top: 0px !important;}
    .padding-md-b-0{ padding-bottom: 0px !important;}
    .padding-md-r-0{ padding-right: 0px !important;}
    .padding-md-tb-0{ padding-top: 0px !important; padding-bottom: 0px !important;}
    .padding-md-lr-0{ padding-left: 0px !important; padding-right: 0px !important;}
    .padding-md-all-0{ padding: 0px !important;}

    .padding-md-l-5{ padding-left: 5px !important;}
    .padding-md-t-5{ padding-top: 5px !important;}
    .padding-md-b-5{ padding-bottom: 5px !important;}
    .padding-md-r-5{ padding-right: 5px !important;}
    .padding-md-tb-5{ padding-top: 5px !important; padding-bottom: 5px !important;}
    .padding-md-lr-5{ padding-left: 5px !important; padding-right: 5px !important;}
    .padding-md-all-5{ padding: 5px !important;}

    .padding-md-l-10{ padding-left: 10px !important;}
    .padding-md-t-10{ padding-top: 10px !important;}
    .padding-md-b-10{ padding-bottom: 10px !important;}
    .padding-md-r-10{ padding-right: 10px !important;}
    .padding-md-tb-10{ padding-top: 10px !important; padding-bottom: 10px !important;}
    .padding-md-lr-10{ padding-left: 10px !important; padding-right: 10px !important;}
    .padding-md-all-10{ padding: 10px !important;}

    .padding-md-l-15{ padding-left: 15px !important;}
    .padding-md-t-15{ padding-top: 15px !important;}
    .padding-md-b-15{ padding-bottom: 15px !important;}
    .padding-md-r-15{ padding-right: 15px !important;}
    .padding-md-tb-15{ padding-top: 15px !important; padding-bottom: 15px !important;}
    .padding-md-lr-15{ padding-left: 15px !important; padding-right: 15px !important;}
    .padding-md-all-15{ padding: 15px !important;}

    .padding-md-l-20{ padding-left: 20px !important;}
    .padding-md-t-20{ padding-top: 20px !important;}
    .padding-md-b-20{ padding-bottom: 20px !important;}
    .padding-md-r-20{ padding-right: 20px !important;}
    .padding-md-tb-20{ padding-top: 20px !important; padding-bottom: 20px !important;}
    .padding-md-lr-20{ padding-left: 20px !important; padding-right: 20px !important;}
    .padding-md-all-20{ padding: 20px !important;}
    .padding-md-nt-20 { padding-left: 20px !important; padding-top: 0 !important; padding-bottom: 20px !important; padding-right: 20px !important;}

    .padding-md-l-25{ padding-left: 25px !important;}
    .padding-md-t-25{ padding-top: 25px !important;}
    .padding-md-b-25{ padding-bottom: 25px !important;}
    .padding-md-r-25{ padding-right: 25px !important;}
    .padding-md-tb-25{ padding-top: 25px !important; padding-bottom: 25px !important;}
    .padding-md-lr-25{ padding-left: 25px !important; padding-right: 25px !important;}
    .padding-md-all-25{ padding: 25px !important;}

    .padding-md-l-30{ padding-left: 30px !important;}
    .padding-md-t-30{ padding-top: 30px !important;}
    .padding-md-b-30{ padding-bottom: 30px !important;}
    .padding-md-r-30{ padding-right: 30px !important;}
    .padding-md-tb-30{ padding-top: 30px !important; padding-bottom: 30px !important;}
    .padding-md-lr-30{ padding-left: 30px !important; padding-right: 30px !important;}
    .padding-md-all-30{ padding: 30px !important;}

    .margin-md-l-0{ margin-left: 0px !important;}
    .margin-md-t-0{ margin-top: 0px !important;}
    .margin-md-b-0{ margin-bottom: 0px !important;}
    .margin-md-r-0{ margin-right: 0px !important;}
    .margin-md-tb-0{ margin-top: 0px !important; margin-bottom: 0px !important;}
    .margin-md-lr-0{ margin-left: 0px !important; margin-right: 0px !important;}
    .margin-md-all-0{ margin: 0px !important;}

    .margin-md-l-3{ margin-left: 3px !important;}
    .margin-md-t-3{ margin-top: 3px !important;}
    .margin-md-b-3{ margin-bottom: 3px !important;}
    .margin-md-r-3{ margin-right: 3px !important;}
    .margin-md-tb-3{ margin-top: 3px !important; margin-bottom: 3px !important;}
    .margin-md-lr-3{ margin-left: 3px !important; margin-right: 3px !important;}
    .margin-md-all-3{ margin: 3px !important;}

    .margin-md-l-5{ margin-left: 5px !important;}
    .margin-md-t-5{ margin-top: 5px !important;}
    .margin-md-b-5{ margin-bottom: 5px !important;}
    .margin-md-r-5{ margin-right: 5px !important;}
    .margin-md-tb-5{ margin-top: 5px !important; margin-bottom: 5px !important;}
    .margin-md-lr-5{ margin-left: 5px !important; margin-right: 5px !important;}
    .margin-md-all-5{ margin: 5px !important;}

    .margin-md-l-10{ margin-left: 10px !important;}
    .margin-md-t-10{ margin-top: 10px !important;}
    .margin-md-b-10{ margin-bottom: 10px !important;}
    .margin-md-r-10{ margin-right: 10px !important;}
    .margin-md-tb-10{ margin-top: 10px; margin-bottom: 10px !important;}
    .margin-md-lr-10{ margin-left: 10px; margin-right: 10px !important;}
    .margin-md-all-10{ margin: 10px !important;}

    .margin-md-l-15{ margin-left: 15px !important;}
    .margin-md-t-15{ margin-top: 15px !important;}
    .margin-md-b-15{ margin-bottom: 15px !important;}
    .margin-md-r-15{ margin-right: 15px !important;}
    .margin-md-tb-15{ margin-top: 15px; margin-bottom: 15px !important;}
    .margin-md-lr-15{ margin-left: 15px; margin-right: 15px !important;}
    .margin-md-all-15{ margin: 15px !important;}

    .margin-md-l-20{ margin-left: 20px !important;}
    .margin-md-t-20{ margin-top: 20px !important;}
    .margin-md-b-20{ margin-bottom: 20px !important;}
    .margin-md-r-20{ margin-right: 20px !important;}
    .margin-md-tb-20{ margin-top: 20px; margin-bottom: 20px !important;}
    .margin-md-lr-20{ margin-left: 20px; margin-right: 20px !important;}
    .margin-md-all-20{ margin: 20px !important;}

    .margin-md-l-25{ margin-left: 25px !important;}
    .margin-md-t-25{ margin-top: 25px !important;}
    .margin-md-b-25{ margin-bottom: 25px !important;}
    .margin-md-r-25{ margin-right: 25px !important;}
    .margin-md-tb-25{ margin-top: 25px; margin-bottom: 25px !important;}
    .margin-md-lr-25{ margin-left: 25px; margin-right: 25px !important;}
    .margin-md-all-25{ margin: 25px !important;}

    .margin-md-l-30{ margin-left: 30px !important;}
    .margin-md-t-30{ margin-top: 30px !important;}
    .margin-md-b-30{ margin-bottom: 30px !important;}
    .margin-md-r-30{ margin-right: 30px !important;}
    .margin-md-tb-30{ margin-top: 30px; margin-bottom: 30px !important;}
    .margin-md-lr-30{ margin-left: 30px; margin-right: 30px !important;}
    .margin-md-all-30{ margin: 30px !important;}

    .graphs-box{
        font-size: 16px;
    }

    .landing-devices-list ul {
        text-align: left;
    }
    /*.stateContainer{
        padding:15px;
    }*/
    ul.btn-list > li{
        max-width: 100%;
        min-width: 100%;
        font-size: 13px;
    }

    /* Graph Changes */
    .chart{
        width: 45% !important;
        margin: 0px 30%;
    }
    .chart.chart-bar{
        width: 90% !important;
        margin: 0px 5%;
    }

    chart-legend, .systemPerformance-report-1 chart-legend{
        width: 60% !important;
        margin: 0px 20%;
    }


    .landing-devices-list .thumbnail:after{
        display: none;
    }

    #chartjs-tooltip{
        margin-left: 38%;
    }
    .systemPerformance-report-1 #chartjs-tooltip{
        width: 40% !important;
        margin-left: 0px;
    }
    .legendLabel{
        width: 150px;
    }
    chart-legend ul li span{
        width: 50px;
    }
    chart-legend.chart-bar{
        margin:0px;
        float: right;
    }
    chart-legend.chart-bar ul li span{
        width: 15px;
    }
    .graph-container .axis-identifier{
        left: -40px;
    }

    /* System Performance graph*/
    .setHeight .setHeight{
        padding: 0px;
    }
	.ngdialog-theme-default .modal-footer{
        margin: 0px;
        position: absolute;
		width:100%;
    }

    /* 

    */
    .scheduleextcheckbox {
        margin-left: 82px;
    }
    .scheduleextradiobtn {
        margin-left: 35px;
    }
}
/* Mobile */

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

    .facilitySelectDropdown .in-btn-fullSpan .multiselect-parent .dropdown-menu{
        width: 345px !important;
    }

    .tileTab{
        min-height: 100px;
    }

    .tileTab-text{
        font-size: 18px;
    }
    .tileTab-header{
        min-height: 60px;
    }

    .dept-header-dropdown .close_dropdown_menu {
        display: block !important;
    }

    .no-ie .table.borderless>tbody>tr>td{
        min-width: 150px;
    }
	#IMSOutput .table.borderless>tbody>tr>td{
        min-width: 100px;
    } 
    .ie .table.borderless>tbody>tr>td{
        min-width: 150px;
    }

    .site-info-container{
        margin: 5px;
        width: 70%;
        position: relative;
    }
    .site-info-container>div{
        /* position: absolute; */
        /* left: 0px; */
        padding-left: 60px;
        white-space: inherit;
    }

    .site-name-top{
        position: absolute;
        padding-left: 55px !important;
        width: calc(100% - 90px);
    }
    .site-info-name-label{
        word-wrap: break-word;
    }

    .minimal-hide, .facts-system table td:not(.minimal-show){
        display: none;
    }

    .huge-text{
        font-size: 24px !important;
    }

    .mobile-only-show-table{
        display: table !important;
    }
    .mobile-only-show{
        display: block !important;
    }
    .mobile-only-hide{
        display: none !important;
    }

    .landing-devices-list ul {
        width: 690px;
        text-align: center;
    }

    .dept-dropdown-header .dropdown{
        margin: 10px auto;
    }

    .equipementNavigator.prev{
        left: 0px;
    }
    .equipementNavigator.next{
        right: 0px;
    }
    a.equipementNavigator{
        top: 35px;
        z-index: 999;
    }

    .facts-system-border{
        border: none;
    }

    .device-cyclelog{
        padding: 10px;
    }

    .footer-parent-container{
        height: auto;
        float: left;
    }

    .footer-container{
        padding: 8px 0px;
    }

    .ngdialog-theme-default .popupHeader{
        margin: 0px;
        position: fixed;
        left: 10px;
        top: 10px;
        width: calc(100% - 20px);
        z-index: 999;
    }

    .ngdialog.ngdialog-theme-default{
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .modal-body{
        height: 100%;
        padding: 15px 10px;
        padding-top: 60px;
    }
    .eula-modal .modal-body{
        height: 80%;
    }
    .softwarelicense-modal .modal-body{
        height: 80%;
    }
    .cycleNotification .modal-body{
        padding: 15px 10px;
    }

    .ngdialog.ngdialog-theme-default .ngdialog-content{
        height: 100%;
        overflow: auto;
		padding: 10px 0px;
    }
    .ngdialog-theme-default .modal-footer{
        margin: 0px;
        position: fixed;
    }
    .ngdialog-theme-default .modal-footer {
        text-align: right;
        border-top: none;
        bottom: 5px;
        left: 0px;
        width: 100%;
        padding: 0px 10px;
    }
    .ngdialog.ngdialog-theme-default .ngdialog-close{
        top: 16px;
        right: 16px;
        z-index: 9999;
        position: fixed;
    }

    .padding-xs-l-0{ padding-left: 0px !important;}
    .padding-xs-t-0{ padding-top: 0px !important;}
    .padding-xs-b-0{ padding-bottom: 0px !important;}
    .padding-xs-r-0{ padding-right: 0px !important;}
    .padding-xs-tb-0{ padding-top: 0px !important; padding-bottom: 0px !important;}
    .padding-xs-lr-0{ padding-left: 0px !important; padding-right: 0px !important;}
    .padding-xs-all-0{ padding: 0px !important;}

    .padding-xs-l-5{ padding-left: 5px !important;}
    .padding-xs-t-5{ padding-top: 5px !important;}
    .padding-xs-b-5{ padding-bottom: 5px !important;}
    .padding-xs-r-5{ padding-right: 5px !important;}
    .padding-xs-tb-5{ padding-top: 5px !important; padding-bottom: 5px !important;}
    .padding-xs-lr-5{ padding-left: 5px !important; padding-right: 5px !important;}
    .padding-xs-all-5{ padding: 5px !important;}

    .padding-xs-l-10{ padding-left: 10px !important;}
    .padding-xs-t-10{ padding-top: 10px !important;}
    .padding-xs-b-10{ padding-bottom: 10px !important;}
    .padding-xs-r-10{ padding-right: 10px !important;}
    .padding-xs-tb-10{ padding-top: 10px !important; padding-bottom: 10px !important;}
    .padding-xs-lr-10{ padding-left: 10px !important; padding-right: 10px !important;}
    .padding-xs-all-10{ padding: 10px !important;}

    .padding-xs-l-15{ padding-left: 15px !important;}
    .padding-xs-t-15{ padding-top: 15px !important;}
    .padding-xs-b-15{ padding-bottom: 15px !important;}
    .padding-xs-r-15{ padding-right: 15px !important;}
    .padding-xs-tb-15{ padding-top: 15px !important; padding-bottom: 15px !important;}
    .padding-xs-lr-15{ padding-left: 15px !important; padding-right: 15px !important;}
    .padding-xs-all-15{ padding: 15px !important;}

    .padding-xs-l-20{ padding-left: 20px !important;}
    .padding-xs-t-20{ padding-top: 20px !important;}
    .padding-xs-b-20{ padding-bottom: 20px !important;}
    .padding-xs-r-20{ padding-right: 20px !important;}
    .padding-xs-tb-20{ padding-top: 20px !important; padding-bottom: 20px !important;}
    .padding-xs-lr-20{ padding-left: 20px !important; padding-right: 20px !important;}
    .padding-xs-all-20{ padding: 20px !important;}
    .padding-xs-nt-20 { padding-left: 20px !important; padding-top: 0 !important; padding-bottom: 20px !important; padding-right: 20px !important;}

    .padding-xs-l-25{ padding-left: 25px !important;}
    .padding-xs-t-25{ padding-top: 25px !important;}
    .padding-xs-b-25{ padding-bottom: 25px !important;}
    .padding-xs-r-25{ padding-right: 25px !important;}
    .padding-xs-tb-25{ padding-top: 25px !important; padding-bottom: 25px !important;}
    .padding-xs-lr-25{ padding-left: 25px !important; padding-right: 25px !important;}
    .padding-xs-all-25{ padding: 25px !important;}

    .padding-xs-l-30{ padding-left: 30px !important;}
    .padding-xs-t-30{ padding-top: 30px !important;}
    .padding-xs-b-30{ padding-bottom: 30px !important;}
    .padding-xs-r-30{ padding-right: 30px !important;}
    .padding-xs-tb-30{ padding-top: 30px !important; padding-bottom: 30px !important;}
    .padding-xs-lr-30{ padding-left: 30px !important; padding-right: 30px !important;}
    .padding-xs-all-30{ padding: 30px !important;}
	
	.padding-xs-l-40{ padding-left: 40px !important;}
    .padding-xs-t-40{ padding-top: 40px !important;}
    .padding-xs-b-40{ padding-bottom: 40px !important;}
    .padding-xs-r-40{ padding-right: 40px !important;}
    .padding-xs-tb-40{ padding-top: 40px !important; padding-bottom: 40px !important;}
    .padding-xs-lr-40{ padding-left: 40px !important; padding-right: 40px !important;}
    .padding-xs-all-40{ padding: 40px !important;}

    .margin-xs-l-0{ margin-left: 0px !important;}
    .margin-xs-t-0{ margin-top: 0px !important;}
    .margin-xs-b-0{ margin-bottom: 0px !important;}
    .margin-xs-r-0{ margin-right: 0px !important;}
    .margin-xs-tb-0{ margin-top: 0px !important; margin-bottom: 0px !important;}
    .margin-xs-lr-0{ margin-left: 0px !important; margin-right: 0px !important;}
    .margin-xs-all-0{ margin: 0px !important;}

    .margin-xs-l-3{ margin-left: 3px !important;}
    .margin-xs-t-3{ margin-top: 3px !important;}
    .margin-xs-b-3{ margin-bottom: 3px !important;}
    .margin-xs-r-3{ margin-right: 3px !important;}
    .margin-xs-tb-3{ margin-top: 3px !important; margin-bottom: 3px !important;}
    .margin-xs-lr-3{ margin-left: 3px !important; margin-right: 3px !important;}
    .margin-xs-all-3{ margin: 3px !important;}

    .margin-xs-l-5{ margin-left: 5px !important;}
    .margin-xs-t-5{ margin-top: 5px !important;}
    .margin-xs-b-5{ margin-bottom: 5px !important;}
    .margin-xs-r-5{ margin-right: 5px !important;}
    .margin-xs-tb-5{ margin-top: 5px !important; margin-bottom: 5px !important;}
    .margin-xs-lr-5{ margin-left: 5px !important; margin-right: 5px !important;}
    .margin-xs-all-5{ margin: 5px !important;}

    .margin-xs-l-10{ margin-left: 10px !important;}
    .margin-xs-t-10{ margin-top: 10px !important;}
    .margin-xs-b-10{ margin-bottom: 10px !important;}
    .margin-xs-r-10{ margin-right: 10px !important;}
    .margin-xs-tb-10{ margin-top: 10px !important; margin-bottom: 10px !important;}
    .margin-xs-lr-10{ margin-left: 10px !important; margin-right: 10px !important;}
    .margin-xs-all-10{ margin: 10px !important;}

    .margin-xs-l-15{ margin-left: 15px !important;}
    .margin-xs-t-15{ margin-top: 15px !important;}
    .margin-xs-b-15{ margin-bottom: 15px !important;}
    .margin-xs-r-15{ margin-right: 15px !important;}
    .margin-xs-tb-15{ margin-top: 15px !important; margin-bottom: 15px !important;}
    .margin-xs-lr-15{ margin-left: 15px !important; margin-right: 15px !important;}
    .margin-xs-all-15{ margin: 15px !important;}

    .margin-xs-l-20{ margin-left: 20px !important;}
    .margin-xs-t-20{ margin-top: 20px !important;}
    .margin-xs-b-20{ margin-bottom: 20px !important;}
    .margin-xs-r-20{ margin-right: 20px !important;}
    .margin-xs-tb-20{ margin-top: 20px !important; margin-bottom: 20px !important;}
    .margin-xs-lr-20{ margin-left: 20px !important; margin-right: 20px !important;}
    .margin-xs-all-20{ margin: 20px !important;}

    .margin-xs-l-25{ margin-left: 25px !important;}
    .margin-xs-t-25{ margin-top: 25px !important;}
    .margin-xs-b-25{ margin-bottom: 25px !important;}
    .margin-xs-r-25{ margin-right: 25px !important;}
    .margin-xs-tb-25{ margin-top: 25px !important; margin-bottom: 25px !important;}
    .margin-xs-lr-25{ margin-left: 25px !important; margin-right: 25px !important;}
    .margin-xs-all-25{ margin: 25px !important;}

    .margin-xs-l-30{ margin-left: 30px !important;}
    .margin-xs-t-30{ margin-top: 30px !important;}
    .margin-xs-b-30{ margin-bottom: 30px !important;}
    .margin-xs-r-30{ margin-right: 30px !important;}
    .margin-xs-tb-30{ margin-top: 30px !important; margin-bottom: 30px !important;}
    .margin-xs-lr-30{ margin-left: 30px !important; margin-right: 30px !important;}
    .margin-xs-all-30{ margin: 30px !important;}
	
	.margin-xs-l-50{ margin-left: 50px !important;}
    .margin-xs-t-50{ margin-top: 50px !important;}
    .margin-xs-b-50{ margin-bottom: 50px !important;}
    .margin-xs-r-50{ margin-right: 50px !important;}
    .margin-xs-tb-50{ margin-top: 50px !important; margin-bottom: 50px !important;}
    .margin-xs-lr-50{ margin-left: 50px !important; margin-right: 50px !important;}
    .margin-xs-all-50{ margin: 50px !important;}

    .text-xs-center{
        text-align: center !important;
    }
    .text-xs-left{
        text-align: left !important;
    }

    #deviceInfoDynamics{
        height: 160px;
    }

    .datetimepicker{
        width: 100%;
    }

    .dropdown-menu{
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
    }

    .multiselect-parent .dropdown-menu{
        width: calc(100% + 40px);
        margin-left: 0px;
        margin-right: -20px;
    }

    .failedPositive, .failedNegative {
        background: url(../../images/landing/Cycle-Positive-Status.png) no-repeat 10px 0px;
    }
    .passedNegative, .passedPositive {
        background: url('../../images/landing/Cycle-Negative-Status.png') no-repeat 10px 0px;
    }

    .cycleAborted {
        background: url('../../images/landing/Cycle-Aborted.png') no-repeat 10px 0;
    }

    #deviceInfoDynamics .device-basics:nth-child(2){
        width: 100% !important;
        height: 40px;
        float: left;
        text-align: center;
    }

    .facts-system table>tbody>tr{
        padding: 5px 0px;
    }
    .facts-system table>tbody>tr>td{
        padding: 5px 0px;
    }

    /*#deviceInfoDynamics.minimal{
        height: 80px;
    }

    #deviceInfoDynamics.minimal .minimal-show{
        width: 100%;
    }

    #deviceInfoDynamics.minimal .device-basics:nth-child(1){
        display: none;
    }

    #deviceInfoDynamics.minimal .device-basics div.medium-text{
        padding:5px;
        text-align: center !important;
    }*/
    
    #EditDeptForm .form-group, #deptCreateForm .form-group{
        margin-left: 0;
        margin-right: 0;
    }

    body{
        font-size: 14px;
    }
    .medium-text{
        font-size: 16px;
    }

    #deviceInfoDynamics .device-basics{
        margin: 0px !important;
        padding: 5px;
    }

    .facts-stats{
        padding-left: 0px;
        padding-right: 0px;
    }

    .button-group {
        width: 100%;
        /* bottom: 20px; */
        top: 10px;
        left: 0px;
        right: initial;
        text-align: center;
        margin-top: 40px;
        position: static;
    }

    .button-group>div{
        display: inline !important;
        float: left !important;
        margin: 5px 10% !important;
        width: 80% !important;
    }

    .button-group>.btn{
        padding: 12px 48px;
    }

    .stateContainer{
        padding: 10px;
    }

    table.table.logTable.mobile-only-show-table>tbody>tr{
        display: block !important;
    }

    table.table.logTable.mobile-only-show-table>tbody>tr>td{
        display: inline-block !important;
        vertical-align: middle;
    }
    table.table.logTable.mobile-only-show-table>tbody>tr>td:first-child{
        width: 48% !important;
    }
    table.table.logTable.mobile-only-show-table>tbody>tr>td:last-child{
        width: 50% !important;
    }

    table.table.logTable.mobile-only-show-table>tbody>tr>td.fullspan:last-child{
        width: 100% !important;
        text-align: right;
    }
    
    table.table.logTable.mobile-only-show-table>tbody>tr>td:last-child.noRecordStyle {
       width:100% !important;
	   background-color: #FFF !important;
    }

    table.table.logTable.mobile-only-show-table>tbody>tr:first-child{
        background-color: #cccccc;
    }

    table.table.logTable.mobile-only-show-table>tbody>tr:first-child>td:nth-child(2) span{
        font-size: 18px;
        font-weight: bold;
        word-break: break-word;
    }

    table.table.logTable.mobile-only-show-table>tbody>tr>td span:first-child{
        padding: 5px;
        font-weight: normal;
    }
    
    table.table.logTable.mobile-only-show-table>tbody>tr>td span:first-child.paired-image{
        padding: 15px;
        margin-left: 10px;
    }
    
    table.table.logTable.mobile-only-show-table>tbody>tr>td span:first-child.non-paired-image{
        margin-left: 10px;
    }

    table.table.logTable.mobile-only-show-table>tbody>tr>td:first-child span:after{
        content:":";
        padding-left: 3px;
    }
    table.table.logTable.mobile-only-show-table>tbody>tr>td:first-child span.no-colon:after{
        content:"";
        padding-left: 3px;
    }

    table.table.logTable.mobile-only-show-table>tbody>tr>td:first-child span{
        font-weight: bold;
    }

    .logTable tbody.active td span {
        color: #211e1e !important;
    }

    .table.logTable>thead>tr>th{
        background-color: #CCCCCC;
    }
    .table.logTable>tbody>tr>td:last-child span, .table.logTable>thead>tr>th:last-child span{
        padding-right: 15px; 
    }
    .table.logTable>tbody>tr>td:first-child span, .table.logTable>thead>tr>th:first-child span{
        padding-left: 15px;
    }

    /* Report things */
    .navbar-nav{
        margin:0px;
    }
    .navbar-nav>li{
        width: calc(100% / 2);
        float: left;
    }

    .systemPerformance-report-1 .chart-container{
        margin: 0px;
        width: 100%;
    }
    /* System Performance graph*/
    .setHeight .setHeight, .setHeight-2 .setHeight-2{
        text-align: center;
    }
    .systemPerformance-report-1 .graph-container{
        width: 290px;
        display: inline-block;
        float: none !important;
    }
    .systemPerformance-report-2 .graph-container{
        width: 230px;
        display: inline-block;
        float: none !important;
    }
    .systemPerformance-report-1 .chart{
        min-width: 290px;
    }
    .systemPerformance-report-1 #chartjs-tooltip{
        margin: 0px;
        /* min-width: 290px; */
        min-height: 290px;
        width: 50% !important;
        height: 290px;
        left: 25% !important;
        font-size: 40px !important;
    }
    .systemPerformance-report-2 #chartjs-tooltip{
        margin: 0px;
        /* min-width: 290px; */
        min-height: 260px;
        width: 50% !important;
        height: 260px;
        left: 25% !important;
        font-size: 40px !important;
    }
    .sysPerfByDeviceNavigator{
        z-index: 9;
    }
    .sysPerfByDeviceNavigator.prev{
        left: -15px;
    }
    .sysPerfByDeviceNavigator.next{
        right: -15px;
    }
    .systemPerformance-report-1 #chartjs-tooltip .doughnutArrow {
        width: 200px;
        left: calc(50% - 100px);
    }
    .systemPerformance-report-1 chart-legend{
        width: 100% !important;
        margin: 0px !important;
    }

    .mobile-button{
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        background: #4e9492;
        color: #ffffff;
        border: 0px;
    }
    .mobile-button ~ .glyphicon{
        display: none;
    }
    
    .search-block-position {
        width: 100%;
    }
    
    .btn {
        padding: 6px 15px;
    }
    
    .header-xs-font-size {
        font-size: 16px !important;
    }
    
    .pull-xs-left {
        float: left !Important;
    }
    
    .pull-xs-none {
        float: none !important;
    }
    
    .cleaxfix-xs {
        clear: both !important;
    }
    
    .site-btns-xs {
        width: 100%;
        display: block;
    }
    
    .successNotifyMsg {
        font-size: 14px !important;
    }
    
    .viewSettingsPage div {
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: table;
        width: 100%;
        margin-bottom: 15px;
    }
    
    .viewSettingsPage div label {
        display: table-cell;
        vertical-align: middle;
        text-align: left !important;
        width: 50%;
        max-width: 150px;
        line-height: 1.4;
        word-break: break-word;
    }
	
	.pwdSettingsPage div {
        display: table;    
    }
    
    .pwdSettingsPage div label {
        display: table-cell;
        line-height: 1.4;
    }

    .devices-list ul li img{
        margin-top: -70px;
    }

    .landing-devices-list .devices-heading-label{
        min-height: auto;
    }

    .landing-devices-list .devices-dept-label{
        margin-bottom: 5px;
    }
    
    /*.connection-btn-xs {
        display: block;
        margin: 0 15px;
    }*/
    
    /**** footer styles start ********/
    .site-icon-footer {
        background: url(../../images/ASP-Footer-Logo.png) no-repeat;
        height: 16px;
        display: inline-block;
        /* margin: 10px 0 0 30px; */
        /* width: auto; */
        line-height:2 !important;
        background-position:center !important;
        /*padding-left:86px !important;*/
        text-align: center;
		
        
    }
    .footer-label {
      margin-left:0px;
      width: inherit;
      text-align: inherit; 
    }
    a{
       outline: none !important;
    }
    .text-xs-view{
       font-size:11px !important;
    }
    .big-text {
      font-size:12px !important;
    }
    /**** footer styles end ********/

    /**** downloadAsp styles end ********/
    .btn-width{
        width:100% !important;
    }
    .daa-log{
    padding:0px !important;

    }
   /**** downloadAsp styles end ********/
	
	.btn{
		width:100% !important;
        border-radius: 4px !important;
	}  
	    /*** user management changes ****/
	  
	        .btn-usersSite{
		        width:100% !important;
		    }
			.deactive-user{
			padding:0px !important;
                width:100%;
			}
	  
	    /*** user management changes end ****/
    
    .btn-view-settings {
        display: inline-block;
        font-size: 12px;
        width: auto !important;
    }
    
    .page-loader-site-inside {
        width: 100%;    
    }
    
    .loader-small {
        top: -40px;
        left: auto;
        right: 15px;
    }
    
    .search-btn1 {
        width: 100%;
    }
	
	.backupRestoreInfoIcon {
		top:-34px !important;
		right:31px !important;
	}
	
	#backupHistoryList .popover {
		top:-14px !important;
	}
	
	#backupHistoryList #backupFailureStatusDisplay .popover {
		top:-54px !important;
	} 
	
	#backupFailureStatusDisplay .popover {
		left: -82px !Important;
		height: 63px !Important;
		width: 211px !Important;
	}
	
	#backupFailureStatusDisplay div {
		padding:5px 0 5px 0 ;
	}
	
	#backupFailureStatusDisplay .popover.top>.arrow {
		    left: 86px !important;
    		top: 62px !important;
    		margin-left: 0px;
			border-top: 10px solid #CCC;
    		border-right: 10px solid transparent;
    		border-bottom: 10px solid transparent;
    		border-left: 10px solid transparent;
	}
	
	.multiselect-select-container .dropdown-menu {
		width:100%;
	}
	
	#notificationsBody .dropdown-menu  {
		left: 0px !important;
		width: 100% !important;
		margin-left:-2px;
	}

	#notificationsBody .datetimepicker {
		width: 100% !important;
	}
    
    #bi-uid-cycles, #bi-uid-results {
        width: 100%;
    }
    
    #bi-uid-cycles tbody>tr, #bi-uid-results tbody>tr {
        height: auto;
    }
    
    #bi-uid-tables div:first-child, #bi-uid-tables div:last-child {
        float: none;
        width: 100%;
    }
	 #allSitesBtn{
		  display: block; 
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
    }
    .generatetkndiv{
        margin: 0px !important;
    }
    .activationkey-msg {
        margin-left: 0px;
    }
}

@media screen and (max-width: 370px) {
    .padding-xxs-lr-7{ padding-left: 7px !important; padding-right: 7px !important;}
    
    .padding-xxs-lr-5{ padding-left: 5px !important; padding-right: 5px !important;} 
	
	.margin-xxs-b-40{margin-bottom: 40px !important;}
}
/* Tablet */

@media screen and (min-width: 768px) and (max-width: 991px) {

    .tileTab-text{
        font-size: 18px;
    }
    .tileTab-header{
        min-height: 60px;
    }

    .touch .pad-hide{
        display: none;
    }

    .text-sm-left{
        text-align: left !important;
    }
    
    #bi-uid-cycles, #bi-uid-results {
        width: 100%;
    }
    
    #bi-uid-cycles tbody>tr, #bi-uid-results tbody>tr {
        height: auto;
    }
    
    #bi-uid-tables div:first-child, #bi-uid-tables div:last-child {
        float: none;
        width: 100%;
    }

    #deviceInfoDynamics{
        height: 330px;
    }

    .facts-system, .facts-stats{
        margin-top: 50px;
    }

    .padding-sm-l-0{ padding-left: 0px !important;}
    .padding-sm-t-0{ padding-top: 0px !important;}
    .padding-sm-b-0{ padding-bottom: 0px !important;}
    .padding-sm-r-0{ padding-right: 0px !important;}
    .padding-sm-tb-0{ padding-top: 0px !important; padding-bottom: 0px !important;}
    .padding-sm-lr-0{ padding-left: 0px !important; padding-right: 0px !important;}
    .padding-sm-all-0{ padding: 0px !important;}

    .padding-sm-l-5{ padding-left: 5px !important;}
    .padding-sm-t-5{ padding-top: 5px !important;}
    .padding-sm-b-5{ padding-bottom: 5px !important;}
    .padding-sm-r-5{ padding-right: 5px !important;}
    .padding-sm-tb-5{ padding-top: 5px !important; padding-bottom: 5px !important;}
    .padding-sm-lr-5{ padding-left: 5px !important; padding-right: 5px !important;}
    .padding-sm-all-5{ padding: 5px !important;}

    .padding-sm-l-10{ padding-left: 10px !important;}
    .padding-sm-t-10{ padding-top: 10px !important;}
    .padding-sm-b-10{ padding-bottom: 10px !important;}
    .padding-sm-r-10{ padding-right: 10px !important;}
    .padding-sm-tb-10{ padding-top: 10px !important; padding-bottom: 10px !important;}
    .padding-sm-lr-10{ padding-left: 10px !important; padding-right: 10px !important;}
    .padding-sm-all-10{ padding: 10px !important;}

    .padding-sm-l-15{ padding-left: 15px !important;}
    .padding-sm-t-15{ padding-top: 15px !important;}
    .padding-sm-b-15{ padding-bottom: 15px !important;}
    .padding-sm-r-15{ padding-right: 15px !important;}
    .padding-sm-tb-15{ padding-top: 15px !important; padding-bottom: 15px !important;}
    .padding-sm-lr-15{ padding-left: 15px !important; padding-right: 15px !important;}
    .padding-sm-all-15{ padding: 15px !important;}

    .padding-sm-l-20{ padding-left: 20px !important;}
    .padding-sm-t-20{ padding-top: 20px !important;}
    .padding-sm-b-20{ padding-bottom: 20px !important;}
    .padding-sm-r-20{ padding-right: 20px !important;}
    .padding-sm-tb-20{ padding-top: 20px !important; padding-bottom: 20px !important;}
    .padding-sm-lr-20{ padding-left: 20px !important; padding-right: 20px !important;}
    .padding-sm-all-20{ padding: 20px !important;}
    .padding-sm-nt-20 { padding-left: 20px !important; padding-top: 0 !important; padding-bottom: 20px !important; padding-right: 20px !important;}

    .padding-sm-l-25{ padding-left: 25px !important;}
    .padding-sm-t-25{ padding-top: 25px !important;}
    .padding-sm-b-25{ padding-bottom: 25px !important;}
    .padding-sm-r-25{ padding-right: 25px !important;}
    .padding-sm-tb-25{ padding-top: 25px !important; padding-bottom: 25px !important;}
    .padding-sm-lr-25{ padding-left: 25px !important; padding-right: 25px !important;}
    .padding-sm-all-25{ padding: 25px !important;}

    .padding-sm-l-30{ padding-left: 30px !important;}
    .padding-sm-t-30{ padding-top: 30px !important;}
    .padding-sm-b-30{ padding-bottom: 30px !important;}
    .padding-sm-r-30{ padding-right: 30px !important;}
    .padding-sm-tb-30{ padding-top: 30px !important; padding-bottom: 30px !important;}
    .padding-sm-lr-30{ padding-left: 30px !important; padding-right: 30px !important;}
    .padding-sm-all-30{ padding: 30px !important;}

    .margin-sm-l-0{ margin-left: 0px !important;}
    .margin-sm-t-0{ margin-top: 0px !important;}
    .margin-sm-b-0{ margin-bottom: 0px !important;}
    .margin-sm-r-0{ margin-right: 0px !important;}
    .margin-sm-tb-0{ margin-top: 0px !important; margin-bottom: 0px !important;}
    .margin-sm-lr-0{ margin-left: 0px !important; margin-right: 0px !important;}
    .margin-sm-all-0{ margin: 0px !important;}

    .margin-sm-l-3{ margin-left: 3px !important;}
    .margin-sm-t-3{ margin-top: 3px !important;}
    .margin-sm-b-3{ margin-bottom: 3px !important;}
    .margin-sm-r-3{ margin-right: 3px !important;}
    .margin-sm-tb-3{ margin-top: 3px !important; margin-bottom: 3px !important;}
    .margin-sm-lr-3{ margin-left: 3px !important; margin-right: 3px !important;}
    .margin-sm-all-3{ margin: 3px !important;}

    .margin-sm-l-5{ margin-left: 5px !important;}
    .margin-sm-t-5{ margin-top: 5px !important;}
    .margin-sm-b-5{ margin-bottom: 5px !important;}
    .margin-sm-r-5{ margin-right: 5px !important;}
    .margin-sm-tb-5{ margin-top: 5px !important; margin-bottom: 5px !important;}
    .margin-sm-lr-5{ margin-left: 5px !important; margin-right: 5px !important;}
    .margin-sm-all-5{ margin: 5px !important;}

    .margin-sm-l-10{ margin-left: 10px !important;}
    .margin-sm-t-10{ margin-top: 10px !important;}
    .margin-sm-b-10{ margin-bottom: 10px !important;}
    .margin-sm-r-10{ margin-right: 10px !important;}
    .margin-sm-tb-10{ margin-top: 10px; margin-bottom: 10px !important;}
    .margin-sm-lr-10{ margin-left: 10px; margin-right: 10px !important;}
    .margin-sm-all-10{ margin: 10px !important;}

    .margin-sm-l-15{ margin-left: 15px !important;}
    .margin-sm-t-15{ margin-top: 15px !important;}
    .margin-sm-b-15{ margin-bottom: 15px !important;}
    .margin-sm-r-15{ margin-right: 15px !important;}
    .margin-sm-tb-15{ margin-top: 15px; margin-bottom: 15px !important;}
    .margin-sm-lr-15{ margin-left: 15px; margin-right: 15px !important;}
    .margin-sm-all-15{ margin: 15px !important;}

    .margin-sm-l-20{ margin-left: 20px !important;}
    .margin-sm-t-20{ margin-top: 20px !important;}
    .margin-sm-b-20{ margin-bottom: 20px !important;}
    .margin-sm-r-20{ margin-right: 20px !important;}
    .margin-sm-tb-20{ margin-top: 20px; margin-bottom: 20px !important;}
    .margin-sm-lr-20{ margin-left: 20px; margin-right: 20px !important;}
    .margin-sm-all-20{ margin: 20px !important;}

    .margin-sm-l-25{ margin-left: 25px !important;}
    .margin-sm-t-25{ margin-top: 25px !important;}
    .margin-sm-b-25{ margin-bottom: 25px !important;}
    .margin-sm-r-25{ margin-right: 25px !important;}
    .margin-sm-tb-25{ margin-top: 25px; margin-bottom: 25px !important;}
    .margin-sm-lr-25{ margin-left: 25px; margin-right: 25px !important;}
    .margin-sm-all-25{ margin: 25px !important;}

    .margin-sm-l-30{ margin-left: 30px !important;}
    .margin-sm-t-30{ margin-top: 30px !important;}
    .margin-sm-b-30{ margin-bottom: 30px !important;}
    .margin-sm-r-30{ margin-right: 30px !important;}
    .margin-sm-tb-30{ margin-top: 30px; margin-bottom: 30px !important;}
    .margin-sm-lr-30{ margin-left: 30px; margin-right: 30px !important;}
    .margin-sm-all-30{ margin: 30px !important;}

    .margin-sm-l-40{ margin-left: 30px !important;}
    .margin-sm-t-40{ margin-top: 30px !important;}
    .margin-sm-b-40{ margin-bottom: 30px !important;}
    .margin-sm-r-40{ margin-right: 30px !important;}
    .margin-sm-tb-40{ margin-top: 30px; margin-bottom: 30px !important;}
    .margin-sm-lr-40{ margin-left: 30px; margin-right: 30px !important;}
    .margin-sm-all-40{ margin: 30px !important;}
    
    .dept-header-sm-fix {
        min-height: 64px;
    }
    
    .search-block-position {
        width: 100%;
    }

    .landing-devices-list ul {
        width: 690px;
        text-align: center;
    }

    .stateContainer{
        padding: 15px;
    }

    .facts-system-border{
        border: none;
    }

    .facts-system{
        margin-top: 50px;
    }

    .padding-sm-t-15{
        padding-top: 15px;
    }
    
    .search-bx-sitesel-margin {
        margin-left: -15px;
    }

    .ngdialog.ngdialog-theme-default{
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    /*commented for scrolling issue in nexus 7*/
    .modal-body{
        height: 100%;
    }
    .eula-modal .modal-body{
        height: 80%;
    }
    .softwarelicense-modal .modal-body{
        height: 80%;
    }
    .ngdialog.ngdialog-theme-default .ngdialog-content{
        height: 100%;
    }
    .ngdialog-theme-default .modal-footer{
        margin: 0px;
        position: absolute;
		width:100%;
    }

    /* Graph Changes */
    .chart{
        width: 100% !important;
        margin: 0px 0% !important;
    }
    .chart.chart-bar{
        width: 90% !important;
        margin: 0px 5% !important;
    }

    chart-legend{
        width: 100% !important;
        margin: 0px 0%;
    }

    #chartjs-tooltip{
        width: 50% !important;
        margin-left: 25%;
    }
    .legendLabel{
        width: 150px;
        text-overflow: initial;
        overflow: initial;
        white-space: normal;
        height: auto;
    }
    chart-legend ul li span{
        width: 50px;
    }
    chart-legend.chart-bar{
        margin:0px;
        float: right;
    }
    chart-legend.chart-bar ul li span{
        width: 15px;
    }
    .graph-container .axis-identifier{
        left: -40px;
    }
    .systemPerformance-report-1 chart-legend{
        width: 100% !important;
        padding: 0px 20%;
        margin: 0px 0px;
    }

    .close_dropdown_menu{
        display: none;
    }


    /* report things */
    .navbar-nav>li{
        width: calc(100% / 3);
    }
    .systemPerformance-report-1 .chart-container{
        margin: 0px;
        width: 100%;
    }
    .systemPerformance-report-1 .chart{
        min-width: 320px;
    }
    .systemPerformance-report-1 #chartjs-tooltip{
        margin: 0px 0%;
        /* min-width: 320px; */
        min-height: 320px;
        left: 25% !important;
        width: 50% !important;
    }
    .systemPerformance-report-2 #chartjs-tooltip{
        min-height: 314px;
    }
    .sysPerfByDeviceNavigator{
        z-index: 9;
    }
    .sysPerfByDeviceNavigator.prev{
        left: -35px;
    }
    .sysPerfByDeviceNavigator.next{
        right: -35px;
    }

    .landing-devices-list .thumbnail:after{
        display: none;
    }
    
    /**** footer styles start ********/		
	.text-sm-view{		
	    font-size:10px !important;		
	}		
	a{		
	    outline: none !important;		
	}		
	/**** footer styles end ********/
    
    .btn-view-settings {
        padding: 6px 15px;
    }
    
    
    /*device pairing tablet height fix*/
    #pairForm {
        display: inline-block;
        overflow: auto;
        height: 780px;
        width: 100%;
    }
    /*device pairing tablet height fix*/
	
	/*privacypolicy, cookiespolicy and termsofuse */
	#privacyPolicyBody, #cookiesPolicyBody, #termsOfUseBody {
        display: inline-block;
        overflow: auto;
        height: 800px;
    }
	
	/*privacypolicy, cookiespolicy and termsofuse */
	
	/*my profile tablet height fix*/
    #manageAccountForm, #deptListTable {
        display: inline-block;
        /*overflow: auto;*/
        height: 780px;
    }
    /*my profile tablet height fix*/
	
	/*password policy tablet height fix*/
    #pwdSettingsForm {
        display: inline-block;
        overflow: auto;
        height: 780px;
    }
    /*my profile tablet height fix*/
    
    /*device mgmt list tablet height fix*/
    #deviceTableList {
        overflow: auto;
        height: 672px;
    }
    
    /*device mgmt list tablet height fix*/
	
	/*add site and edit site tablet height fix*/
    #siteCreateForm, #siteEditForm {
        display: inline-block;
        overflow: auto;
        height: 780px;
    }
    /*add site and edit site tablet height fix*/
	
	.tableRestoreButton.btn {
		padding: 6px 20px;
	}
	
	#backupFailureStatusDisplay .popover {
		top: -7px !important;
		height: 65px !Important;
		left: 53px !Important;
		bottom: 50px;
		width: 174px;
		line-height: 1.0 !Important;
	}
	
	#backupFailureStatusDisplay .popover.top>.arrow {
		top: 21px;
	}
	
		/*table filter fix*/
	
	.table.logTable>thead ul.columnDropdown li.selected, .table.logTable>thead ul.columnDropdown li.default {
		word-break: break-word;
		padding-right: 30px !important;
	}
	
	.table.logTable>thead ul.columnDropdown li.selected span, .table.logTable>thead ul.columnDropdown li.default span {		
		padding-right: 0 !important;
	}

    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
      font-size: 16px !important;
    }

    .ngdialog-content form label{
        width: 90%;
        text-align: left !important;
    }

    .ngdialog-content .form-group label:after, form label:after{
        left: 0px !important;
        right: initial;
        position: relative;
    }
    .activationkey-msg {
        margin-left: 40px;
    }
}
/* Small Devices, Tablets */

/*Backup restore i icon fix*/
@media screen and (max-width: 1199px) {

    #deviceInfoDynamics{
        height: 330px;
    }

    .facts-system, .facts-stats{
        margin-top: 50px;
    }

    .touch .pad-hide{
        display: none;
    }
    
	#reconfigureBackupBody .setting-info-icon {
		margin: 0 !Important;
		position: absolute;
    	top: 7px;
    	right: -10px;
	}
	
	#backupHistoryList .setting-info-icon {
		margin: 0 !Important;
		position: absolute;
	}
	
	.backupRestoreInfoIcon {
    	    right: 37px;
	}

	#reconfigureBackupBody .popover {
		top:-8px !important;
		min-width: 236px !important;
		height: auto !important;
	}

    .logTable.sterradTable tbody.active .extraInfo.long-extra{
        height: 460px !important;
    }

    .legendLabel{
        width: 150px;
        text-overflow: initial;
        overflow: initial;
        white-space: normal;
        height: auto;
    }
}


/*for Nexus 7 */
@media screen and (min-width: 960px) and (max-width: 991px) {

    .tileTab-text{
        font-size: 18px;
    }
    .tileTab-header{
        min-height: 60px;
    }

	.ngdialog.ngdialog-theme-default .ngdialog-content {
		padding: 0 !important;
	}
	
	.ngdialog.ngdialog-theme-default .ngdialog-content .tab-content {		
		height: 495px;
		overflow:auto;
	}	
	
	.ngdialog-theme-default .popupHeader {
		margin: 0 !important;
	}
	
	#notificationsBody .dropdown-menu  {
		left: 0px !important;
	}
	
	.backupRestoreInfoIcon {
    	    right: 104px;
	}

    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
      font-size: 16px !important;
    }
}

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

    .tileTab-text{
        font-size: 18px;
    }
    .tileTab-header{
        min-height: 60px;
    }

    .text-sm-view{		
	    font-size:11px !important;
	}
    /* Graph Changes */
    .graphWidthController{
        /*max-width: 270px;*/
        margin: auto;
    }
    .chart{
        width: 100% !important;
        margin: auto !important;
        float: none;
    }
    .chart.chart-bar{
        width: 95% !important;
        margin: 0px 0% 0px 5% !important;
        height: 400px !important;
    }

    chart-legend{
        width: 100% !important;
        margin: 0px 0%;
    }

    #chartjs-tooltip{
        margin-left: 15%;
        width: 70% !important;
    }
    .legendLabel{
        width: 150px;
    }
    chart-legend ul li span{
        width: 50px;
    }
    chart-legend.chart-bar{
        margin:0px;
        width: 100% !important;
        float: right;
    }
    chart-legend.chart-bar ul li span{
        width: 15px;
    }
    .graph-container .axis-identifier{
        left: -55px;
    }

    ul.btn-list{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    ul.btn-list > li{
        min-width: 0px;
        width: 100%;
    }
    .bar-legend li, .chart-legend li, .doughnut-legend li, .line-legend li, .pie-legend li, .polararea-legend li, .radar-legend li{
        padding: 2px 8px 2px 8px;
    }




    .landing-devices-list ul {
        width: 460px;
        text-align: center;
    }
    .header-icon-container {
        margin-left: 10px;
        margin-right: 10px;
    }
    .site-info-name {
        margin-top: 5px;
        font-size: 16px;
    }
    .site-info-id-label {
        margin-top: 0px;
    }
    .laSubheadingText {
        font-size: 18px;
    }
    /*.dept-dropdown-header {
        float: none;
        text-align: center;
        width: calc(100% + 60px);
        margin: 0px -30px;
    }
    .dept-dropdown-header .dropdown {
        width: 100% !important;
        padding: 20px 0;
    }*/
    .header-main-menu .dropdown.open {
        position: absolute;
        width: calc(100% + 30px) !important;
        background: black;
        left: 0px;
        z-index: 9999;
        top: 0px;
        height: 2000px;
        margin: 0px !important;
        margin-left: -15px !important;
    }
    .header-main-menu .dropdown-menu {
        top: 0px;
        background: black;
        color: white;
        width: 100%;
    }
    .close_dropdown_menu{
        display: block;
        float: right;
        margin-top: 25px;
    }
    .dept-header-dropdown .close_dropdown_menu {
        display: none;
    }
    .close_dropdown_menu:before{
        font-family: Helvetica,Arial,sans-serif;
        content: '\00D7';
        cursor: pointer;
        font-size: 50px;
        color: #ffffff;
        margin-right: 15px
    }
    .dropdown-submenu-mgmt>a:after{
        margin-right: 10px;
    }
    .dropdown.open .menu-icon-top {
        margin: 10px 30px;
    }
    .header-main-menu .dropdown-menu>li>a {
        padding: 15px 15px;
        color: #ffffff;
        font-size: 24px;
        white-space: inherit;
    }
    .header-main-menu .dropdown-menu>li>a> * {
        color: #ffffff !important;
    }
    .header-menu-user-label {
        font-size: 42px;
    }
    .header-menu-user-role-label {
        font-size: 24px;
    }
    .header-main-menu .dropdown-submenu-mgmt .dropdown-menu {
        background: #333333;
        border-radius: 0px;
        padding-left: 25px;
    }
    .header-main-menu .dropdown-submenu-mgmt .dropdown-menu>li,
    .dept-dropdown-header ul li {
        height: auto;
    }
    .no-touch .header-main-menu .dropdown-submenu-mgmt .dropdown-menu>li>a:hover {
        color: #ffffff;
        height: auto;
    }
    .header-main-menu .dropdown-menu>li.menu-user-info-label>a:after {
        margin: 25px 0px 15px 0px !important;
        float: left;
        position: static;
    }
    .header-main-menu .dropdown-menu>li>a:after {
        margin-top: 12px;
    }
    .header-main-menu .dropdown-menu>li:not(.menu-user-info-label)>a:focus:after,
    .no-touch .dropdown-menu>li:not(.menu-user-info-label)>a:hover:after {
        transform: rotate(90deg);
    }
    .landingSublblContainer {
        width: 100%;
    }
    .landing-devices-list ul {
        text-align: center;
    }

    #deviceInfoDynamics .device-basics {
        width: 100%;
        height: 100px;
        margin: 20px 10px 20px 10px;
        margin-top: 20px !important;
    }

    /*#deviceInfoDynamics .device-basics img{
        float: right;
    }*/

    #deviceInfoDynamics .device-basics:nth-child(2) {
        width: 100% !important;
        height: 30px;
        float: left;
        text-align: center;
        padding-top: 10px;
        margin-top: 0px !important;
        margin-bottom: 20px !important;
        /*padding-left: 15px;*/
    }

    .list-wells li{
        order: 1;
    }

    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
      font-size: 16px !important;
    }

    .no-ie .table.logTable>tbody>tr>td span, .no-ie .table.logTable>thead>tr>th span{
        padding: 10px;
    }
    .no-ie .table.logTable>thead>tr>th ul.tableDropdown:not(.cross):not(.active) span, .no-ie .table.logTable>thead>tr>th ul.columnDropdown:not(.cross):not(.active) span{
        padding: 10px;
        padding-right: 20px;
    }

    .table.logTable>thead ul.tableDropdown .dropdown-arrow:before{
        right: 5px;
    }

    table.table.tableScrollable-set>tbody>tr>td span:first-child{
        padding: 10px;
        padding-left: 10px;
    }

    .logTable.sterradTable tbody.active .extraInfo.long-extra{
        height: 460px !important;
    }
}

@media screen and (max-width: 480px) and (orientation: portrait) {
    /* .container-fluid
  {
    background: blue !important;
  }*/

    .tileTab{
        margin-bottom: 10px;
        border-radius: 10px;
    }
    .tileTab-text{
        font-size: 20px;
    }
    .tileTab-header{
        min-height: initial;
        margin: 0px;
    }
    .tileTab img{
        max-height: 60px !important;
    }

    .dept-dropdown-header .dropdown{
        margin: 10px auto;
        text-align: center;
    }

    .devices-list ul li img{
        margin-top: 0px;
    }

    .menu-icon-top{
        background: url('../../images/Menu-Icon.png') !important;
        width: 24px;
        height: 17px;
        display: inline-block;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }
    .header-icon-container{
        margin-left: 0px;
        margin-right: 0px;
    }
    .header-main-menu .dropdown{
        margin-left: -10px;
    }
    .header-main-menu .dropdown.open .menu-icon-top{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        margin: 20px 5px;
    }
    .site-icon-top {
        background: url('../../images/Site-Icon.png') no-repeat;
        width: 50px;
        height: 50px;
        display: inline-block;
        background-size: cover;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -25px;
    }
	.site-icon-inactive {
		background: url('../../images/Site-Icon-Inactive.png') no-repeat;
		cursor: default;
	}
    .landingSublblContainer {
        width: 100%;
        float: left;
        height: auto;
        margin-bottom: 20px;
    }
    .site-info-name{
        font-size: 18px;
    }
    .site-info-id-label{
        font-size: 10px;
    }
    .dept-dropdown-header{
        width: 100%;
        text-align: center;
    }
    .dept-dropdown-header a .caret{
        border-top: 8px dashed;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }
    .asp-icon-small {
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
    }
    .notify {
        margin: 12px 0 0 0;
    }
    .notify img {
        width: 30px;
        margin-top: 2px;
        margin-right: 2px;
    }
    .laSubheadingText{
        font-size: 26px;
    }
    .asp-icon-small img {
        width: 140px;
        height: auto;
    }
    .xs-0-padding{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .landing-devices-list ul .box-container {
        width: 100%;
    }
    .landing-devices-list ul li .box {
        width: 100%;
        padding: 15px;
    }
    .landing-devices-list ul {
        width: 100%;
        text-align: center;
        padding-left: 0px;
        padding: 0px 0px;
    }
    .landing-devices-list ul li a {
        float: none;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        font-weight: normal;
    }
    .landing-devices-list .thumbnail {
        float: left;
        width: 100%;
    }
    .landing-devices-list .devices-dept-label {
        font-size: 20px;
        width: 90%;
        float: left;
        text-align: left;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-left: 23%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .landing-devices-list .devices-heading-label,
    .landing-devices-list .device-display-name,
    .landing-devices-list .device-connection-st-label {
        display: none !important;
    }
    .landing-devices-list .devices-heading-container {
        float: right;
        width: 50%;
    }
    .landing-devices-list .device-display-name {
        float: right;
        font-size: 28px;
    }
    .landing-devices-list ul li {
        min-width: 240px;
        height: inherit;
    }
    .landing-devices-list .device-connection-st-container {
        background: none !important;
        margin-left: 0px;
        margin-top: 0%;
        float: right;
        width: 16%;
        display: inline-block;
        vertical-align: middle;
        padding: 0px;
    }
    .landing-devices-list .devicename-or-serial {
        float: left;
        width: 62%;
        text-align: left;
        margin-top: 0px;
        font-size: 28px;
        padding-left: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: initial;
    }
    .landing-devices-list div.disconnected {
        width: 30px;
        height: 30px;
        background-size: cover;
    }
    .landing-devices-list .col-sm-3,
    .landing-devices-list .col-md-3,
    .landing-devices-list .col-lg-3,
    .landing-devices-list .col-xs-3 {
        width: 100%;
    }
    .landing-devices-list .thumbnail {
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .landing-devices-list .thumbnail:after{
        display: none;
    }


    /* Department */

    .dropdown.open{
        margin: 0 !important;
        width: 100% !important;
    }
    
    .dropdown.open .caret-parent-container {
        display: none;
    }
    .dept-dropdown-header .dropdown-menu {
        border-top: 0px !important;
        border-radius: 0px !important;
        margin: 0px !important;
        font-size: 12px;
        padding: 15px;
        width: calc(100% + 30px);
        background: #000000;
        position: absolute;
        top: -70px;
        height: 2000px;
        max-height: initial;
        margin-left: 0px !important;
        left: -15px;
    }
    .dept-dropdown-header .dropdown-menu li {
        background: transparent !important;
        padding: 15px 0;
    }
    .dept-dropdown-header .dropdown-menu li a {
        color: #FFFFFF;
        font-size: 22px;
    }
    .no-touch .dept-dropdown-header .dropdown-menu>li>a:hover {
        background-color: transparent;
        color: #FFFFFF;
        height: auto;
    }
    
    .no-touch .landing-devices-list ul li a.landing-device-list-item:hover div:after {
        content: '';
        position: absolute;
        top: 38%;
        left: 61%;
        width: 0; 
        height: 0; 
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;   
        border-left: 6px solid #fff;
    }

    .machine-wells-container {
        display: none;
    }
    
    .wrap-thumbnail {
        min-height: auto;
        float: left;
        width: 20%;
        margin-top: -25px;
    }

    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
      font-size: 16px !important;
    }
}
@media screen and (max-width: 667px) and (orientation: landscape) {
    /* .container-fluid
  {
    background: blue !important;
  }*/

    .tileTab-text{
        font-size: 18px;
    }
    .tileTab-header{
        min-height: 60px;
    }

    .dept-dropdown-header .dropdown{
        margin: 10px auto;
        text-align: center;
    }

    .devices-list ul li img{
        margin-top: 0px;
    }

    .menu-icon-top{
        background: url('../../images/Menu-Icon.png') !important;
        width: 24px;
        height: 17px;
        display: inline-block;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }
    .header-icon-container{
        margin-left: 0px;
        margin-right: 0px;
    }
    .header-main-menu .dropdown{
        margin-left: -10px;
    }
    .header-main-menu .dropdown.open .menu-icon-top{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        margin: 20px 5px;
    }
    .site-icon-top {
        background: url('../../images/Site-Icon.png') no-repeat;
        width: 50px;
        height: 50px;
        display: inline-block;
        background-size: cover;
    }
	.site-icon-inactive {
		background: url('../../images/Site-Icon-Inactive.png') no-repeat;
		cursor: default;
	}
    .landingSublblContainer {
        width: 100%;
        float: left;
        height: auto;
        margin-bottom: 20px;
    }
    .site-info-name{
        font-size: 18px;
    }
    .site-info-id-label{
        font-size: 10px;
    }
    .dept-dropdown-header{
        width: 100%;
        text-align: center;
    }
    .dept-dropdown-header a .caret{
        border-top: 8px dashed;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }
    .asp-icon-small {
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
    }
    .notify {
        margin: 12px 0 0 0;
    }
    .notify img {
        width: 30px;
        margin-top: 2px;
        margin-right: 2px;
    }
    .laSubheadingText{
        font-size: 26px;
    }
    .asp-icon-small img {
        width: 140px;
        height: auto;
    }
    .xs-0-padding{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .landing-devices-list ul .box-container {
        width: 100%;
    }
    .landing-devices-list ul li .box {
        width: 100%;
        padding: 15px;
    }
    .landing-devices-list ul {
        width: 100%;
        text-align: center;
        padding-left: 0px;
        padding: 0px 0px;
    }
    .landing-devices-list ul li a {
        float: none;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        font-weight: normal;
    }
    .landing-devices-list .thumbnail {
        float: left;
        width: 100%;
    }
    .landing-devices-list .devices-dept-label {
        font-size: 20px;
        width: 90%;
        float: left;
        text-align: left;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-left: 23%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .landing-devices-list .devices-heading-label,
    .landing-devices-list .device-display-name,
    .landing-devices-list .device-connection-st-label {
        display: none !important;
    }
    .landing-devices-list .devices-heading-container {
        float: right;
        width: 50%;
    }
    .landing-devices-list .device-display-name {
        float: right;
        font-size: 28px;
    }
    .landing-devices-list ul li {
        min-width: 240px;
        height: inherit;
    }
    .landing-devices-list .device-connection-st-container {
        background: none !important;
        margin-left: 0px;
        margin-top: 0%;
        float: right;
        width: 16%;
        display: inline-block;
        vertical-align: middle;
        padding: 0px;
    }
    .landing-devices-list .devicename-or-serial {
        float: left;
        width: 62%;
        text-align: left;
        margin-top: 0px;
        font-size: 28px;
        padding-left: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: initial;
    }
    .landing-devices-list div.disconnected {
        width: 30px;
        height: 30px;
        background-size: cover;
    }
    .landing-devices-list .col-sm-3,
    .landing-devices-list .col-md-3,
    .landing-devices-list .col-lg-3,
    .landing-devices-list .col-xs-3 {
        width: 100%;
    }
    .landing-devices-list .thumbnail {
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .landing-devices-list .thumbnail:after{
        display: none;
    }


    /* Department */

    .dropdown.open{
        margin: 0 !important;
        width: 100% !important;
    }
    
    .dropdown.open .caret-parent-container {
        display: none;
    }
    .dept-dropdown-header .dropdown-menu {
        border-top: 0px !important;
        border-radius: 0px !important;
        margin: 0px !important;
        font-size: 12px;
        padding: 15px;
        width: calc(100% + 30px);
        background: #000000;
        position: absolute;
        top: -70px;
        height: 2000px;
        max-height: initial;
        margin-left: 0px !important;
        left: -15px;
    }
    .dept-dropdown-header .dropdown-menu li {
        background: transparent !important;
        padding: 15px 0;
    }
    .dept-dropdown-header .dropdown-menu li a {
        color: #FFFFFF;
        font-size: 22px;
    }
    .no-touch .dept-dropdown-header .dropdown-menu>li>a:hover {
        background-color: transparent;
        color: #FFFFFF;
        height: auto;
    }
    
    .no-touch .landing-devices-list ul li a.landing-device-list-item:hover div:after {
        content: '';
        position: absolute;
        top: 38%;
        left: 61%;
        width: 0; 
        height: 0; 
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;   
        border-left: 6px solid #fff;
    }

    .machine-wells-container {
        display: none;
    }
    
    .wrap-thumbnail {
        min-height: auto;
        float: left;
        width: 20%;
        margin-top: -25px;
    }

    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
      font-size: 16px !important;
    }   
}

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

    .tileTab-text{
        font-size: 18px;
    }
    .tileTab-header{
        min-height: 60px;
    }

    .padding-xxs-lr-7{ padding-left: 7px !important; padding-right: 7px !important;}
    
    .padding-xxs-lr-5{ padding-left: 5px !important; padding-right: 5px !important;} 
	
	#reconfigureBackupBody .popover { 
		min-width: 200px !important;
	}
	
	.margin-xxs-b-50{margin-bottom: 50px !important;}

    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
      font-size: 16px !important;
    }
}