@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900&subset=latin,cyrillic-ext');

html {
    height: 100%;
}
body {
    min-height: 100%;
}

BODY {
    background-color: #F3F9FD;
    font-family: Roboto;
    padding: 0;
    margin: 0;
    font-size: 13px;
    position: relative;
}


/* NAVBAR AND LOGO */

.wrap {
    min-height: 100%;
    /*position: relative;*/
}

.sidenav {
    border-right: 1px solid #ddd;
    background-color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    height: 100%;
}

.logo {
    background-color: #7893e5;
    color: #fff;
    font-size: 18px;
    width: 249px;
    height: 51px;
    float: left;
    line-height: 51px;
    padding-left: 15px;
    text-decoration: none;
    font-weight: bold;
    position: fixed;
    z-index: 1001;

}

.logo-mobile {
    width: 69px;
}

.logo:hover {
    text-decoration: none!important;
    color: #fff;
}

.right-menu {
    background-color: #7893E5;
    padding: 0px 15px;
    border-radius: 0;
    line-height: 51px;
    height: 51px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 200;
}

.sd-view {
    margin-top: 75px;
    z-index: 199;
}

.breadcrumb::before {
    content: '';
    width: 1px;
    height: 51px;
    display: block;
    top: 0;
    left: -1px;
    position: absolute;
    background-color: #96a4ce;
    z-index: 999999;
}

#info {
    text-align: right;
    color: #fff;
}

#info a {
    color: #eee;
}

#info a:hover {
    color: #fff;
}


/**/


/*BREADCRUMB*/

.breadcrumb {
    background-color: #7893E5;
    padding: 0px;
    border-radius: 0;
    line-height: 51px;
    height: 51px;
    margin-bottom: 0px;
}

.breadcrumb li:first-child {
    width: auto;
    border-right: 0;
    margin-right: 0;
}

.breadcrumb li:first-child a {
    font-size: 13px;
}

.breadcrumb li:first-child::after {
    font-family: 'FontAwesome';
    content: "\f105";
    color: #fff;
    margin-left: 5px;
}

.breadcrumb>li:nth-child(2) {
    text-decoration: none;
}

.breadcrumb>.active {
    color: #fff;
    font-weight: normal;
}

.breadcrumb>li a {
    text-decoration: underline;
    color: #eee;
}

.breadcrumb>li {
    display: inline-block;
    color: #fff;
}


/**/


/* MODAL POPUP CLOSE */

.icon-remove-circle::before {
    content: '' !important;
}

.modal-footer>.close {
    float: none!important;
}

.modal-header .close {
    text-decoration: none!important;
    margin-top: -2px;
    position: absolute;
    right: 20px;
    top: 15px;
}


/*modal*/

.modal {
    left: 0!important;
    top: 0!important;
}

.modal .modal-dialog {
    overflow: hidden;
    max-height: 95%;
}

.modal .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.footer {
    float: left;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
}


/* FORM */

.selectize-input {
    border-radius: 1px!important;
    border: 1px solid #D3DAE0!important;
    height: inherit!important;
    font-size: 13px!important;
    box-shadow: none!important;
}

.btn-gray {
    opacity: 1!important;
}

/*New Calendar Page*/

#scheduler_here{
    background-color: #fff;
    -moz-box-shadow: -3px 2px 2px rgba(119, 151, 178, .2);
    -webkit-box-shadow: -3px 2px 2px rgba(119, 151, 178, .2);
    -o-box-shadow: -3px 2px 2px rgba(119, 151, 178, .2);
    -ms-box-shadow: -3px 2px 2px rgba(119, 151, 178, .2);
    box-shadow: -3px 2px 2px rgba(119, 151, 178, .2);
}

/*Calendar Page*/

#calendar-block{
    background-color: #fff;
    -moz-box-shadow: -3px 2px 2px rgba(119, 151, 178, .2);
    -webkit-box-shadow: -3px 2px 2px rgba(119, 151, 178, .2);
    -o-box-shadow: -3px 2px 2px rgba(119, 151, 178, .2);
    -ms-box-shadow: -3px 2px 2px rgba(119, 151, 178, .2);
    box-shadow: -3px 2px 2px rgba(119, 151, 178, .2);
}

