/* Global Styles */

body {
    margin-top: 50px;
    background-color: #fff;    
    overflow: hidden;/* To Do: need to re-look this, as i have removed scrollbar from boy. what happens if data exceeds? */
}

#wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
    padding: 0;
    background-color: #fff;
}

.huge {
    font-size: 50px;
    line-height: normal;
}



/* Top Navigation */

.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a, {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}

.top-nav>li>img {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>li>img:hover,
.top-nav>li>img:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color:inherit;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}

/* Side Navigation */



.side-nav .custom-side-nav>li>ul {
    padding: 0;
}

.side-nav .custom-side-nav>li>ul>li a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #000000;
}

.side-nav .custom-side-nav>li>ul>li a:hover {
    color: #fff;
}
.side-nav .custom-side-nav>li>ul>li a>i{
    color: #959595;
}
.navbar-inverse .navbar-nav>li>a {
    color: #000000;  
}
/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}

/* --- styles for top nav bar ---- */
.navbar-brand{
    padding: 0px 15px;
    
}
.navbar-brand>img{
    width: 131px;
    vertical-align: middle;
    padding-top: 15px;
    padding-left: 6px;
}

.home-page-content{
    height:700px;
}
.top-navbar{
    height: 51px;
    background-image: url(../../../assets/images/others/page_header_bg.png) !important;
    color: #ffffff;
    border:none;
    width: 100%;
}
#wrapper>.top-navbar{
    display: flex;
    align-items: center;    
    justify-content: space-between;    
    min-width: 1024px;     
    height: 51px !important;
}

