.offset-top-90 {

    padding-top: 90px

}



.offset-top-70 {

    padding-top: 70px

}



.offset-bottom-90 {

    padding-bottom: 90px

}



.iframe {

    width: 100%;

    height: 100%;

    border: none;

}



.iframe.iframe-media {

    padding: 50px 0;

    display: block;

    position: absolute;

}



.preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    z-index: 999999999;

    background-color: rgba(0, 0, 0, 0.5);

    background-image: url('../images/loader.gif');

    background-repeat: no-repeat;

    background-position: center center;



}



body {

    background-color: #636567;

}





.iframe-modal .modal-dialog {

    width: 95%;

    height: 70vh;

}



.iframe-modal iframe {

    width: 100%;

    height: 85vh;

}



/*************************************/

.modal-search {

    padding: 0 !important;

}



.modal-dialg-100 {

    width: 100vw;

    height: 100vh;

    margin: 0;

    overflow: hidden;

}



.modal-dialg-100 .modal-content {

    height: 100%;

    border-radius: 0;

    background: rgba(255, 255, 255, 0.9);

}



.modal-dialg-100 .modal-header {

    height: 50px;

}



.modal-dialg-100 .modal-body {

    height: calc(100% - 50px);

    box-sizing: border-box;

}



.modal-dialg-80 {

    width: 80vw;

    height: 80vh;

    margin: 10vh auto;

    overflow: hidden;

}



.modal-media .modal-dialg-80 .modal-content {

    height: 100%;

}



.modal-media .modal-header {

    height: 10%;

}



.modal-media .modal-body {

    height: 70%;



}







/*************************************/

textarea {

    resize: vertical;

}



.editable-label {

    background-color: #eee;

    color: #555;

}



.editable-wrapper {

    overflow-x: auto;

    /* min-width:768px; */

}



.editable {

    /* width: 100%; */

    counter-reset: rowNumber;

    min-width: 768px;

}



.editable tbody tr {

    background-color: #fff;

}



.editable tbody tr:nth-child(even) {

    background-color: #f9f9f9;

}



.editable td,

.editable th {

    border: 1px solid #ccc;

    white-space: nowrap;



}



.editable th {

    padding: 2px 4px;

}



.editable td {

    padding: 0;

    vertical-align: top;

    background-color: transparent;

}



.editable td .form-control,

.editable td .btn {

    border-radius: 0;

    border: 0;

    background-color: transparent;

    /* height: 100% ; */

    /* box-shadow: none; */

}



.form-control[readonly] {

    color: #337AB7;

}



.editable td .form-control:not([readonly]):focus,

.editable td .btn:focus {

    background-color: #F0F0B4

}



.editable .help-block {

    margin: 2px;

}



.editable td .btn {

    height: 100%;

}



.editable .col-btn {

    width: 30px;

    text-align: center;

    cursor: pointer;

    vertical-align: middle;

}



.editable .col-btn i {

    min-width: 20px;

}



.editable .tr-head #row-add {

    color: #fff;

    background: #5cb85c;

}



.editable .tr-head #row-add:hover {

    background: #3e8f3e;

}



.editable .row-remove {

    color: #fff;

    background: #d9534f;

}



.editable .row-remove:hover {

    background: #b92c28;

}



.editable>tbody>tr {

    counter-increment: rowNumber;

}



.editable>tbody>tr>td:first-child {

    background: #e6e6e6;

    text-align: center;

    font-weight: bold;

    color: #000;

    cursor: move !important;

    vertical-align: middle;

}



.editable>tbody>tr td:first-child::before {

    content: counter(rowNumber);

    width: 100%;

    height: 100%;

}



.editable .form-group {

    margin: 0;

    padding: 0;

}



.editable .dragged {

    background-color: #ccc;

    opacity: 0.6;

}



.editable .tr-template {

    display: none;

}



.editable .tr-head {

    background: #e6e6e6;

}



.editable .tr-head th:first-child {

    font-size: 120%;

}





.miniTable {

    font-size: 12px;

    white-space: nowrap;

    border-collapse: collapse;

    width: 100%;

}



.miniTable th,

.miniTable td {

    border: 1px solid #ddd !important;

    padding: 2px;

    font-weight: normal;

    vertical-align: middle;

    white-space: nowrap;

}





.miniTable th {

    text-align: right;

    color: #337AB7

}



.miniTable tr:first-child>th,

.miniTable tr:first-child>td {

    border-top-color: transparent !important;

}



.miniTable tr:last-child>th,

.miniTable tr:last-child>td {

    border-bottom-color: transparent !important;

}