#calendar-block .fc-toolbar {
    padding: 15px 15px 0px 15px;
    margin: 0;
}

#calendar-block .fc-day-header {
    padding: 5px;
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: #eee!important;
}

.fc-ltr .fc-basic-view .fc-day-number {
    padding: 15px;
}

#calendar-block button {
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: none!important;
    background: none!important;
}

#calendar-block button.fc-state-active {
    background-color: #eee!important;
}


/* Disabled Buttons */


/*.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: .45!important;
    cursor: default!important;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    color: #555!important;
    cursor: default!important;
}/*

.not-active {
    pointer-events: none!important;
    opacity: .45!important;
    color: #fff!important;
}

.not-active:hover {
    cursor: no-drop!important;
}


/*datapicker*/

.ui-datepicker-trigger {
    background-color: transparent!important;
    border: none;
    line-height: 24px;
    opacity: .80!important;
}

.ui-datepicker-trigger:hover {
    opacity: 1!important;
}

.date-picker-full-width img {
    right: 32px;
    margin-top: -25px;
    position: absolute;
    cursor: pointer;
}


/*calendar*/

.fc-day,
.fc-row .fc-content-skeleton tbody td,
.fc-day-number {
    cursor: pointer!important;
}

.addMore,
.removeThisTicket {
    font-size: 20px;
    text-decoration: none!important;
}

.addMore {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.removeThisTicket {
    float: right;
    position: absolute;
    margin-top: -28px;
    right: 35px;
}


/* table in panel */

.table-in-panel {
    background-color: #FCFCFC;
    border: none;
    box-shadow: none;
}

.table-in-panel>tbody>tr {
    border: none!important;
}

.table-in-panel>tbody>tr>td {
    border: none!important;
}

/*ticket page */

.ticket-view-tabs table .form-group {
    padding: 0!important;
    margin: 0!important;
}

.ticket-view-tabs table tbody {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.selected-signature .inner {
    position: absolute;
    bottom: -75px;
    right: 0;
}

.sa-head {
    background-color: #eee;
    padding: 15px;
    font-weight: bold;
    margin-top: 20px;
}

#ticket-print {
    cursor: pointer;
}

.ticket-detail-collapse .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border:none;
}

.ticket-detail-collapse .panel-title a {
    text-decoration: none;
}

.ticket-detail-collapse .table>thead>tr>th {
    text-transform: capitalize!important;
}

.ticket-detail-collapse .panel-heading {
    padding: 0!important;
}

.ticket-detail-collapse h4 a {
    display: block;
    padding: 15px;
}

/*move labels */

.sortable-row-item {
    border: 1px solid #eee;
    cursor: move;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 5px;
}

.sortable-row-item i {
    margin-right: 5px;
}

.sortable-row-item:focus {
    border: 1px solid #ccc;
    padding: 10px;
    cursor: move;
}

.sortable-row-item .icon-remove {
    position: absolute;
    right: 24px;
    margin-top: -24px;
}

.menu-visible {
    display: block;
    height: auto!important;

}

.menu-unvisible {
    display: none!important;
}

.stopwatch {
    font-size: 22px;
    color: green;
}

.tooltip-datatables {
    cursor: pointer;
}

.tooltip-inner-datatable {
    display: none;
    padding: 5px 15px;
    background-color: #eee;
    font-size: 13px;
    color: #333;
    border-radius: 4px;
    position: absolute;
}

.scheduledTimeDropdown button {
    border-color:#5286c2!important;
}

.scheduledTimeDropdown .scheduledTime,
.scheduledTimeDropdown .caret {
    color:#5286c2;
}

.dropdown-menu>li>a {
    text-decoration: none!important;
}
.dropdown-menu>li>a i {
    width: 1em;
    margin-right: 0.5em;
    text-align: center;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #7893E5;
}

