/*
    Overidding Css rules to fix existing template
*/
/* 
    Created on : 6 Feb, 2017, 10:29:48 AM
    Author     : ishwar
*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    //Tablet View
    .clientlogo img {
        height: 70px;
        margin: 0px 15px;
    }
    .login_container {
        padding: 0px 20px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    //Medium Display
}
@media only screen and (min-width: 1200px) and (max-width: 1823px) {
    //large Display
}
@media only screen and (min-width:0px) and (max-width:767px) {
    .top_menu {
        display: none;
        position: absolute;
        left: 0px;
        top: 70px;
        width: 100%;
        background: rgb(255, 255, 255);
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    }
    .top_menu .navbar-nav .open .dropdown-menu > li > a {
        white-space: normal !important;
        line-height: 20px;
        font-size: 13px;
    }
    .responive_toggle_btn {
        cursor: pointer;
        margin: 0px;
        position: absolute;
        right: 10px;
        top: 32px;
        z-index: 555;
    }
    #content .container {
        padding: 15px;
    }
    #content .container .aligncenter {
        width: initial;
    }
    .notresponsive {
        width: initial !important;
    }
    .clientlogo img {
        height: 50px;
        margin: 0px 15px;
    }
    nav ul.menuClient {
        float: none !important;
        margin-left: -15px !important;
    }
    ul.menuClient li {
        margin-bottom: 0px;
    }
    .navbar-collapse {
        border-top: none;
    }
    .login_container {
        padding: 0px 20px;
    }
    .footer-right, .footer-left {
        float: none;
        text-align: center;
    }
    .footer-left > .copy_r {
        float: none;
    }
    .panel-title h2 {
        float: none;
        font-size: 13px;
    }
    .searchcontainer label {
        width: 200px;
    }
    .select_id select {
        width: 100%;
    }
    .panel-title {
        float: none;
    }
    .proceed_iPhone {
        right: 0;
        position: static;
        margin-top: 1px;
        margin-right: 14px;
    }
    .iPhone_proceed {
        text-align: center;
    }
    .table-responsive1 {
        /*width: 260px;*/
        overflow-x: scroll;
    }
}
@media (max-width: 768px) {
    .rightsidebar {
        display: block !important;
        z-index: -1;
    }
    .rightsidebar .accessibility_right {
        float: none;
    }
    .accessibility_right {
        padding: 0px;
    }
    .panel-body {
        padding: 15px;
    }
    .header-btns {
        position: relative;
        right: -22px;
        padding: 0px !important;
        width: 285px;
        border: 1px soild red !important;
    }
    /*    .header-btns div.user-menu {
        float: right;
    }*/
    .navbar-brand {
        z-index: 555;
    }
    .header-btns ul.settings-menu1 {
        margin-left: 0px !important;
    }
    ul.settings-menu1 li.settings-arrow {
        left: 0px !important;
    }
    .header-btns ul.messages-menu1 {
        margin-left: 7px !important;
    }
    ul.messages-menu1 li.messages-arrow {
        left: 0px !important;
    }
    .header-btns ul.user-account {
        margin-left: 0px !important;
    }
    ul.user-account li.user-arrow {
        left: 0px !important;
    }
    .img_resize {
        margin-top: 0;
        width: 80px !important;
    }
    .inlinehelp {
        float: none;
        margin-left: 0px;
        position: inherit;
        width: initial !important;
        z-index: 90;
    }
    .inlinehelp .arrow-left {
        display: none;
    }
    .preferenceid ul {
        padding: 0px !important;
    }
    .alert-warning {
        padding: 10px;
    }
    iframe {
        width: 94vw;
    }
    .panel-body {
        padding: 15px !important;
    }
    .docselection {
        width: 95% !important;
        margin: 0px 10px;
    }
    .documentcontainer {
        height: initial !important;
    }
    .panel-heading ~ .inlinehelp {
        margin: 15px !important;
    }
    .form-group ~ .inlinehelp {
        margin: 15px !important;
    }
    .imghelp {
        margin-left: 0px !important;
        position: relative;
        bottom: -5px;
        z-index: 1000 !important;
    }
    .imghelp img {
        padding: 0px;
        max-width: 100%;
        max-height: 150px;
    }
    body.login-page .panel {
        width: initial !important;
        margin: 10px;
    }
    .rightsidebar.accessibility_right {
        position: absolute;
        top: 20px;
        right: 70px;
    }
    .reports_width {
        width: initial !important;
    }
    .well-tabs {
        float: none;
        white-space: nowrap;
        overflow-y: scroll;
        margin: 0px;
    }
    .well-tabs li {
        display: inline-block !important;
        margin: 10px 2px;
        float: none !important;
    }
    .availableactions {
        padding: 0px;
    }
    .user-menu b {
        display: none !important;
    }
    .rightsidebar_forgot {
        margin-top: -25px;
        left: 5%;
        width: initial;
    }
    body.login-page {
        margin-top: 40px;
    }
    .listofdocs_right, .listofdocs_left {
        float: none !important;
    }
    .min-width {
        min-width: initial !important;
    }
    .floatit {
        width: 90%;
    }
    .inlinehelp a.btn {
        margin-top: 2px;
        padding: 1px 4px;
    }
    .row > .inlinehelp {
        margin: 15px;
    }
    .reportscontainer > ul {
        padding-left: 0px;
    }
    .dataTables_filter label {
        float: none !important;
    }
    #rootwizard .wizard-wrapper {
        padding: 20px 0px !important;
        white-space: nowrap;
        overflow-x: scroll;
    }
    #rootwizard .wizard-wrapper .wizard-steps li {
        width: 125px;
    }
    .screenlock-page .form-group .input-group {
        margin-left: initial !important;
    }
    .screenlock-page .col-sm-8 #password {
        width: 100% !important;
    }
    ul#tree label {
        width: 80% !important;
    }
    ul#tree li .checkbox {
        width: 25px !important;
    }
    table .btn-group {
        min-width: 70px !important;
    }
    .table-of-visable {
        overflow: auto !important;
    }
    #ui-datepicker-div {
        z-index: 100 !important;
    }
    .text_area_1 textarea {
        width: initial !important;
    }
    .doc_selection_1 label {
        width: 100% !important;
    }
    #getPostCodeSearch {
        max-width: 120px;
    }
    .bordered_box {
        overflow: auto !important;
    }
    .no-padding {
        padding: 0px !important;
    }
    .btn_reports {
        display: block;
        clear: both;
    }
    .docselection .btn + .btn {
        margin: 2px;
    }
    .modal-header .modal-title {
        line-height: initial;
    }
    .modal-dialog-video {
        width: initial !important;
    }
    .modal-dialog-video video {
        width: 100%;
        height: initial;
    }
    #divDL span {
        width: 100%;
    }
    #divDL span .breakline {
        display: block !important;
    }
    .overflow-auto {
        overflow: auto;
    }
    .overflow-auto input {
        margin-right: 15px;
    }
    #frmRecipients {
        min-width: 800px;
    }
    td {
        word-break: break-all;
        overflow-wrap: break-word;
    }
    .panel-heading > h2 {
        float: none;
        font-size: 13px;
    }
}
/* Landscape */
@media only screen and (max-width: 1024px) {
    .aligncenter {
        margin: 0 auto;
        width: 75%;
    }
    .select_id select {
        width: 45%;
    }
    .menubar_toggle_down, .menubar_toggle_up {
        display: none !important;
    }
}
/* Landscape */
@media only screen and (max-width: 1280px) {
    .select_id select {
        width: 46%;
    }
}
.h3border {
    border-color: #CCCCCC !important;
}
@media (max-width: 972px) {
    .inlinehelp {
        float: none;
        margin-left: 0px;
        position: inherit;
        width: initial !important;
        z-index: 90;
    }
    .inlinehelp .arrow-left {
        display: none;
    }
    .form-group ~ .inlinehelp {
        margin: 15px !important;
    }
    .panel-heading ~ .inlinehelp {
        margin: 15px !important;
    }
    iframe {
        width: 88vw;
    }
    .panel-body {
        padding: 15px !important;
    }
}