.miniTable tr>th:first-child,

.miniTable tr>td:first-child {

    border-left-color: transparent !important;

}



.miniTable tr>th:last-child,

.miniTable tr>td:last-child {

    border-right-color: transparent !important;

}









.dropdown-submenu {

    position: relative;

}



.dropdown-submenu>.dropdown-menu {

    top: 0;

    margin-top: -6px;

    -webkit-border-radius: 0 6px 6px 6px;

    -moz-border-radius: 0 6px 6px 6px;

    border-radius: 0 6px 6px 6px;

}



.dropdown-submenu>a:after {

    display: block;

    content: " ";

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    margin-top: 5px;

}



.dropdown-submenu:hover>a:after {}



.dropdown-submenu.pull-left {

    float: none;

}



.dropdown-submenu.pull-left>.dropdown-menu {}





.dropdown-submenu>.dropdown-menu {

    left: 100%;

    margin-left: -1px;

}



.dropdown-submenu>a:after {

    float: right;

    border-width: 5px 0 5px 5px;

    border-left-color: #cccccc;

    margin-right: -10px;

}



.dropdown-submenu:hover>a:after {

    border-left-color: #555;

}



.dropdown-submenu.pull-left>.dropdown-menu {

    left: -100%;

    margin-left: 10px;

    -webkit-border-radius: 6px 0 6px 6px;

    -moz-border-radius: 6px 0 6px 6px;

    border-radius: 6px 0 6px 6px;

}





.after-element {

    background: #EEEEEE;

    border: 1px solid #ccc;

    padding: 0 10px

}



.tabs-container {

    background: #EEEEEE;

    border-radius: 5px;

    padding: 10px;

    max-height: 282px;

    box-sizing: border-box;

}





.tab-panel {

    display: none;

    padding-top: 10px;

    overflow-y: auto;

    overflow-x: hidden;

    max-height: 225px;



}



.tab-panel .created {

    font-size: 10px;

}



.tab-panel .note {

    font-size: 12px;

}



.tab-panel.overflow {

    overflow: auto;

}



.highlight {

    padding: 15px 10px 1px;

    border-radius: 6px;



}



.highlight-default {

    background-color: #eee;

    border: 1px solid #ccc;

}



.highlight-primary {

    background-color: #5CB85C;

    border: 1px solid #5CB85C;

}



.table-search thead th {

    vertical-align: middle !important;

    text-align: center;

    background-color: #e6e6e6;

    color: #337AB7;

    font-weight: bold;

}



.table-search thead th .search-input {

    border: none;

    padding: 2px;

    width: 100%;

    outline: none;

    font-weight: bold;

    color: inherit;

    background-color: transparent;

    border-bottom: 1px solid #000;

}



.table-search thead th .search-input::placeholder {

    color: rgba(51, 122, 183, 0.7);

}



.table-search thead th .search-input:focus {

    background-color: #fff;



}



/* .table-search>tbody>tr>td:first-child {

   background-color: #e6e6e6; 

   vertical-align: middle; 

} */





.relative-container {

    position: relative;

    overflow: hidden;

}



.overlay {

    top: 0;

    left: 0;

    display: none;

    justify-content: center;

    align-items: center;

    position: absolute;

    z-index: 999;

    color: #fff;

    width: 100%;

    height: 100%;

    background: rgba(39, 42, 43, 0.8);

}



.search-pills {

    display: inline-block;

    margin: 1px;

    padding: 2px 4px;

    background: #777;

    color: #fff;

    border-radius: 4px;

    font-size: 12px;

}



.search-pills:hover {

    background: #337AB7;

}



.developed {

    padding: 4px 8px;

    background-color: #fff;

    border-top-left-radius: 8px;

}



.developed:hover {

    background-color: #5CB85C;

    color: #fff;

    text-decoration: none;

}



.zones-tree-container {

    position: relative;



}



.zones-tree-container #zone-ids {

    width: 0;

    height: 0;

    border: 0;

    background: transparent;

    padding: 0;

    margin: 0;

    position: absolute;

    z-index: 1;

}



.zones-tree-container #zone-list {

    position: relative;

    z-index: 2;

}



.report-field {

    margin-bottom:10px;

    border:1px solid #ccc;

    border-radius: 4px;

    background-color: #eee;

    overflow: hidden;

}



.report-field .rlabel{

    width:100px;

    padding:0 5px;

    font-size: 14px;

    text-transform: capitalize;



}



.report-field .form-control,

.report-field .btn,

.report-field .input-group-addon{

    border-color:transparent;

    box-shadow: none;

    background-color: #fff;

}