.pad-left-0 {
    padding-left: 0 !important;
}
.pad-right-0{
    padding-right: 0 !important;
}
.pad-bottom-10{
    padding-bottom: 10px;
}
.graph-min-height{
    min-height:250px;
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .login-body.custom_login{
        background-size: 58.9% !important;
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .login-body.custom_login {
        background-size: 50% !important;
    }
}
@media (max-width: 1199px) {
    .alt-row-color .col-sm-12.col-lg-6.col-md-12:nth-child(odd) .form-group {
        background-color: #f3f3f3 !important;
    }
    .alt-row-color .col-sm-12.col-lg-6.col-md-12:nth-child(even) .form-group {
        background-color: #fff !important;
    }
}

@media (min-width: 1000px) {
.login-body {
    background-size:auto auto;
}
}
@media (min-width: 981px) and (max-width: 1024px) {
	.custom_login .form-signin{
		max-width:100%;
	}
	
}
@media (min-width: 768px) and (max-width: 980px) {
    /*-*/
    .prd-row .action {
        right: 25px;
    }

    .hr-menu .brand{
        width: 100%;
    }

    .hr-menu .horizontal-menu {
        margin: 10px 0;
    }

    .hr-menu .hr-top-nav {
        margin-top: 10px;
        float: right;
    }
    .media-gal .item {
        width: 100%;
    }

    .media-filter {
        margin: 25px 0;
    }
	.custom_login .form-signin{
		max-width:100%;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
  .header{
    position: relative! important;
    margin-top: 80px ! important;
}
    .merge-header{
        margin-right: 0px !important;
    }
.brand{
    width: 100%;
    float: none;
    position: fixed;
    top: 0px;
    z-index: 1005;
}
    .sidebar-toggle-box{
        right: 10px;
    }
    .top-nav{
        margin-bottom: 20px;
    }
    .top-menu{
        margin-right: 10px;
    }
    .wrapper{
        margin-top: 0px;
    }
    ul.sidebar-menu {
        margin-top: 0px;
    }
    #sidebar{
        position: fixed !important;
        z-index: 1002;
        top: 80px;
    }
    #main-content{
        margin-left: 0px;
    }
    /*calendar*/
    .fc-button-inner {
        padding: 0;
    }
    /*-*/
    .prd-row .action {
        right: 25px;
    }

    .weather-full-info ul li {
        width: 15.8%;
    }

    .today-status {
        margin-bottom: 10px;
    }

    .hr-toggle {
        background: #32D2C9;
        color: rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        height: 30px;
        line-height: 0;
        margin-top: -58px;
        position: relative;
        width: 30px;
        z-index: 10000;
    }

    .hr-top-nav {
        display: inline-block;
        float: right;
        margin: 10px 0;
    }

    .horizontal-menu {
        width: 100%;
    }

    .horizontal-menu .navbar-nav > li {
        margin-bottom: 10px;
    }
    .lock-wrapper {
        padding: 0 20px;
    }

    .lock-wrapper img {
        width: 140px;
        height: 140px;
        margin-top: 10px;
    }

    .lock-pwd input {
        width: 70%;
    }

    #time {
        font-size: 100px;
    }
    .media-gal .item {
        width: 100%;
    }
    .media-filter {
        margin: 25px 0;
    }

    .media-filter + .pull-right, .media-filter + .pull-right + .btn  {
        float: left !important;
    }
}
@media (max-width:767px) {
    #sidebar {
        margin-left: -240px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .hide-left-bar {
        margin-left: 0px !important;
    }

    ul.sidebar-menu {
        padding-top: 0px;
    }
    /*-*/
    .prd-row .action {
        right: 25px;
    }

    .lock-wrapper {
        padding: 0 20px;
    }

        .lock-wrapper img {
            width: 140px;
            height: 140px;
            margin-top: 10px;
        }

    .lock-pwd input {
        width: 70%;
    }

    #time {
        font-size: 100px;
    }

    .media-gal .item {
        width: 100%;
    }

    .media-filter {
        margin: 25px 0;
    }

        .media-filter + .pull-right, .media-filter + .pull-right + .btn {
            float: left !important;
        }

    .custom_login .form-signin {
        max-width: 100%;
        margin: 0 0 10%;
    }

        .custom_login .form-signin .form-signin-heading > img {
            margin: 5% 0;
        }

        .custom_login .form-signin .form-signin-heading {
            width: 100%;
        }

        .custom_login .form-signin .login-wrap {
            width: 100%;
        }

    .big-dialog {
        width: 95%;
    }

    /*----14-10-19----*/
    .right-sidebar-dashboard {
        width: 100%;
    }

    a.logo {
        text-align: left;
    }

        a.logo img {
            margin-left: 15px;
        }

    .row.flex-wrapper.sidebar-dashboard-warpper .col-sm-8.col-lg-8.col-md-8 {
        width: 100%;
    }

    #workOrderCountgraphcontainer,
    #dvPieChartWorkOrderChartStatusWise {
        overflow: auto;
        clear: both;
    }

    .panel-heading .form-group.pull-right {
        float: none !important;
        margin-left: 0 !important;
        margin-top: 8px;
    }

    .footer {
        padding-right: 15px;
        padding-bottom: 10px;
        text-align: center !important;
    }

    .flex-wrapper {
        overflow-x: hidden;
    }

    .panel.small_table {
        width: calc(100vw - 30px);
        overflow: auto;
    }

    .prf-border-head .pull-right {
        /* float: none !important;*/
    }

    .modal-dialog.big-dialog[style="max-width:50%"] {
        max-width: 100% !important;
    }

    .modal-dialog[style="width:53%"] {
        width: auto !important;
    }

    #PIChartWorkOrderCountStatusWise {
        margin-left: 20px;
    }

    .panel-heading label {
        max-width: 260px;
    }
    /*----14-10-19----*/
    /*----15-10-19----*/
    .modal-dialog[style="width:80%"] {
        width: auto !important;
        max-width: 100% !important;
    }

    .date-wrapper .col-lg-offset-6.col-sm-offset-6 {
        margin-left: auto;
        margin-right: auto;
    }

    .pull-right.header-right-btns,
    .header-right-btns {
        float: none !important;
        padding-top: 8px;
        padding-bottom: 8px;
        display: block;
    }

    /*----15-10-19----*/
    .pull-right.qrcode {
        text-align: center;
        float: none !important;
    }

    .graph-overflow {
        overflow: auto;
        clear: both;
    }

    .graph-width {
        width: 450px;
    }
    .graph-width-wide {
       width:630px;
    }
    .graph-min-height {
        min-height: 0;
    }

    .single-chart .graph-width {
        width: 550px;
    }

    .timelines > li.timelines-inverted {
        padding-left: 0 !important;
    }

    .trn-ver-timeline-wrapper .timelines:before {
        left: 5%;
    }

    .timelines > li > .timelines-badge {
        left: 5% !important;
    }

    .timelines > li > .timelines-panel {
        width: 82% !important;
    }

    /*----26-12-19----*/
    .brand + .top-nav{
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999;
        max-width: 230px;
        margin-right: 35px;
    }
    #dvRefresh .row{
        display: flex;
        flex-wrap: wrap;
    }
    #dvRefresh + .row .btn{
        margin-top: 10px !important;
    }
    .top-nav ul.top-menu > li{
        margin-left: 5px;
    }
    /*----26-12-19----*/
    .header.fixed-top .brand img{
        max-width: 125px;
    }
}
    @media (max-width: 479px) {
        body{
       /* margin-top:80px !important;*/
       margin-top:45px !important;
    }
    #sidebar{
        top: 45px;
    }
    .header{
        position: relative !important;

    }
    .merge-header{
        margin-right: 0px !important;
    }
    .brand{
        width: 100%;
        float: none;
        position: fixed;
        top: 0px;
        z-index: 1005;
    }
    .sidebar-toggle-box{
        right: 10px;
    }
    .top-nav{
        margin-bottom: 20px;
    }
    .top-menu{
        margin-right: 10px;
    }
    .wrapper{
        margin-top: 0px;
    }
    ul.sidebar-menu {
        margin-top: 0px;
    }
    #sidebar{
        position: fixed !important;
        z-index: 1002;
        top: 45px;
    }
    #main-content{
        margin-left: 0px;
    }
    .notify-row{
        float: none;
    }
    /*calendar*/
    .fc-button-inner, .fc-button-content {
        padding: 0;
    }
    .fc-header-title h2 {
        font-size: 12px!important;
    }
    .fc .fc-header-space {
        padding-left: 0;
    }
    .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-active, .fc-button-today .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
        background: none repeat scroll 0 0 #FFFFFF !important;
        color: #32323A !important;
    }
    .fc-state-default, .fc-state-default .fc-button-inner {
        background: none repeat scroll 0 0 #FFFFFF !important;
    }

    /*-*/
    .prd-row .action {
        right: 25px;
    }

    .weather-full-info ul li {
        width: 30%;
        margin-bottom: 10px;
    }

    .today-status {
        margin-bottom: 10px;
    }

    .hr-toggle {
        background: #32D2C9;
        color: rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        height: 30px;
        line-height: 0;
        margin-top: -58px;
        position: relative;
        width: 30px;
        z-index: 10000;
    }

    .hr-top-nav {
        display: inline-block;
        float: right;
        margin: 10px 0;
    }
    .horizontal-menu {
        width: 100%;
    }

    .horizontal-menu .navbar-nav > li {
        margin-bottom: 10px;
    }

    .lock-wrapper {
        padding: 0 20px;
    }
    .lock-wrapper img {
        width: 100px;
        height: 100px;
        margin-top: -25px;
    }

    .lock-pwd input {
        width: 70%;
    }

    #time {
        font-size: 50px;
    }

    .lock-pwd {
        padding: 0;
    }

    .media-gal .item {
        width: 100%;
    }

    .media-filter {
        margin: 5px 0;
    }

    .media-filter + .pull-right, .media-filter + .pull-right + .btn  {
        float: left !important;
    }

    .media-filter li a {
        margin-bottom: 10px;
        display: inline-block;
    }
}