#wrapper>.top-navbar.navbar-inverse{
    background-color: #E0922D;
}
.top-nav-rhs-items{
    display: table-cell;
    padding-left: 10px;
}
.top-nav-rhs-items>li{
    float:left;
    width:20px;
}
.top-nav-rhs-items>li:first-child{
    min-width: 315px;
    padding-right:10px;
    padding-top:15px;
    font-size: 12px;
    color: #fff;
}
.top-nav-rhs-items>li>a{
    padding-left:1px;
    padding: 11px 0px 15px 0px;
}
.top-nav-rhs-item-label-conditional-1{
    min-width: 200px !important;
}
.top-nav-rhs-item-label-conditional-2{
    min-width: 150px !important;
}
.overflow-ellipsis-admin{    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-nav-rhs-items>li>a:hover{
    background-color: inherit;
}
.top-nav-middle-items{
    margin: 0 auto;
    display: table-cell;
    height: 51px;
    padding-right: 0px;
    padding-left: 0px;
}
.top-nav-middle-items .topnav-errorbar{
       background: #4A4A47;
       border-radius: 5px;
       margin-top: 5px;
       width: auto;
       height: 40px;
      padding-right: 8px
}
.top-nav-middle-items .topnav-errorbar>li{
    float:left;
    margin-top: 10px;
}
.top-nav-middle-items .topnav-errorbar>li>a,
.top-nav-middle-items .topnav-errorbar>li>.objects-changed
{
   padding-left: 10px;
   color: white;
   font-size: 12px;
   text-decoration: none;
}
.top-navbar > .top-nav-section-1{
    position: absolute;
    left: 0px;top:0px;    
    width: fit-content;
}
.top-navbar > .top-nav-section-2{
    margin:0 auto;
    overflow: hidden;
    min-width: fit-content;
    height: inherit;
}
.top-navbar > .top-nav-section-3{
    position: absolute;
    right: 0px;
    top:0px;
    width: fit-content;
    height: inherit;
    overflow: hidden;
}
.objects-changed{
    padding-top:3px;
}

.top-nav-middle-items .topnav-errorbar>li:nth-child(3)
{
   margin-left: 0px;
}
.top-nav-middle-items .topnav-errorbar>li:last-child
{
   margin-left: -4px;
}
.top-nav-middle-items .topnav-errorbar>li:nth-child(2)
{
   margin-left: -2px;
}
/* --- /styles for top nav bar ---- */


/* -- /common css for application -- */
.app-theme-bgcolor{
    background: #df8a13 !important;
}
.no-padding{
    padding:0px !important
}
.no-margin{
    margin:0px !important
}
.inherit-parent-height{
    height:inherit !important;
}
.inherit-parent-width{
    width:inherit !important;
}
.height-100-percent{
    height: 100% !important;
}
.width-100-percent{
    width: 100% !important;
}
.icon-remove-circle:before{
   content:url(../../../assets/images/close_small.png);            
}
.icon-alarm-event-small:before{
    content: url(../../../assets/images/icons/alarm_event_small.png)
}

.icon-error_large:before{
    content: url(../../../assets/images/icons/error_large.png)
}

.form-input-text-type-1{
        color: #000;
        height: 22px;      
        border: 1px solid #A5A5A5;  
        border-radius: 0px;
        background: #F5F5F5;
        padding-left: 2px;
        padding-top:0px;
    }

/* gray button */
.btn-type-1{
    color: #000;
    border: 1px solid #000;
    border-radius: 4px;
    padding: 2px 12px 2px 12px;
    font-size: 12px;
    white-space: nowrap;
    /* gradient color */
        background: #D9D9D9; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#D9D9D9, #AEAEAE); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#D9D9D9, #AEAEAE); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#D9D9D9, #AEAEAE); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#D9D9D9, #AEAEAE);        
    /* /gradient color */
}
.btn-type-1[disabled="disabled"]{
    background: #D8D8D8;
    border-color: #B8B8B8;
}
/* orange button */
.btn-type-2{
        color: #FFFFFF;
        border: 1px solid #784504;
        border-radius: 4px;
        padding: 2px 12px 2px 12px;
        font-size: 12px;

        /* gradient color */
        background: #C9780F; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#F6BE73, #C9780F); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#F6BE73, #C9780F); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#F6BE73, #C9780F); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#F6BE73, #C9780F);        
        /* /gradient color */
}
.btn-type-2[disabled="disabled"]{
    background-color: #F7D8B1;
    border-color: #C9B49A;
    color: #888888;
}

/* red button */
.btn-type-red{
    color: #FFFFFF;
    border: 1px solid #C49292 ;
    border-radius: 4px;
    padding: 2px 12px 2px 12px;
    font-size: 12px;
    
    /* gradient color */
    background: #FF2525; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FF6666, #FF0202); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF6666, #FF0202); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF6666, #FF0202); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF6666, #FF0202);        
    /* /gradient color */
}

/* same as btn-type-1 but with more gradient*/
.btn-type-3 {
    background: #e0e0e0;
    background-image: -webkit-linear-gradient(top, #e0e0e0, #aaaaaa);
    background-image: -moz-linear-gradient(top, #e0e0e0, #aaaaaa);
    background-image: -ms-linear-gradient(top, #e0e0e0, #aaaaaa);
    background-image: -o-linear-gradient(top, #e0e0e0, #aaaaaa);
    background-image: linear-gradient(to bottom, #e0e0e0, #aaaaaa);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #000000;
    font-size: 13px;
    padding: 2px 13px 2px 13px;
    border: solid #787878 1px;
    text-decoration: none;
}
.btn-type-3[disabled="disabled"]{
    background: #D8D8D8;
    border-color: #B8B8B8;
    color: #B8B8B8;
}

 .ng-invalid :focus{
         border-color: red;
        outline-color: red;
    }
    
/* generic css code for forms */
.generic-form .form-top-part{
    background: #dadada,#e0e0e0, #f0f0f0;
    background-image: -webkit-linear-gradient(top, #f0f0f0, #e0e0e0);
    background-image: -moz-linear-gradient(top, #f0f0f0, #e0e0e0);
    background-image: -ms-linear-gradient(top, #f0f0f0, #e0e0e0);
    background-image: -o-linear-gradient(top, #f0f0f0, #e0e0e0);
    background-image: linear-gradient(to bottom, #f0f0f0, #e0e0e0);
    padding: 20px 10px 20px 10px;
}
.generic-form .form-top-part .form-element-container{
    padding:5px 5px 0px 5px;
    position:static !important;/* to correct positioning of tooltips */
}
.generic-form .form-top-part input[type="text"]{
    height: 37px !important;     
    font-weight: bold !important;
    font-size: 20px !important;
}
.generic-form input[type="text"],.generic-form input[type="password"]{
    border-radius: 0px;
    border-color: #A5A5A5;
    padding: 0px 0px 0px 2px;
}
.generic-form .form-label-text-style {
    color: gray;
    font-size: 12px;
    word-wrap: break-word;
    font-family: Arial !important;
    margin-top:0px;
}
.generic-form .form-image-container{
    text-align: center;
}
.generic-form .form-tabs-container{
    margin-top: -2%;
}
.generic-form .ng-invalid {
    border-color: red !important;;
    outline-color: red !important;;
}
.custom-invalid,.custom-invalid:focus {
    border: 1px red solid !important;
}

/* overriding the bootstrap pre css
* this class is used in system settings page
*/
.custom-pre{    
    padding: 0px;
    margin: 0px;
    font-size: 13px;    
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: transparent;
    border: none;
    border-radius: 0px;
}
/* end of generic css code for forms */

/* time-picker css overriding */
.time-picker input[type="text"]{
    height: 25px;
    width: 25px;
}
.time-picker button{
    padding: 0px;
    font-size: 11px;
    height: 25px;
    width: 25px;
    font-weight: bold;
}
.time-picker .uib-increment>a{
    padding:0px;
    color: grey;
}

.time-picker .uib-decrement>a{
    padding:0px;
}
.time-picker tbody{
    border-bottom: none;
}

/* dynamic progress bar */
.dynamic-progress-bar-container {
  height: 23px;
  border-style: solid;
  border-width: 1px;  
  background-color: #F5F5F5;
  border-color: #aaa;  
}

.dynamic-progress-bar-status {
  width: 0px;
  background-color: #27A6CD;
  height: 100%;
  color: #fff;
  font-weight: normal  
}


.icon-right-arrow:before{
    content:url(../../../assets/images/right_arrow.png);            
}
.icon-header-sortdown:before{
    content:url(../../../assets/images/header_sortdown.png);            
}
.icon-header-sortup:before{
    content:url(../../../assets/images/header_sortup.png);            
}
.icon-collapsed-arrow:before{
    content:url(../../../assets/images/collapsed_arrow.png);            
}
.icon-expanded-arrow:before{
    content:url(../../../assets/images/expanded_arrow.png);            
}
.icon-collapsed-arrow-selected:before{
    content:url(../../../assets/images/collapsed_arrow_selected.png);            
}
.icon-expanded-arrow-selected:before{
    content:url(../../../assets/images/expanded_arrow_selected.png);            
}
.icon-add_small:before{
    content:url(../../../assets/images/add_small.png);       
}
.icon-remove_small:before{
    content:url(../../../assets/images/remove_small.png);       
}
.icon-video-monitoring-small:before{    
    content:url(../../../assets/images/icons/nav/video_monitoring_small.png);
}
/* used in accesslevels and schedules page*/
.chkbk-list-container{
    border:1px solid #a5a5a5;    
    overflow-y: auto;
    min-height: 70px;
}
.chkbk-list-item{
    height:35px;
   border-bottom:1px solid #a5a5a5;   
   padding-left: 2px;
   padding-top: 6px;
}


/* table-type-1*/
.table-type-1{
    border: 1px solid #b3b3b3;
}
.table-type-1 thead th{
    font-weight: bolder;
    color: #000000;
    padding: 5px !important;
    border: 1px solid #b3b3b3;
}
.table-type-1 tbody tr td{
    padding: 4px;
}
.table-type-1 tbody tr:hover,.table-type-1 thead th:hover{
    background-color:#b2e1ff !important;
}
.table-type-1 tbody tr:nth-child(odd) {
    background-color: #f5f5f5;
 }
.table-type-1-selected-row{
    background-color:#7fceff !important;
}

.disabled-section{
    pointer-events: none;    
    background: #D8D8D8 !important;
    border-color: #B8B8B8;
    color: #B8B8B8 !important;
}
.custom-pointer {
    cursor: pointer;
}
.disable-opacity {
    opacity: 0.4;
}
.custom-disable {
    pointer-events: none;
    opacity: 0.4;
}
.custom-disable-2 {
    pointer-events: none;
    opacity: 1;
}
fieldset:disabled button,fieldset:disabled input[type="button"]{
    pointer-events: none;
    opacity: 0.4;
}
.exception-details-popup-list{
    list-style: none;
    padding-left: 0px;
}
.exception-details-popup-list li{
    float: left;
    width: 100%;
    font-size: 13px;
}
.exception-details-popup-toggler{
    font-weight: normal;
    font-size:13px;
}
.pre-wrap{
    white-space: pre-wrap;    
}
.exception-details{
    display:block;
    width:100%;
    word-break: keep-all;
    font-size: 14px;
}

.tooltip-warnings+ .tooltip > .tooltip-inner{
    text-align:left!important;
    padding-top:9px!important;
}
.custom-warningstooltip + .tooltip > .tooltip-inner {
       background-color: #fff7d2!important;
       border: 1px solid #cccccc;
       opacity:1!important;
       color:black!important;
       width:auto;
       max-width:400px;
       font-size:9px!important;    
}

.top-nav-username-label{
    color: #ffffff;
    font-weight: normal;
    font-family: Arial !important;
    font-size: 12px;
    float:right;
}

.disabled-overlay{
    position: absolute;
    z-index: 1000;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #000000;
    opacity: .50;
}

.elipses-text-label{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* .focused-controls{
    background-color: #fce6aa !important;
} */

/* -- CSS Override for Focused controls --*/
.focused-controls,
.focused-controls:not(:checked) + label:before,
.focused-controls:checked + label:before {    
background: #fce6aa !important;
}



/*alternate row colors for grid*/

 .grid-row-odd {
        background-color: #F7F7F7;
    }
    
    .grid-row-even {
        background-color: 	#FFF;
    }

.form-secondary-part{
    height: 65vh;
    overflow-y: auto;
}
.button-container-div{
    display: inline-block;
}

.form-page-container-div{
    overflow-y: auto;
    overflow-x: hidden;
}
.interval-add-remove-btn-container button{
    margin-left: 5px;
    float: right;
}

.disable-overflow{
    overflow: hidden;
}
.status-input-text{
    height: 21px !important;
    font-size: 13px;
    color: #afb7b7;
    padding: 4px;
}
.exception-error-image{
    padding-left:15px;
    height:45px;
}
.holidays-margin{
    border-top:1px solid #a5a5a5;
}
.padding-bottom-50px{
    padding-bottom: 50px !important; 
}
.margin-bottom-50px{
    margin-bottom: 50px !important; 
}
/* removing extra padding for placeholder in IE */
:-ms-input-placeholder {  
    padding: 0px;
 }

 .last-cell-sort-icon{
    position: relative;
    right: 10px;
}
/* -- common css for application -- */


/* media queries */
@media(min-width:768px) {
    body {
        margin-top: 50px;
    }
    #wrapper {
        padding-left: 217px;
    }
    .side-nav {
        position: fixed;
        top: 51px;
        left: 217px;
        width: 217px;
        margin-left: -217px;
        border: none;
        border-radius: 0;
        overflow-y: hidden;
        background-color: #fff;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav .custom-side-nav>li>a {
        width: 217px;
    }

    .side-nav .custom-side-nav li a:focus {
        background-color: #fff;
        color: #000000;
    }
    .side-nav .custom-side-nav li a:hover{
        outline: none;
        background-color: #000 !important;
    }
}

@media (max-width:900px){
    .chkbk-list-item-name{
        font-size: 11px;
    }
}
@media (max-width:1024px){
    .top-nav-rhs-item-label-conditional-1{
        min-width: 165px !important;
    }
    .top-nav-rhs-item-label-conditional-2{
        min-width: 80px !important;
    }
}
@media (max-width:1160px){
    .top-nav-rhs-items>li:first-child{
        min-width: 250px;
    }
    .top-nav-rhs-item-label-conditional-1{
        min-width: 175px !important;
    }
    .top-nav-rhs-item-label-conditional-2{
        min-width: 100px !important;
    }
}
.no-padding-left{
    padding-left : 0px !important;
}
.no-padding-right{
    padding-right : 0px !important;
}

.dropdown-menu-right-align{
    right:0px;
    left:auto;
}

.dropdown-menu-right-align li{
    float:right;
    width: 100%;
    text-align: right;
}
.custom-eventtooltip.tooltip > .tooltip-arrow { 
    display: none;
}

.tooltip-eventcontent+ .tooltip > .tooltip-inner{
    text-align:left!important;
    padding-top:9px!important;
}
.custom-eventtooltip.tooltip > .tooltip-inner {background-color: #fff7d2!important;
       border: 1px solid #cccccc;
       box-shadow: 0 0 23px 6px #D8D8DA;
       opacity:1!important;
       color:#000000;
       width:auto;
       max-width:400px;
       font-size:10px!important;
}
.tooltip-person-image{
    width: 75px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.avoid-clicks {
    pointer-events: none;
}
.margin-auto{
    margin:auto;
}
.plus-btn-text{
    position: relative;
    top:-2px;
}
.minus-btn-text{
    position: relative;
    top:-2px;
}
.more-btn-text{
    position: relative;
    top:-5px;
}

/* vertical alignment */
.form-responsive-content{
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 200px);
    padding-bottom: 50px;    
}
.list-view-container{
    height: calc(100% - 40px);
}
.tree-list-view {
    height: calc(100% - 40px);
}
.generic-form-second-half{
    height: calc(100% - 125px);
}

.height-calc-sub-10px{
    height:calc(100% - 10px);
}
.height-calc-sub-25px{
    height:calc(100% - 25px);
}
.height-calc-sub-35px{
    height:calc(100% - 35px);
}
.height-calc-sub-40px{
    height: calc(100% - 40px);
}
.height-calc-sub-50px{
    height: calc(100% - 50px) !important;
}
.height-calc-sub-115px{
    height: calc(100% - 115px) !important;
}
.height-calc-sub-120px{
    height:calc(100% - 120px);
}
.height-calc-sub-127px{
    height:calc(100% - 127px);
}
.min-height-120px{
    min-height: 120px;
}

.person-form .form-responsive-content{
    height: calc(100% - 15px);
    padding-bottom: 0px;
}
.person-form .generic-form-second-half{
    height: calc(100% - 181px);    
}
.persons-form-container{
    height: calc(100% - 25px);
}
.access-levels-form .form-responsive-content{
    height: calc(100% - 10px);
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:10px;
}

.schedules-form .form-responsive-content{
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;   
    padding-bottom:0px;  
}
.schedules-form .schedules-tab-1 .form-responsive-content{
    height: calc(100% - 40px);
    border-top: 1px solid #a5a5a5;
}
.schedules-form .schedules-tab-2.form-responsive-content{
    height: calc(100% - 10px);
    padding-bottom: 50px;    
}

.holidays-form .generic-form-second-half{
    height: calc(100% - 210px);
    overflow-y: auto;
    overflow-x: hidden;
}
.holidays-form .form-responsive-content{
    height: calc(100% - 100px);
}

.reader-groups-form .generic-form-second-half{
    height: calc(100% - 155px);
}
.reader-groups-form .form-responsive-content{
    height: 100%;
    padding-top: 15px;
}

.area-definition-form .generic-form-second-half{
height: calc(100% - 115px);
}
.area-definition-form .form-responsive-content{
    padding:15px 15px 50px 15px;
    height: 100%;
}

.reader-assignment-form{
    height: calc(100% - 70px);
    margin:30px;
}
.reader-assignment-form .form-responsive-content{
    height: calc(100% - 75px);  
    padding: 0px;  
    border: 1px solid #999999;
}

.floor-groups-form .generic-form-second-half{
    height: calc(100% - 130px);
}
.floor-groups-form .form-responsive-content{
    height: 100%;  
    padding: 0px 0px 50px 0px;    
}

.video-layouts-form .generic-form-second-half{
    height: calc(100% - 170px);
    overflow-y: auto;
}

.reports-form .generic-form-second-half{
    height: calc(100% - 188px);
    width: 100%;   
}
.reports-form .form-responsive-content{
    height: 100%;
    padding-bottom:30px;
    overflow-y: auto;
    overflow-x: hidden;
    width: inherit;
}

.operator-roles-form .generic-form-second-half{
    height: calc(100% - 114px);    
    padding: 15px 15px 50px 15px;
    margin: 0px;
    overflow-y: auto;
}
.operator-roles-form .form-responsive-content{
    height: calc(100% - 35px);
    overflow: auto;    
    padding-bottom: 15px;
}

.backup-restore-page .generic-form-second-half{
    height: calc(100% - 38px);
}
.backup-restore-page .form-responsive-content{
    height: calc(100% - 10px);
}
.save-reset-page .generic-form-second-half{
    height: calc(100% - 38px);
}
.save-reset-page .save-reset-form{
    width:100%;
} 
.system-settings-page .generic-form-second-half{
    height: calc(100% - 60px);
}
.system-settings-page .form-responsive-content{
    height: calc(100% - 14px);
    overflow: auto;
}

.network-share-form .generic-form-second-half{
    height: calc(100% - 114px);
    overflow-y: auto;
}

.card-formats-form .generic-form-second-half{
    height: calc(100% - 173px);
    overflow-y: auto;
}
.language-packs-page.generic-form-second-half{
    height: calc(100% - 38px);
    overflow-y: auto;
}
.plugins-form .generic-form-second-half{
    height: calc(100% - 110px);
    padding: 15px 15px 0px 15px;
    overflow-y: auto;    
}
.plugins-form .form-responsive-content{
    overflow: hidden;
    min-height: 195px;
    height: calc(100% - 30px);
    margin-bottom: 30px;    
}
.firmware-update-page .generic-form-second-half{
    height: calc(100% - 38px);
    overflow-y: auto;
    overflow-x: auto;
    width: 100%;
}

.email-lists-form .generic-form-second-half{
    height: calc(100% - 122px);
    overflow-y: auto;
}
.email-lists-form .form-responsive-content{
    overflow: auto;
    height: 100%;
    min-height: 100px;
    padding-bottom: 0px;
}
.email-server-page .generic-form-second-half{
    height: calc(100% - 38px);
    overflow-y: auto;
    overflow-x: auto;
}

.devices-form.desder-device-form .generic-form-second-half{
    height: calc(100% - 175px);
    overflow: unset;
}
.devices-form.desder-device-form .form-responsive-content{
    overflow-y: auto;
    height: calc(100% - 15px);
    padding-bottom: 0px;
    margin-bottom: 10px;
}
.devices-form.dec-device-form .generic-form-second-half{
    height: calc(100% - 175px);
    overflow: unset;
}
.devices-form.dec-device-form .form-responsive-content{
    overflow-y: auto;
    height: 100%;
    padding-bottom: 0px;
}
.devices-form.io-elevator-device-form .generic-form-second-half{
    height: calc(100% - 175px);
    overflow: unset;
}
.devices-form.io-elevator-device-form .form-responsive-content{
    overflow-y: auto;
    height: calc(100% - 15px);
    padding-bottom: 0px;
}
.devices-form.system-controller-form .generic-form-second-half{
    height: calc(100% - 200px);
    overflow: unset;
}
.devices-form.io-expander-form .generic-form-second-half{
    height: calc(100% - 200px);
}
.devices-form.system-controller-form .form-responsive-content{
    overflow-y: auto;
    height: calc(100% - 15px);
    padding-bottom: 0px;
    padding-top: 15px;
}
.video-page .generic-form-second-half{
    height: calc(100% - 41px);
}

.io-page.generic-form-second-half{
    height: 100%;
    overflow-y: auto;
    overflow-x:hidden;
}
.diagnostic-form.generic-form-second-half{
     height: 100%;
    overflow-y: auto;
}
.action-triggers-monitoring-page .generic-form-second-half{
    height: calc(100% - 38px);
    overflow-y: auto;
}
 .events-page.generic-form-second-half{
        height: calc(100% - 38px);
        overflow-y: auto;
        overflow-x: hidden;
}
.anti-passback-page.generic-form-second-half{
    height: 100%;
    overflow-y: auto;
    overflow-x:hidden;
}

.devices-form.door-controller-form .generic-form-second-half{
    height: calc(100% - 175px);
    overflow: unset;
}
.devices-form.door-controller-form .form-responsive-content{
    overflow-y: auto;
    height: 100%;
    padding-bottom: 0px;
}
.devices-form.dvr-device-form .generic-form-second-half{
    height: calc(100% - 200px);
    overflow: unset;
}
.devices-form.dvr-device-form .form-responsive-content{
    overflow-y: auto;
    height: calc(100% - 25px);
    padding-bottom: 0px;
    padding-top: 15px;
}

.devices-form.camera-devices-form .generic-form-second-half{
    height: calc(100% - 200px);
    overflow: unset;
}
.devices-form.camera-devices-form .form-responsive-content{
    overflow-y: auto;
    height: calc(100% - 25px);
    padding: 15px 0px 0px 0px;
}

.devices-form.door-device-form .generic-form-second-half{
    height: calc(100% - 200px);
    overflow: unset;
}
.devices-form.door-device-form .form-responsive-content{
    overflow-y: auto;
    height: 100%;
    padding-bottom: 0px;
}

.devices-form.reader-device-form .generic-form-second-half{
    height: calc(100% - 200px);
    overflow: unset;
}
.devices-form.reader-device-form .form-responsive-content{
    overflow-y: auto;
    height: 100%;
    padding-bottom: 0px;
    
}
@media(min-width: 925px) and (max-width:1140px){
    .persons-page .slinput{
        width: 62% !important;
    }
    .persons-form-container{
        height: calc(100% - 25px);
    }
}
@media(min-width: 768px) and (max-width:924px){
    .persons-page .slinput{
        width: 60% !important;
    }
    .person-form .generic-form-second-half{
        height: calc(100% - 185px);    
    }
    .persons-form-container{
        height: calc(100% - 55px);
    }
}
@media(max-width:767px){
    .tree-list-view {
        height: calc(100% - 40px);
    }
    .person-form .generic-form-second-half{
        height: calc(100% - 215px);    
    }
    .persons-form-container{
        height: calc(100% - 55px);
    }
    .access-levels-form .generic-form-second-half{
        height: calc(100% - 128px);
    }
    .schedules-form .generic-form-second-half{
        height: calc(100% - 128px);
    }
    .holidays-form .generic-form-second-half {
        height: calc(100% - 215px);
    }
    .reader-groups-form .generic-form-second-half {
        height: calc(100% - 160px);
    }
    .area-definition-form .generic-form-second-half {
        height: calc(100% - 115px);
    }
    .reader-assignment-form {
        height: calc(100% - 70px);
    }
    .floor-groups-form .generic-form-second-half {
        height: calc(100% - 135px);
    }
    .reports-form .generic-form-second-half{
        height: calc(100% - 188px);
    } 
    .operator-roles-form .generic-form-second-half {
        height: calc(100% - 117px);
    }
    .backup-restore-page .generic-form-second-half{
    height: calc(100% - 38px);
    }
    .system-settings-page .generic-form-second-half{
        height: calc(100% - 60px);
    }
    .network-share-form .generic-form-second-half{
        height: calc(100% - 114px);
        overflow-y: auto;
    }
    .card-formats-form .generic-form-second-half{
        height: calc(100% - 173px);
    }
    .language-packs-page.generic-form-second-half{
        height: calc(100% - 38px);
    }
    .plugins-form .generic-form-second-half{
        height: calc(100% - 110px);
    }
    .save-reset-page .generic-form-second-half{
    height: calc(100% - 38px);
    } 
    .firmware-update-page .generic-form-second-half{
    height: calc(100% - 38px);
    }  
    .email-lists-form .generic-form-second-half{
        height: calc(100% - 122px);
    }
    .email-server-page .generic-form-second-half{
        height: calc(100% - 38px);
    }
    .video-page .generic-form-second-half{
        height: calc(100% - 41px);
    }
	.io-page.generic-form-second-half{
        height: calc(100% - 0px);
        overflow-y: auto;
	}
    .diagnostic-form.generic-form-second-half{
        height: calc(100% - 0px);
        overflow-y: auto;
    }
    .events-page.generic-form-second-half{
         height: calc(100% - 60px);
        overflow-y: auto;
        overflow-x:hidden;
    }
     .anti-passback-page.generic-form-second-half{
     height: calc(100% - 0px);
        overflow-y: auto;
        overflow-x:hidden;
    }
    .action-triggers-monitoring-page .generic-form-second-half{
        height: calc(100% - 38px);
    }
}


/* end of vertical alignment */