/*datepicker and timepicker*/

.ui-timepicker-div .ui-state-default {
    background-color: #eee!important;
    border: 1px solid #ccc!important;
}

.ui-datepicker-days-cell-over.ui-datepicker-current-day .ui-state-default.ui-state-highlight.ui-state-active {
    color: #fff!important;
}


/*Ticket View Page Collaborator Popup*/

tr.strike .collaborator {
    text-decoration: line-through;
}

tr.strike .faded {
    text-decoration: line-through;
}


/*texts*/

.text-danger {
    font-weight: bold;
    color: #D8484B;
}

.text-warning {
    font-weight: bold;
    color: #E9892D;
}

.text-info {
    font-weight: bold;
    color: #5286C2;
}

.text-success {
    font-weight: bold;
}

#ts-dt-start-p {
    width: 40%;
    display: block;
    border-bottom: 1px solid #ededed;
    height: 25px;
    float: left;
}

.btn .fa-undo {
    color: #fff !important;
}


/* buttons outline none */

button.btn {
    outline: 0!important;
}

#loadingbar {
    content: '/f1ce';
    font-family: FontAwesome;
    font-size: 90px;
    width: 100%!important;
    display: block!important;
    position: fixed;
    z-index: 999999!important;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    top: 0!important;
    left: 0!important;
    text-align: center;
}

#loadingbar span {
    color: #7893E5;
    position: fixed;
    top: 50%;
    left: 50%;
}

.btn-icon {
    color: #5286C2;
}


/*ui-sortable*/

.ui-sortable tr {
    cursor:move;
    background-color:#fff;
}

.ui-sortable tr:hover {
    background-color:#f9f9f9;
}


.buttons-page-length {
    display:none!important;
}

.borderless {
 border:none;
 box-shadow:none!important;
}



.select-all-button {
    margin-left:20px!important;
    margin-top:-5px;
}



/* ITarian CSS CHANGES */

.nav-tabs>li {
    z-index:2!important;
}

.panel.panel-tabs {
    margin-top:-1px!important;
}

.panel-default {
    border: 1px solid #ddd!important;
    box-shadow: none!important;
}

.modal-title {
    padding:0!important;
}

.cursor-pointer {
    cursor:pointer!important;
}

/* User Lookup Modal */
.user#lookup .col-md-9 {
    word-break: break-all;
}

/* Inline CSS codes */
.dynamic-form-em{
    color:gray;
    display:inline-block;
}

.content-manage-input{
    width: 100%;
    font-size: 14pt;
}

.note-tmpl-td{
    line-height: 26px;
    padding-left: 15px;
}

.ticket-materials-input{
    width: 100%;
}

.auto-width{
    width: auto;
}

.ticket-materials-list-input{
    width: 64px;
    float: left;
}

.list-item-properties-label{
    vertical-align:top;
    padding-top:0.2em;
}

.panel-tabs-padding{
    padding:10px 30px;
}

.user-import-textarea{
    display:block;
    width:100%;
    height:8em;
    padding: 20px;
}

.ticket-preview-div{
    width:600px; padding: 2px 2px 0 5px;
}

.ticket-preview-ul{
    list-style:none;
}

.org-delete-table-black-td{
    border-bottom: 1px dotted black;
}


.org-delete-table-ccc-td{
    border-bottom: 1px dotted #ccc
}


.h-5-em{
    height: 5em !important;
}

.dt-list-a{
    float: left;
    line-height: 24px;
    margin-right: 10px;
}

.staff-style .form-horizontal .control-label{
    text-align: left;
}

@media only screen and (max-width : 1200px) {
    .staff-style .form-horizontal.m-l-40 {
        margin-left: 0px!important;
    }
}

.color-bbb{
    color:#bbb;
}

.accesslink-form1{
    width:40%;
    display:table-cell;
    box-shadow: 12px 0 15px -15px rgba(0,0,0,0.4);
    padding-right: 2em;
}