/* 14.04.2017 ===========================Smartphones (portrait and landscape) ----------- /*/
/*#IHScheine_Code{
    margin-bottom:10px;
}*/

@media (max-width: 767px) {
.btn-push a{
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-push button{
    margin-top: 10px;
}

.prf-border-head a{
    margin-top: 10px;
}
}
@media (min-width: 767px) {
.pull-md-right{
    float: right;
}
}
.creat_ofr_frm label{
    padding: 0px;
}

.no-padding{
    padding: 0px;
}

.footer {
    z-index: 9999 !important;
}

/*/ iPads (portrait and landscape) ----------- /*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .login-body.custom_login{
        background-size: 100% !important;
    }
    .login-body.custom_login .form-signin{
        margin-left: auto;
        margin-top: 8%;
    }
    .login-body.custom_login{
        background-position: bottom right;
    }
}

/*/ iPads (landscape) ----------- /*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .login-body.custom_login{
        overflow: visible;
    }
}

/*/ iPads (portrait) ----------- /*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.right {
    float: none !important;
    margin-top: 10px;
}
.dvIns{margin-left: 0px!important;}
.inline_button a{ margin-bottom: 10px; }
}

/*/ iPhone 4 ----------- /*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
.right {
     float: none !important; 
     margin-right: 0px !important; 
     margin-top: 10px;
}
.dvIns{margin-left: 0px!important;}
.inline_button a{ margin-bottom: 10px; }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
.left {
    float: none !important;
    margin-left: 0px !important;
}

.inline_button a{
        margin-bottom: 10px;
    }
    .dvIns{margin-left: 0px!important;}
}

/*/ iPhone 5 ----------- /*/
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    .btn-danger{
        margin-top: 10px;
    }
    
    .allanihnotes_sec .btn-danger{
    margin-top: 0px !important;
    }
    .dvIns{margin-left: 0px!important;}
}

/*/ iPhone 6 ----------- /*/
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
 .right{
        float:none !important;
    }
    
    .left {
        float: none !important; 
        margin-left: 0px !important; 
        margin-bottom: 10px;
    }
    
    .inline_button a{
        margin-bottom: 10px;
    }
    .dvIns{margin-left: 0px!important;}
}

/*/ iPhone 6+ ----------- /*/
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){

    .right{
        float:none !important;
    }
    
    .left {
        float: none !important; 
        margin-left: 0px !important; 
        margin-bottom: 10px;
    }
    
    .inline_button a{
        margin-bottom: 10px;
    }
    .dvIns{margin-left: 0px!important;}
}

table.tablesorter thead tr .header{
    z-index: 9;
}

/*.wrapper {
    overflow: auto;
}*/

/*
.inline_button button{
    margin-bottom: 10px;
}*/

.allanihnotes_sec .btn-danger{
    margin-top: 0px;
}

.margin_none{
    margin-bottom: 10px;
}

/* 14.04.2017==================================*/


img {
    max-width: 100%;
}

.tooltip.top{
    z-index: 1;
}

textarea {
    resize: none;
}

.box03 .panel-heading {
    background: #fff;  /*#57c8f1;*/
    border-bottom-color: #0281b5;
    margin-bottom: 10px;
}
h1.mainTitle{
    font-size: 20px !important;
}

/*.date{
    margin-bottom: 5px;
}*/


/*----------30-12-19-----------*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
    .login-body.custom_login{
        background-size: 100% !important;
    }
}

/*----------30-12-19-----------*/

/*-----------14-02-20----------*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71){
    .header.fixed-top .brand img{
        max-width: 90px;
    }
}
@media (max-width: 480px) {
    .top-nav li.dropdown .dropdown-menu{
        left: -30px;
    }
    .header.fixed-top .brand img{
        max-width: 105px;
        margin-left: 4px;
        margin-left: 19px;
    }
}
/*-----------14-02-20----------*/