.accesslink-form2{
    display:table-cell;
    padding-left: 2em;
    padding-right:90px;
}

.pwreset-login{
    width:50%;
    display:inline-block;
}

.login-form1{
    width:40%;
    display:table-cell;
    box-shadow: 12px 0 15px -15px rgba(0,0,0,0.4);
    padding:15px;
}

.login-form2{
    display:table-cell;
    padding: 15px;
    vertical-align:top;
}

.login-form1 .a{
    padding-top:4px;
    display:inline-block;
}

.faq-div1{
    width:700px;
    padding-top:2px;
    float:left;
}

.faq-div2{
    float:right;
    text-align:right;
    padding-top:5px;
    padding-right:5px;
}

.comporess-warning{
    color:red;
    font-weight: bold;
}

.reportres-app{
    padding:3px;
    display:block;
}

.timesheet-table-div{
    color: #184E81;
    cursor:pointer;
}

.c-forms-att{
    padding-right:1em;
    vertical-align:top;
}

/* REPORTS */
.schedulelist ul {
    padding: 0;
}
.schedulelist ul li {
    list-style: none;
    margin: 0 0 0.5em 0;
    clear: both;
    padding-right: 4em;
    position: relative;
}
.schedulelist ul li .edit {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    padding-left: 16px;
}
.schedulelist ul li .delete {
    float: right;
    position: absolute;
    right: 1.5em;
    top: 3px;
    border: none;
}
.report-cost-list p{
    margin: 0;
}

.report-cost .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid #fff;
    padding: 10px 8px;
    line-height: normal;
    vertical-align: middle;
}

.dataTables_wrapper .list>thead>tr>th,
.report-cost .list>thead>tr>th,
.report-resource-app .list>thead>tr>th {
    border: none !important;
}

/* REPORTS END*/

/* SCHEDULE */

.schedule-tmpl #the-schedule-form-schedule ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 150px;
}
.schedule-tmpl #the-schedule-form-schedule li {
    margin: 0;
}
.schedule-tmpl #the-schedule-form-schedule li label {
    text-align: left;
    white-space: nowrap;
}
.schedule-tmpl #the-schedule-form-schedule-frequency-week,
.schedule-tmpl #the-schedule-form-schedule-frequency-month {
    float: left;
    width: 60%;
}
.schedule-tmpl #the-schedule-form-schedule-frequency-week td {
    width: 5em;
}
.schedule-tmpl #the-schedule-form-schedule td {
    vertical-align: top;
}
.schedule-tmpl #the-schedule-form-schedule-frequency-month label {
    width: 3em;
    text-align: left;
}
/* SCHEDULE END*/

/* EXPORT TABLE COST*/
.export-table-cost .list {
    border-spacing: 0px;
    border-collapse:  collapse;
}

.export-table-cost .list td, .list th {
    border: 1px solid black;
    padding: 10px;
}

.export-table-cost .pdf-header p{
    margin:0;
    padding:0;
}
/*EXPORT TABLE COST END*/

.navbar-fixed-top {
    transform: translate3d(0,0,0);
}

/*  MAINTENANCE CLIENT */

.maintenance-client .main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
}

.maintenance-client>h1 {
    font-weight: 700;
    margin: 40px 0;
    display: block;
}

.maintenance-client p {
    display: block;
    font-size: 20px;
    margin: 30px 0;
}

@media screen and (max-height: 756px) {
    .maintenance-client .main {
        position: static;
        margin: 0 auto;
        top:inherit;
        transform: unset;
    }
}

/*  MAINTENANCE CLIENT END */

/* MAINTENANCE STAFF */

.maintenance-staff .main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
}

.maintenance-staff>h1 {
    font-weight: 700;
    margin: 40px 0;
    display: block;
}

.maintenance-staff>p {
    display: block;
    font-size: 20px;
    margin: 30px 0;
}

@media screen and (max-height: 756px) {
    maintenance-staff>div.main {
        position: static;
        margin: 0 auto;
        top:inherit;
        transform: unset;
    }
}

/* MAINTENANCE STAFF END */


.ticket-information {
    line-height: 40px;
}

/* TICKET VIEW */
.ticket-information > div {
    border-bottom: 1px solid #ddd;
    max-height: 40px;
    overflow: hidden;
}

.ticket-information > div:nth-last-child(1),
.ticket-information > div:nth-last-child(2),
.ticket-information > div:nth-last-child(3),
.ticket-information > div:nth-last-child(4)
{
    border-bottom:none;
}

/* TICKET VIEW END*/

.tab-pane{
    width:max-content;
    height: auto;
    display: initial;
}

.staff-tickets .alert .close {
    font-size: 20px;
    line-height: normal;
}

.staff-tickets #ticket-grid{
    opacity: 0;
}

.staff-tickets table.dataTable tbody th,
.staff-tickets table.dataTable tbody td {
    white-space: nowrap;
}

.restriction-page {
    display: table;
    width: 100%;
    height: 100%;
}
.restriction-page > div{
    display: table-cell;
    vertical-align: middle;
}

.dynamic-form-dt>table.data-tables td {
    position: relative;
}
.dynamic-form-dt>table.data-tables td span.text-danger {
    font-size: 11px;
    position: absolute;
    bottom: 0;
    left: 10px;
}

#schedulerLightboxOverlay{
    position: fixed;
    z-index: 1500;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.5);
}

.dashboard-unassigned{
    width:0%;
    background: #6F7DAA;
    float: left;
    height:18px;
    color:#ffffff;
    text-decoration: underline;
}

.success-modal-btn{
    margin-left:15px;
    opacity: 1;
}

.redactor-swatch{
    float: left;
    font-size: 0;
    border: 2px solid #fff;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
}

.redactor-el-none{
    display: block;
    clear: both;
    padding: 4px 0;
    font-size: 11px;
    line-height: 1;
}

.report-404{
    width:700px;
    padding-top:5px;
    float:left;
}

.sidenav-collapse .panel {
    position: relative;
}

.nav-parent-new {
    display: block;
  /*  line-height: 44px;*/
    height: 44px;
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: 600;
}

.sidenav-collapse .panel:hover::before,
.sidenav-collapse .panel.active::before {
    content: "";
}

.sidenav-collapse .panel::before {
background: #7893E5;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
}
.nav-child-new{
    display: block;
    margin-left: 50px;
    height: auto;
    line-height: 30px;
    margin-bottom: 0;
}
.nav-child-new a{
    text-decoration: none !important;
    color: #505e74;
}
.nav-child-new:hover, .nav-child-new .active{
    color: #7893E5!important;
}

/*#accordion .panel{*/
    /*background-color: transparent !important;*/
    /*border-color: transparent !important;*/
/*}*/

.sidenav-mobile {
    width: 70px!important;
}

.main-frame-mobile {
    width: calc(100% - 70px)!important;
    margin-left: 70px!important;
}

.right-menu-mobile {
    width: calc(100% - 70px)!important;
}

#toggle-menu-new {
    cursor: pointer;
}

.cut-text{
    text-overflow: ellipsis;
    overflow: hidden;
    width: 160px;
    height: 1.2em;
    white-space: nowrap;
}

.redactor_toolbar li {
    width: 35px;
    height: 35px;
}

.b-small{
    display: none;
}

#contractAffix{
    z-index: 100 !important;
    top:51px;
    width: 100%
}

.addResolutionText{
    text-decoration: underline;
    color: #5286C2;
    cursor: pointer;
}

.noBorderedInput{
    border: 0;
    background-color: inherit;
}

.merge-ticket-list{
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 100px;
}

.o-a.merge-list-body,.o-a.search-list-body{
    min-height: 250px;
}


.remove-button{
    color: red;
    font-size: large;
    cursor: pointer;
}

.add-button{
    color: darkgreen;
    font-size: large;
    cursor: pointer;
}

.overflow-unset {
    overflow: unset !important;
}