@import "https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700";
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700|Roboto";
@import "https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,900";

body {
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Roboto,sans-serif !important;
    text-transform: uppercase;
    color: #555;
}

.dashboard h2 {
    font-size: 18px;
    color: #000;
    margin-bottom: 9px;
    font-weight: 700;
}

.fs-italic {
    font-style: italic;
}

.border-cobalt-black {
    border-color: #1e2834 !important;
}

.border-gold {
    border-color: #cf9c63 !important;
}

.border-pale-gold {
    border-color: #f1d8bd !important;
}

.border-light-green {
    border-color: #cfe6d4 !important;
}

.border-charcoal-black {
    border-color: #141414 !important;
}

.border-light-gray {
    border-color: #ededed !important;
}

.border-light-gray-tbl-4 {
    border-color: #f1f1f1 !important;
}

.border-light-gray-tbl-3 {
    border-color: #ccc !important;
}

.border-med-gray {
    border-color: #d6d6d6 !important;
}

.border-dark-dray {
    border-color: #696969 !important;
}

.border-dark-gray {
    border-color: #696969 !important;
}

.border-black {
    border-color: #000 !important;
}

.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fs-8 {
    font-size: 8px;
}

.fs-9 {
    font-size: 9px;
}

.fs-9-imp {
    font-size: 9px !important;
}

.ta-fs-9 {
    font-size: 9px !important;
}

.fs-10 {
    font-size: 10px;
}

.fs-10-imp {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px;
}

.fs-12 {
    font-size: 12px;
}

.fs-12-imp {
    font-size: 12px !important;
}

.fs-11-imp {
    font-size: 11px !important;
}

.fs-13-imp {
    font-size: 13px !important;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
    font-size: 14px !important;
}

.fs-16-imp {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-24-imp {
    font-size: 24px !important;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-34 {
    font-size: 34px;
}

.fs-38 {
    font-size: 38px;
}

.fs-42 {
    font-size: 42px;
}

.fs-70 {
    font-size: 70px;
}

.width-24 {
    width: 24px;
}

.width-18-per {
    width: 18%;
}

.width-100-per {
    width: 100%;
}

.selectRO {
    background: #acbad4;
}

.bg-dddddd {
    background: #ddd;
}

.bg-eee {
    background: #eee;
}

.bg-f9fafb {
    background: #f9fafb;
}

.bg-yellow {
    background: #fffef4;
}

.lightyellow {
    background: #fffef4;
}

.bg-light-yellow {
    background: #fffef4 !important;
}

.bg-dim-gray {
    background: #cdd4da;
}

.bg-dim-brown {
    background: #b4b4b4;
}

.bg-yellow-imp {
    background: #fff591 !important;
}

.bg-light-yellow-imp {
    background: #fffef4 !important;
}

.bg-dim-gray-imp {
    background: #cdd4da;
}

.bg-dim-brown-imp {
    background: #b4b4b4 !important;
}

.active-yellow {
    background: #fff591;
}

.active-yellow-bdr {
    background: #fff591;
    border: 1px solid #000;
    box-sizing: border-box;
}

.active-yellow-bdrimp {
    background: #fff591 !important;
    border: 1px solid #000 !important;
    box-sizing: border-box !important;
}

.active-prmry {
    background: #57a5cc;
}

.active-prmryimp {
    background: #57a5cc !important;
}

.active-iao {
    background: #a6b0b0;
}

.active-iao-imp {
    background: #a6b0b0 !important;
}

.active-paa {
    background: #fff;
}

.active-paa-bdr {
    background: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
}

.active-paa-bdrimp {
    background: #fff !important;
    border: 1px solid #000 !important;
    box-sizing: border-box !important;
}

.bg-req {
    background: #c1dae7;
}

.bg-req-imp {
    background: #c1dae7 !important;
}

.left-menu-bg {
    background: #141414;
}

.cobalt-black {
    background: #1e2834 !important;
}

.gold {
    background: #cf9c63;
}

.pale-gold {
    background: #f1d8bd;
}

.light-green {
    background: #c1dae7 !important;
}

.charcoal-black {
    background: #141414;
}

.white {
    background: #fff;
}

.light-gray {
    background: #ededed;
}

.light-gray-tbl-4 {
    background: #f1f1f1;
}

.light-gray-tbl-3 {
    background: #ccc;
}

.med-gray {
    background: #d6d6d6;
}

.dark-dray {
    background: #696969;
}

.dark-gray {
    background: #696969;
}

.black {
    background: #000;
}

.bg-ebf8ff {
    background: #ebf8ff !important;
}

.standardtabactive {
    background: #d6d6d6 !important;
}

.bulb-fFDB307 {
    color: #fdb307;
}

.text-light-green {
    color: #cfe6d4 !important;
}

.text-darkred {
    color: #8b0000;
}

.text-2E8C34 {
    color: #2e8c34;
}

.text-F5554A {
    color: #f5554a;
}

.text-D4E82A {
    color: #d4e82a;
}

.text-333 {
    color: #333 !important;
}

.text-charcoal-black {
    color: #141414;
}

.text-white {
    color: #fff;
}

.text-light-gray {
    color: #ededed;
}

.text-med-gray {
    color: #d6d6d6;
}

.text-dark-dray {
    color: #363636;
}

.text-dark-gray {
    color: #363636;
}

.text-black {
    color: #000 !important;
}

.text-med-green {
    color: #17de17;
}

.text-med-green-imp {
    color: #17de17 !important;
}

.text-green {
    color: green;
}

.text-green-imp {
    color: green !important;
}

.gray-75 {
    color: #555;
}

.text-h2 {
    font-family: Roboto,sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    color: #555;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff !important;
    background-color: #696969 !important;
}

.nav-pills > li > a {
    border-radius: 0;
}

.nav-pills > li a {
    color: #000 !important;
}

.active-dark-gray {
    background: #696969 !important;
    color: #fff !important;
}

.active-med-gray {
    background: #d6d6d6 !important;
    color: #000 !important;
}

.parent-bg {
    background: #fff !important;
    color: #000 !important;
}

.parent-active {
    background: #fff !important;
    color: #000 !important;
}

.child-active {
    background: #f1f1f1 !important;
    color: #000 !important;
}

.alphabetpager-active {
    background: #d6d6d6 !important;
    color: #000 !important;
}

.font-10-px {
    font-size: 12px;
}

.font-14-px {
    font-size: 14px;
}

.font-13-px {
    font-size: 13px !important;
}

.font-18-px {
    font-size: 18px;
}

.font-20-px {
    font-size: 20px;
}

.font-24-px {
    font-size: 24px;
}

.font-1-em {
    font-size: 1em;
}

.font-2-em {
    font-size: 2em;
}

.font-3-em {
    font-size: 3em;
}

.font-4-em {
    font-size: 4em;
}

.font-5-em {
    font-size: 5em;
}

.font-6-em {
    font-size: 6em;
}

.font-7-em {
    font-size: 7em;
}

.font-8-em {
    font-size: 8em;
}

.font-9-em {
    font-size: 9em;
}

.font-10-em {
    font-size: 10em;
}

.radius-0 {
    border-radius: 0;
}

.radius-1 {
    border-radius: 1px;
}

.radius-2 {
    border-radius: 2px;
}

.radius-3 {
    border-radius: 3px;
}

.radius-4 {
    border-radius: 4px;
}

.radius-5 {
    border-radius: 5px;
}

.radius-6 {
    border-radius: 6px;
}

.radius-7 {
    border-radius: 7px;
}

.radius-8 {
    border-radius: 8px;
}

.radius-9 {
    border-radius: 9px;
}

.radius-10 {
    border-radius: 10px;
}

.radius-12 {
    border-radius: 12px;
}

.radius-15 {
    border-radius: 15px;
}

.radius-20 {
    border-radius: 20px;
}

.radius-20-per {
    border-radius: 20%;
}

.radius-50-per {
    border-radius: 50%;
}

.radius-100-per {
    border-radius: 100%;
}

.right-logo span {
    font-size: 14px;
}

.text-center {
    text-align: center !important;
}

.v-align-top {
    vertical-align: top;
}

.v-align-top-imp {
    vertical-align: top !important;
}

.v-align-bottom {
    vertical-align: bottom;
}

.v-align-bottom-imp {
    vertical-align: bottom !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.flot-left {
    float: left;
}

.flot-none {
    float: none;
}

.flot-right {
    float: right;
}

.tooltip {
    width: 300px;
}

    .tooltip > div:last-child {
        padding: 5px !important;
    }

span#lblTimesetHeader {
    color: #777;
}

p#lblActiveUserName {
    color: #777;
}

.baksa .btn-folder {
    height: auto !important;
}

.text-transform-capitalize {
    text-transform: capitalize !important;
}

.text-decoration-none {
    text-decoration: none;
}

    .text-decoration-none:hover {
        text-decoration: none;
    }

.btn-small {
    padding: 4px 10px;
    text-decoration: none;
}

.btn-medium {
    padding: 8px 14px;
    text-decoration: none;
}

.btn-large {
    padding: 10px 30px;
    text-decoration: none;
}

.home-btn {
    background-color: #2c3e54 !important;
    border-radius: 20px;
    color: #f1f1f1;
    outline: 0;
    text-decoration: none;
    width: 100%;
    margin-right: 2px;
    transition: all ease-in-out .5s;
}

    .home-btn:focus, .home-btn:hover, .logout-btn:focus {
        border-radius: 20px;
        outline: 0;
        text-decoration: none;
        background-color: #d6d6d6 !important;
        color: #000;
        width: 100%;
        transition: all ease-in-out .5s;
    }

.logout-btn {
    background-color: #2c3e54 !important;
    border-radius: 20px;
    color: #f1f1f1;
    outline: 0;
    text-decoration: none;
    width: 100%;
    transition: all ease-in-out .5s;
}

    .logout-btn:hover {
        border-radius: 20px;
        outline: 0;
        text-decoration: none;
        background-color: #d6d6d6 !important;
        color: #000;
        width: 100%;
        transition: all ease-in-out .5s;
    }

.list-view-btn {
    background-color: #2c3e54;
    border-radius: 20px;
    color: #f1f1f1;
    outline: 0;
    text-decoration: none;
    width: 100%;
    margin-right: 2px;
    transition: all ease-in-out .5s;
}

    .list-view-btn:hover {
        background-color: #f1f1f1;
        border-radius: 20px;
        color: #000;
        outline: 0;
        text-decoration: none;
        width: 100%;
        margin-right: 2px;
        transition: all ease-in-out .5s;
    }

    .folder-view-btn:focus, .list-view-btn:focus {
        color: #fff;
        background-color: #2c3e54;
    }

.folder-view-btn {
    background-color: #2c3e54;
    border-radius: 20px;
    color: #f1f1f1;
    outline: 0;
    text-decoration: none;
    width: 100%;
    transition: all ease-in-out .5s;
}

    .folder-view-btn:hover {
        background-color: #f1f1f1;
        border-radius: 20px;
        color: #000;
        outline: 0;
        text-decoration: none;
        width: 100%;
        transition: all ease-in-out .5s;
    }

.prpsrvhz-width {
    width: 150px;
    margin-bottom: 0;
    margin-top: 5px;
    padding-left: 0;
    padding-right: 0;
}

.fieldRectab .nav-tabs {
    background: #fff;
    display: table;
    width: 100%;
    margin-top: 10px;
    border-bottom: 0 solid #d6d6d6;
}

    .fieldRectab .nav-tabs li {
        float: none;
        display: table-cell;
        text-align: center;
    }

.m-r-0 {
    margin-right: 0 !important;
}

.fieldRectab .nav-tabs li a {
    margin-right: 3px;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    color: #ededed;
    padding: 4px 2px;
    background: #363636;
    border-radius: 12px 12px 0 0;
    border: none;
    text-transform: uppercase;
    position: relative;
    transition: all .5s ease 0;
}

.fieldRectab .nav-tabs li.active a {
    background: #d6d6d6;
    color: #000;
    border: none;
    cursor: pointer;
}

.fieldRectab .nav-tabs li a:hover {
    background: #696969;
    color: #fff;
    border: none;
    cursor: pointer;
}

.fieldRectab .tab-content {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #3d3537;
    padding: 0;
    border: 3px solid #d6d6d6;
}

    .fieldRectab .tab-content h3 {
        font-size: 20px;
        font-weight: 700;
        margin-top: 0;
    }

.control-group {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    padding: 30px;
    width: 200px;
    height: 210px;
    margin: 10px;
}

label.incdsp.control-rdo.control.control--radio {
    padding-left: 20px !important;
    font-size: 9px;
}

.incdsp .control input:checked ~ .control__indicatordsp {
    background: #000;
    border: 1px solid #000 !important;
}

.control {
    display: block;
    position: relative;
    padding-left: 22px;
    line-height: 22px;
    cursor: pointer;
    font-size: 14px;
}

.control-rdo {
    padding-left: 23px !important;
    font-size: 11px;
}

.control-rdo-irc {
    padding-left: 23px !important;
}

.control-rdo-sreport {
    padding-left: 19px !important;
}

.control-2 {
    display: block;
    position: relative;
    line-height: 26px;
    cursor: pointer;
    font-size: 14px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control-2 input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control--radio .control__indicator {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background: #e6e6e6;
    border: 1px solid #a6a6a6;
}

.control--checkbox .control__indicator {
    position: absolute;
    top: 5px;
    left: 0;
    height: 16px;
    width: 16px;
    background: #e6e6e6;
    border: 1px solid #a6a6a6;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 1px solid #a6a6a6;
}

.control__indicatordsp {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background: #e6e6e6;
    border: 1px solid #a6a6a6;
}

.control__indicator-2 {
    position: relative;
    top: 2px;
    left: 0;
    margin: auto;
    height: 16px;
    width: 16px;
    background: #e6e6e6;
    border: 1px solid #a6a6a6;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control--radio .control__indicatordsp {
    border-radius: 50%;
}

.control--radio .control__indicator-2 {
    border-radius: 50%;
}

.control input:focus ~ .control__indicatordsp, .control:hover input ~ .control__indicatordsp {
    background: #ccc;
}

.control-2 input:focus ~ .control__indicator-2, .control-2:hover input ~ .control__indicator-2 {
    background: #ccc;
}

.control input:checked ~ .control__indicator {
    background: #000;
    border-color: #000;
}

.control--checkbox input:checked ~ .control__indicator {
    background: #e6e6e6;
    border: 1px solid #a6a6a6;
}

.control input:checked ~ .control__indicatordsp {
    background: #000;
    border: 1px solid #000 !important;
}

.control-2 input:checked ~ .control__indicator-2 {
    background: #000;
    border: 1px solid #000;
}

.control input:checked:focus ~ .control__indicator, .control input:not([disabled]):checked ~ .control__indicator {
    background: #000;
    border-color: #000;
}

.control input:checked:focus ~ .control__indicatordsp, .control input:not([disabled]):checked ~ .control__indicatordsp {
    background: #000;
}

.control-2 input:checked:focus ~ .control__indicator-2, .control-2:hover input:not([disabled]):checked ~ .control__indicator-2 {
    background: #000;
}

.control input:disabled ~ .control__indicator {
    opacity: .6;
    pointer-events: none;
}

.control input:disabled ~ .control {
    pointer-events: none !important;
}

.control input:disabled ~ .control__indicatordsp {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none;
}

.control-2 input:disabled ~ .control__indicator-2 {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control__indicatordsp:after {
    content: '';
    position: absolute;
    display: none;
}

.control__indicator-2:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control input:checked ~ .control__indicatordsp:after {
    display: block;
}

.control-2 input:checked ~ .control__indicator-2:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 4px;
    top: 0;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.control--checkbox .control__indicatordsp:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox-2 .control__indicator-2:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.control--checkbox input:disabled ~ .control__indicatordsp:after {
    border-color: #7b7b7b;
}

.control--checkbox-2 input:disabled ~ .control__indicator-2:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicatordsp:after {
    left: 2px;
    top: 2px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #000;
}

.control--radio-2 .control__indicator-2:after {
    left: 4px;
    top: 4px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

.control--radio input:disabled ~ .control__indicatordsp:after {
    background: #7b7b7b;
}

.control--radio-2 input:disabled ~ .control__indicator-2:after {
    background: #7b7b7b;
}

.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

    .select select {
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 10px 15px;
        outline: 0;
        border: 0;
        border-radius: 0;
        background: #e6e6e6;
        color: #7b7b7b;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        .select select::-ms-expand {
            display: none;
        }

        .select select:focus, .select select:hover {
            color: #000;
            background: #ccc;
        }

        .select select:disabled {
            opacity: .5;
            pointer-events: none;
        }

.disabledli {
    pointer-events: none;
    opacity: .6;
}

.inc-496 {
    width: 496px !important;
}

.select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0;
    border-color: #7b7b7b transparent transparent;
}

.select select:focus ~ .select__arrow, .select select:hover ~ .select__arrow {
    border-top-color: #000;
}

.select select:disabled ~ .select__arrow {
    border-top-color: #ccc;
}

.not-drag tr {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.bdr-red {
    border: 1px solid red;
}

.no-border {
    border: none !important;
}

.bg-white {
    background: #fff;
}

.bg-violet {
    background: #061a92;
}

.overSite {
    padding-left: 15px;
}

.dashboard p {
    text-align: right;
    margin-top: 10px;
}

.dshbrdprnt-padding {
    padding-left: 2px;
    padding-right: 2px;
}

.overSite label {
    font-size: 14px;
    color: #000;
}

.overSite select {
    text-decoration: none;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    display: block;
    border-radius: 3px;
    padding-left: 5px;
}

select.properties {
    text-decoration: none;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    display: block;
    border-radius: 3px;
    width: 100%;
    outline: 0;
    height: 331px !important;
    padding: 0 0 0 10px;
    line-height: 32px;
}

    select.properties option {
        font-size: 14px;
        color: #000;
        margin-top: 10px;
    }

.separate p {
    text-align: center;
    font-size: 14px;
    color: #000;
}

    .separate p i {
        text-align: center;
        color: #000;
        border: #000 solid 2px;
        padding: 4px;
        font-size: 18px;
    }

.happened {
    background: #d6d6d6;
    padding: 10px 0;
    margin-bottom: 15px;
}

    .happened h2 {
        text-align: center;
        font-size: 18px;
        color: #000;
        font-weight: 700;
    }

.incidents-happen {
    padding: 10px 10px 0;
}

    .incidents-happen h6 {
        font-size: 14px;
        color: #000;
        font-weight: 700;
        margin-top: 5px;
    }

    .incidents-happen label {
        font-size: 14px;
        color: #000;
    }

p.images-text {
    padding: 0;
}

.photouploadfile {
    position: absolute;
    right: 0;
}

a, a:active, a:focus, a:hover, a:visited {
    outline: 0;
    -ms-outline: none;
    -moz-outline: none;
    -webkit-outline: none;
    text-decoration: none;
    -ms-text-decoration: none;
    -moz-text-decoration: none;
    -webkit-text-decoration: none;
}

.btn-fancy-radio {
    margin: 1em 1em 1em 0 !important;
    transform: scale(1.6,1.6) !important;
    -moz-transform: scale(1.6,1.6) !important;
    -ms-transform: scale(1.6,1.6) !important;
    -webkit-transform: scale(1.6,1.6) !important;
    -o-transform: scale(1.6,1.6) !important;
    margin: 4px !important;
}

input[type=checkbox]:active, input[type=radio]:active {
    outline: 0;
    -ms-outline: none;
    -moz-outline: none;
    -webkit-outline: none;
}

select#ddlPropertyOwnedBy {
    margin: 4px 0;
}

.incidents-happen select {
    text-decoration: none;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    display: block;
}

.incident {
    padding: 10px 10px 0;
}

    .incident p {
        font-size: 14px;
        color: #141414;
    }

.sound span {
    font-size: 14px;
    color: #000;
    line-height: 38px;
    margin-left: 16px;
}

.categories {
    padding: 15px 10px 10px;
}

    .categories span {
        font-size: 13px;
        color: #000;
        line-height: 27px;
        margin-left: 10px;
    }

    .categories input[type=checkbox] {
        width: 15px;
        height: 15px;
        margin-top: 6px;
    }

.categories-box {
    padding-right: 3px;
    height: 590px !important;
}

    .categories-box table thead tr th {
        background: #727272;
        color: #fff;
        font-size: 14px !important;
        text-align: center;
        font-weight: 700;
    }

    .categories-box tr td {
        background: #fff;
        color: #000;
        font-size: 14px !important;
        text-align: center;
        font-weight: 400;
    }

.btn-group-1 .btn-group-child {
    background-color: #2c3e54;
    border: 0 solid;
    border-radius: 20px;
    color: #f1f1f1;
    padding: 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    width: 100%;
    display: block;
    margin-bottom: 1px;
}

.ribbn .btn-group-child {
    background-color: #2c3e54;
    border: 0 solid;
    border-radius: 20px;
    color: #f1f1f1;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-size: 10px;
    cursor: pointer;
    width: 100%;
    display: block;
    margin-bottom: 1px;
}

.ribbn .btn-group-1 .btn-group-child:not(:last-child) {
    border-bottom: none;
}

.ribbn .btn-group-1 .btn-group-child:hover {
    background-color: #d6d6d6;
    color: #000;
}

.ribbn .btn-group-1 .btn-group-child:not(:last-child) {
    border-bottom: none;
}

.ribbn .btn-group-1 .btn-group-child:hover {
    background-color: #d6d6d6;
    color: #000;
}

.ribbn .btn-group-child:hover {
    background-color: #ededed !important;
    color: #000;
}

.ribbn .btn-group-1 .btn-group-child:not(:last-child) {
    border-bottom: none;
}

.btn-group-1 .btn-group-child:hover {
    background-color: #d6d6d6;
    color: #000;
}

.btn-group-1 .btn-group-child:not(:last-child) {
    border-bottom: none;
}

.btn-group-1 .btn-group-child:hover {
    background-color: #d6d6d6;
    color: #000;
}

.btn-group-child:hover {
    background-color: #ededed !important;
    color: #000;
}

.border-right-rap {
    border-right: 1px solid #d6d6d6;
}

.h-460-p {
    height: 460px;
}

.h-450-p {
    height: 450px;
}

.p-3-imp {
    padding: 3px !important;
}

.save-only {
    background: #000;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    outline: 0;
    border: none;
    padding: 6px 26px;
    text-align: center;
    position: relative;
    left: 0;
}

.cancel-2 {
    background: #000;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    outline: 0;
    border: none;
    padding: 6px 18px;
    text-align: center;
    position: relative;
    left: 10px;
}

.btnthislink {
    background: 0 0 !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    border-bottom: 1px solid #00f;
    cursor: pointer;
    color: #00f;
}

.save-cancel-btn-common {
    background-color: #4caf50;
    border: none;
    color: #f1f1f1;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    border-radius: 20px;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    cursor: pointer;
}

.save-cancel-btn {
    background-color: #2c3e54;
    color: #f1f1f1;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    border: 2px solid #2c3e54;
    display: inline;
    text-transform: uppercase;
    transition: all ease-in-out .3s;
}

    .save-cancel-btn:hover {
        background-color: #d6d6d6;
        color: #000;
        border: 2px solid #d6d6d6;
    }

.pinmapivon-button {
    padding: 1px 12px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin: 4px 2px;
    border-radius: 20px;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    cursor: pointer;
}
.pausevid{
    background:
#afaeae;
padding: 3px 4px 2px;
box-shadow: 0 0 4px
rgba(0,0,0,.8);
}
.pinmapivon-button-common {
    background-color: #2c3e54;
    color: #f1f1f1;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    border: 2px solid #2c3e54;
    display: inline;
    text-transform: uppercase;
    transition: all ease-in-out .3s;
}

    .pinmapivon-button-common:hover {
        background-color: #d6d6d6;
        color: #000;
        border: 2px solid #d6d6d6;
    }

.button2 {
    background-color: #2c3e54;
    color: #f1f1f1;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    border: 2px solid #2c3e54;
    display: inline;
    text-transform: uppercase;
    transition: all ease-in-out .3s;
    text-decoration: none;
    outline: 0;
    border: none;
    border-radius: 20px;
    padding: 6px 18px;
    text-align: center;
}

.all-user-serch {
    font-family: 'Open Sans',sans-serif;
    background: #2c3e54;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    color: #f1f1f1;
    border-radius: 20px;
    text-transform: uppercase;
    outline: 0;
    border: none;
    padding: 7px 18px 6px;
    text-align: center;
    position: relative;
    left: -15px;
}

.all-user-search {
    font-family: 'Open Sans',sans-serif;
    background: #2c3e54;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
    color: #f1f1f1;
    border-radius: 20px;
    text-transform: uppercase;
    outline: 0;
    border: none;
    padding: 4px 8px;
    text-align: center;
    position: relative;
    left: -15px;
}

.add-location-button:hover, .all-user-serch:hover, .button2:hover, .reset-all-user:hover, .save-only:hover, .save-update-register:hover {
    background-color: #d6d6d6;
    color: #000;
}

.button1 {
    background: #000;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    outline: 0;
    border: none;
    width: 200px;
    height: 30px;
    text-align: center;
}

    .button1:hover {
        background: #696969;
    }

.button3 {
    background: #000;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    outline: 0;
    border: none;
    padding: 6px 18px;
    text-align: center;
}

    .button3:hover {
        background: #696969;
    }

.save-back {
    background: #000;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    outline: 0;
    border: none;
    padding: 6px 30px;
    text-align: center;
}

    .save-back:hover {
        background: #696969;
    }

.button4 {
    background: #000;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    outline: 0;
    border: none;
    width: 160px;
    height: 30px;
    text-align: center;
}

    .button4:hover {
        background: #696969;
    }

.mLocation {
    background: #000 !important;
    font-size: 15px;
    text-decoration: none !important;
    color: #fff !important;
    outline: 0;
    border: none;
    padding: 6px 7px 7px;
    text-align: center;
}

    .mLocation:hover {
        text-decoration: none !important;
        color: #fff !important;
        background: #696969 !important;
    }

.button5 {
    background: #000;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    outline: 0;
    border: none;
    width: 108px;
    height: 30px;
    text-align: center;
}

    .button5:hover {
        background: #696969;
    }

textarea {
    resize: none !important;
    font-family: 'Open Sans',sans-serif !important;
    font-size: 14px;
    color: #363636 !important;
    font-weight: 600;
}

p.add-zone {
    margin: 0 0 30px 10px !important;
}

div.add-sectors {
    margin: 0 0 30px 10px !important;
}

input[type=text] {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 14px;
    color: #363636 !important;
    font-weight: 600;
    z-index: auto;
}

input[type=submit] {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 13px !important;
    color: #f1f1f1;
    font-weight: 600;
}

input[type=search] {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 14px !important;
    color: #363636 !important;
    font-weight: 600;
}

input[type=password] {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 14px !important;
    color: #363636 !important;
    font-weight: 600;
}

input[type=number] {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 14px !important;
    color: #363636 !important;
    font-weight: 600;
}

.overflowScroll {
    height: 548px;
    overflow-y: auto;
    overflow-x: hidden;
}

.overflow-auto {
    overflow: auto;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-y-hidden-imp {
    overflow-y: hidden !important;
}

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

.list-e-d-2 {
    display: none;
    text-align: center;
}

.list-e-d {
    display: none;
}

.list-e-d-parent:hover .list-e-d {
    display: block;
}

.list-e-d-parent-2:hover .list-e-d-2 {
    display: block;
}

.sgprop {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-y: auto;
    -ms-overflow-x: hidden;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    outline: 0 !important;
}

.form-group textarea {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 14px;
    color: #363636 !important;
    font-weight: 600 !important;
}

form.UserView {
    margin-bottom: 10px;
}

span.ilofrrbspnt {
    font-size: 10px !important;
}

span.ilofrrbstmt {
    font-size: 10px !important;
}

.form-group span {
    font-size: 14px;
    height: 10px;
}

.default-height {
    min-height: 460px;
}

.picmodel {
    position: absolute;
    right: 0;
    font-size: 20px;
    color: red;
}

.columnpicbox {
    width: 200px;
    padding: 0;
    position: absolute;
    background: #fff;
    z-index: 1;
    margin: 5% 0 0 30%;
    cursor: move;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.6);
}

.containerhedding {
    padding: 0 10px;
}

    .containerhedding::after {
        content: "";
        clear: both;
        display: table;
    }

a.print-map {
    background: #000 !important;
    font-size: 14px;
    text-decoration: none !important;
    color: #fff !important;
    outline: 0;
    border: none;
    text-align: center;
    padding: 8px 30px;
}

    a.print-map:hover {
        background: #696969 !important;
        color: #fff !important;
    }

label#lblHeaderProperty {
    line-height: 40px;
}

a.addzone {
    background: #000 !important;
    font-size: 12px !important;
    text-decoration: none !important;
    color: #fff !important;
    outline: 0 !important;
    border: none !important;
    text-align: center;
    padding: 7px 20px !important;
    display: block !important;
}

    a.SwitchSite:active, a.addzone:active {
        color: #fff !important;
        text-decoration: none !important;
    }

    a.SwitchSite:visited, a.addzone:visited {
        color: #fff !important;
        text-decoration: none !important;
    }

    a.SwitchSite:hover, a.addzone:hover {
        color: #fff !important;
        background: #696969;
        text-decoration: none !important;
    }

a.SwitchSite {
    background: #000;
    font-size: 14px;
    text-decoration: none !important;
    color: #fff;
    outline: 0;
    border: none;
    text-align: center;
    padding: 7px 20px;
    display: block;
    width: 25%;
}

.btn {
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif;
}

a.homeSwitchSite {
    background: #000;
    font-size: 14px;
    text-decoration: none !important;
    color: #fff;
    outline: 0;
    border: none;
    text-align: center;
    padding: 7px 0;
    display: block;
    width: 25%;
}

    a.homeSwitchSite:hover {
        background: #696969 !important;
        color: #fff !important;
    }

.circle-tile {
    margin-bottom: 15px;
    text-align: center;
}

    .circle-tile:hover .circle-tile-content {
        transition: all ease-in-out .3s;
        border-bottom: 4px solid #141414;
    }

.circle-tile-heading {
    position: relative;
    width: 90px;
    height: 90px;
    margin: 0 auto -40px;
    border: 3px solid #141414;
    border-radius: 100%;
    color: #141414;
    transition: all ease-in-out .3s;
}

.dark-blue {
    background-color: #cbc7b9;
    transition: all ease-in-out .3s;
}

.d-bord-icon {
    background-color: #fff;
    transition: all ease-in-out .3s;
}

.text-dark-blue {
    color: #34495e;
}

.circle-tile-heading .fa {
    line-height: 80px;
}

.circle-tile-heading.d-bord-icon {
    line-height: 76px;
}

.circle-tile-heading img {
    line-height: 80px;
}

.circle-tile-content {
    padding-top: 45px;
    border-bottom: 4px solid #cbc7b9;
    transition: all ease-in-out .3s;
    height: 100px;
}

.circle-tile-description {
    text-transform: uppercase;
}

.text-faded {
    color: #141414;
}

.tiles-container > .tiles-list:nth-child(1) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(2) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(3) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(4) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(5) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(6) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(7) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(8) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(9) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(10) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(11) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(12) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(13) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(14) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(15) {
    padding-right: 5px;
    padding-left: 5px;
}

.tiles-container > .tiles-list:nth-child(16) {
    padding-right: 5px;
    padding-left: 5px;
}

.circle-tile-number {
    padding: 10px 0 14px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.tile {
    margin-bottom: 15px;
    padding: 15px;
    overflow: hidden;
    color: #fff;
}

.nav-side-menu {
    overflow: auto;
    font-family: 'Open Sans',sans-serif;
    font-size: 100%;
    font-weight: 400;
    width: 97%;
    margin-left: 3%;
    position: fixed;
    top: 0;
    height: 100%;
    color: #fff;
    position: relative;
}

    .nav-side-menu .brand {
        background-color: #23282e;
        line-height: 50px;
        display: block;
        font-weight: 700;
        font-size: 20px;
        padding-left: 14px;
    }

    .nav-side-menu .toggle-btn {
        display: none;
    }

    .nav-side-menu li, .nav-side-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        cursor: pointer;
        font-size: 13px;
    }

        .nav-side-menu li :not(collapsed) .arrow:before, .nav-side-menu ul :not(collapsed) .arrow:before {
            font-family: FontAwesome;
            content: "\f078";
            display: inline-block;
            padding-left: 10px;
            padding-right: 10px;
            vertical-align: middle;
            float: right;
        }

        .nav-side-menu li .sub-menu, .nav-side-menu ul .sub-menu {
            border-top: 1px solid;
        }

            .nav-side-menu li .sub-menu li, .nav-side-menu ul .sub-menu li {
                margin-left: 20px;
                background-color: #d6d6d6;
                border: none;
                line-height: 28px;
                margin-left: 0;
            }

                .nav-side-menu li .sub-menu li a, .nav-side-menu ul .sub-menu li a {
                    color: #000 !important;
                }

        .nav-side-menu li a {
            text-decoration: none;
            color: #fff;
            line-height: 30px;
            padding-left: 10px;
            display: block;
        }

            .nav-side-menu li a i.fa-caret-right {
                position: relative;
                left: -12px;
                top: 2px;
                width: 0;
                font-size: 25px;
                padding-right: 0;
            }

            .nav-side-menu li a i.fa-minus-circle, .nav-side-menu li a i.fa-plus-circle {
                width: 12px;
                float: right;
                margin-top: 8px;
                margin-right: 15px;
            }

    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
.login-adv{
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 6rem;
    text-transform: uppercase;
    color: #020202;
}
.blinkadv {
  animation: blinker 1s linear infinite;
   color: red;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.btn-login {
    background: #2c3e54;
    color: #f1f1f1;
    font-weight: 600;
    text-transform: uppercase;
    min-width: 100px;
    height: 26px;
    border-radius: 20px;
    border: none;
    font-size: 14px;
}

    .btn-login:hover {
        color: #000;
        background: #d6d6d6;
    }

.changepassbtn {
    background: #2c3e54;
    color: #f1f1f1;
    font-weight: 600;
    text-transform: uppercase;
    height: 28px;
    padding: 0 12px;
    border-radius: 20px;
    border: none;
    font-size: 12px;
}

    .changepassbtn:hover {
        color: #000;
        background: #d6d6d6;
    }

.save-update {
    padding: 10px 0;
}

.dashboard {
    background: #fff;
    padding: 15px;
    margin: 8px 0;
}

.incident-operation {
    background: #d6d6d6;
    padding: 15px;
    margin: 8px 0;
}

    .incident-operation h2 {
        font-size: 14px;
        color: #000;
        font-weight: 600;
        text-align: center;
    }

    .incident-operation p {
        font-size: 14px;
        color: #000;
    }

    .incident-operation label {
        font-size: 14px;
        color: #000;
    }

    .incident-operation select {
        text-decoration: none;
        border: 1px solid #ccc;
        color: #000;
        font-size: 14px;
        display: block;
        border-radius: 3px;
        padding-left: 5px;
    }

.incident-button {
    margin-top: 15px;
}

    .incident-button ul {
        margin: 0;
        padding: 0;
    }

        .incident-button ul li {
            list-style: none;
            text-align: center;
            margin-bottom: 5px;
            background: #000;
            font-size: 14px;
            text-align: center;
            text-decoration: none;
            color: #fff;
            display: block;
        }

            .incident-button ul li:hover {
                background: #696969;
            }

            .incident-button ul li a {
                background: 0 0;
                outline: 0;
                border: none;
                color: #fff;
                font-weight: 700;
                display: block;
                font-size: 14px;
                text-decoration: none;
                padding: 9px 0;
            }

.nav-xbootstrap > ul > li.active > a {
    color: #fff;
    background: #696969;
}

img.header-logo-login {
    width: 100%;
}

.password {
    margin-top: 18px;
}

.login-block > div > h2 {
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.login-header-right {
    position: relative;
    top: 45px !important;
}

.login-header-fix {
    position: fixed;
    z-index: 99999;
    clear: both;
    height: 100px;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    height: 120px;
}

h1.title {
    font-size: 50px;
    font-family: 'Passion One',cursive;
    font-weight: 400;
}

.login-sec .copy-text i {
    color: #feb58a;
}

.login-sec .copy-text a {
    color: #e36262;
}

.login-block {
    background: #d6d6d6;
    width: 100%;
    padding: 15px;
    margin: 10px 0;
    height: 68vh;
}

.login-sec {
    padding: 15px;
    margin-top: 10%;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
}

    .login-sec .copy-text {
        position: absolute;
        width: 80%;
        bottom: 5px;
        font-size: 13px;
        text-align: center;
    }

.login-block label {
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    color: #363636;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 5px;
}

.main {
    background: #ededed;
    min-height: 100vh;
}

.mainPop {
    min-height: 93vh !important;
}

.CaseFileStatus {
    min-height: 68.6vh;
}

.login-main {
    padding-bottom: 0;
    margin-bottom: 0;
}

.contant-box-login {
    margin: 10px 0;
    padding: 5px;
    background: #fff;
    height: 68vh;
}

.contant-box {
    padding: 5px 0;
    background: #fff;
}

.login-left {
    background: #fff;
    height: 100%;
    width: 100%;
}

.body-part {
    width: 100%;
    padding: 1px 0;
}

.forgot p {
    position: relative;
    top: 15px;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
}

.login-form label {
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

label {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #363636;
}

.custom-lbl {
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    color: #363636;
}

.custom-lbl2 {
    font-family: 'Open Sans',sans-serif;
    font-size: 9px;
    color: #363636;
}

a, span {
    font-family: 'Open Sans',sans-serif !important;
}

.nav-xbootstrap {
    display: block;
    margin-bottom: 15px 0;
    float: right;
    top: 8px;
    position: relative;
}

.iconsize {
    font-size: 14px;
    top: 2px;
    left: 3px;
}

.nav-xbootstrap ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
}

.nav-xbootstrap li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    font-size: 14px;
    color: #def1f0;
    background: #000;
    margin-left: 1px;
}

    .nav-xbootstrap li a {
        padding: 7px 12px;
        font-size: 14px;
        color: #f1f1f1;
        display: inline-block;
        outline: 0;
        font-weight: 400;
        text-decoration: none;
    }

    .nav-xbootstrap li:hover ul.dropdown {
        display: block;
        z-index: 99;
    }

    .nav-xbootstrap li ul.dropdown {
        position: absolute;
        display: none;
        background: #000;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
        -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
        -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
        -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
        padding-top: 0;
    }

        .nav-xbootstrap li ul.dropdown li {
            display: block;
            list-style-type: none;
            width: 160px;
        }

            .nav-xbootstrap li ul.dropdown li a {
                padding: 4px 10px;
                font-size: 14px;
                color: #fff;
                display: block;
                font-weight: 400;
                background: #000;
                line-height: 22px;
                overflow-wrap: break-word;
                word-wrap: break-word;
                margin-top: 0;
            }

            .nav-xbootstrap li ul.dropdown li:last-child a {
                border-bottom: none;
            }

    .nav-xbootstrap li:hover a {
        background: #696969;
        color: #fff !important;
    }

    .nav-xbootstrap li:first-child:hover a {
        border-radius: 3px 0 0 3px;
    }

    .nav-xbootstrap li ul.dropdown li:hover a {
        background: #696969;
    }

    .nav-xbootstrap li ul.dropdown li:first-child:hover a {
        border-radius: 0;
    }

    .nav-xbootstrap li:hover .arrow-down {
        border-top: 5px solid #fff;
    }

.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #def1f0;
    position: relative;
    top: 15px;
    right: -5px;
    content: '';
}

.ui-datepicker td a, .ui-datepicker td span {
    text-align: center !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

footer.login-footer {
    position: fixed;
    bottom: 0;
    z-index: 999;
    height: 60px;
}

footer.footer {
    width: 100%;
    background: #000;
    text-align: center;
    padding: 20px 0 10px;
}

.footer .footer-p {
    font-family: Lato,sans-serif;
    font-size: 12px;
    color: #f1f1f1;
    text-align: center;
}

.col-2-5 {
    width: 20.825% !important;
}

.col-9-5 {
    width: 79.175% !important;
}

.add-user {
    background: #d6d6d6;
    padding: 15px;
    font-size: 15px;
    margin: 5px 0;
}

    .add-user ul {
        margin: 0;
        padding: 0;
    }

        .add-user ul li:hover {
            background: #696969;
        }

.user p {
    color: #000;
    font-size: 15px;
    padding: 5px 0 15px 15px;
    margin: 0;
}

.user span.field-validation-error {
    font-weight: 500;
    color: #de0303;
    font-size: 14px;
    margin-top: 5px;
}

.user h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 9px;
    font-weight: 700;
    padding: 30px 10px 10px;
}

p.complete {
    padding: 10px 0 10px 15px;
}

.profile {
    padding-top: 20px;
}

.users-form {
    padding: 0;
}

    .users-form input[type=text] {
        border-radius: 0;
    }

    .users-form select {
        border-radius: 0;
    }

.filter select {
    margin-left: 20px;
}

.chbox input[type=checkbox] {
    width: 17px;
    height: 17px;
    margin-top: 5px;
}

.upload-drop-zone {
    height: 200px;
    border-width: 2px;
    margin-bottom: 20px;
    color: #ccc;
    border-style: dashed;
    border-color: #ccc;
    line-height: 200px;
    text-align: center;
}

    .upload-drop-zone.drop {
        color: #222;
        border-color: #222;
    }

.file-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .file-preview-input input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
    }

    .file-preview-input span {
        font-size: 13px;
        margin-right: 4px;
    }

.file-preview-input-title {
    margin-left: 2px;
    font-size: 14px;
    line-height: 22px;
}

select {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 14px;
    color: #363636 !important;
    font-weight: 600;
}

.bg-1 {
    font-family: Roboto,sans-serif;
    font-size: 18px;
    color: #363636 !important;
    text-transform: uppercase;
    background-color: #f1f1f1 !important;
}

.clr-white {
    color: #fff;
    opacity: 1;
    text-decoration: none;
}

    .clr-white:active, .clr-white:focus, .clr-white:hover, .clr-white:visited {
        color: #fff;
        opacity: 1;
        text-decoration: none;
    }

.border {
    border: #e7e6e6 solid 1px;
}

.border-b-white {
    border-bottom: #fff solid 1px;
}

.categoryxy {
    padding: 10px;
}

.control-code {
    padding: 10px 10px 8px;
}

.results-3 {
    line-height: 24px;
}

.all-user p {
    margin-right: 15px;
}

.hr-1 {
    border-top: 1px solid #000 !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hr-2 {
    border-top: 1px solid #ddd;
    margin-top: 0;
    margin-bottom: 10px;
}

.position-relative-lm-15 {
    position: relative;
    left: -15px;
}

.alphabetpager {
    margin: 20px 0;
}

    .alphabetpager ul {
        margin: 0;
        padding: 0;
    }

        .alphabetpager ul li a:hover {
            background: #d6d6d6;
            color: #000;
            outline: 0;
            -ms-outline: none;
        }

        .alphabetpager ul li {
            list-style: none;
            display: inline-block;
        }

            .alphabetpager ul li a {
                color: #363636;
                text-decoration: none;
                background: #fff;
                font-family: 'Open Sans',sans-serif;
                font-size: 14px;
                font-weight: 600;
                padding: 2px 7px;
                outline: 0;
                -ms-outline: none;
                border: #ccc solid 1px;
            }

a, button {
    outline: 0;
    -ms-outline: none;
}

    a:focus, button:focus {
        outline: 0;
        -ms-outline: none;
    }

.text-left {
    text-align: left !important;
}

.user-information {
    background: #727272;
}

    .user-information h3 {
        color: #fff;
    }

    .user-information a {
        color: #fff;
    }

.information h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.information table tr th {
    font-size: 14px;
    width: 50%;
    padding: 10px 0;
}

.information table tr td {
    font-size: 14px;
}

.files p {
    outline: 2px dashed #727272;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out,background-color .15s linear;
    transition: outline-offset .15s ease-in-out,background-color .15s linear;
    padding: 8%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
    font-size: 14px;
}

    .files p img {
        width: 100%;
    }

.files {
    position: relative;
}

.color input {
    background-color: #f1f1f1;
}

.modal-header {
    display: block !important;
    border: none !important;
}

.forgot {
    font-size: 18px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 700;
}

.wrap {
    position: absolute;
    overflow: hidden;
    top: 36%;
    left: 28%;
    padding: 15px 10px;
    display: block;
    border-radius: 4px;
    transform: translateY(20px);
    transition: all .5s;
    visibility: hidden;
    z-index: 9;
}

    .wrap .content {
        opacity: 0;
    }

    .wrap:before {
        position: absolute;
        width: 1px;
        height: 1px;
        background: #d6d6d6;
        content: "";
        bottom: 10px;
        left: 50%;
        top: 95%;
        color: #fff;
        border-radius: 50%;
        -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1);
        transition: all .6s cubic-bezier(.215,.61,.355,1);
    }

    .wrap.active {
        display: block;
        visibility: visible;
        transition: all .6s;
        transform: translateY(0);
        transition: all .5s;
        border: #c5c2c2 solid 5px;
    }

        .wrap.active:before {
            height: 2000px;
            width: 2000px;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            margin-left: -1000px;
            margin-top: -1000px;
            display: block;
            -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1);
            transition: all .6s cubic-bezier(.215,.61,.355,1);
        }

        .wrap.active .content {
            position: relative;
            z-index: 1;
            opacity: 1;
            transition: all .6s cubic-bezier(.55,.055,.675,.19);
        }

.datos {
    table-layout: fixed;
}

.modal-header {
    background: #f1f1f1;
}

.panel {
    margin-bottom: 0;
    background-color: #fff;
    border: none !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 0 0 transparent !important;
    box-shadow: 0 0 0 transparent !important;
}

.form-control {
    height: 32px;
    border-radius: 0;
    margin-bottom: 0;
    padding: 5px 12px;
}

.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .table:first-child > thead:first-child > tr:first-child th:first-child {
    border-radius: 0 !important;
}

.table-box table tr td a {
    color: #000;
    text-decoration: none;
}

    .table-box table tr td a:hover {
        color: #696969;
        text-decoration: none;
    }

.input-height {
    height: 50px;
}

.parking {
    color: #000;
    font-size: 14px;
    line-height: 40px;
}

.parking-2 {
    color: #000;
    font-size: 14px;
    line-height: 26px;
}

.input-validation-error, input:invalid {
    background: #c1dae7 !important;
    border: 1px solid red;
}

input#CallBackNumber:invalid {
    background: 0 0 !important;
}

.validationBorder {
    border-color: red !important;
}

.validationChkRadio {
    color: red !important;
    float: left;
    clear: both;
    margin-left: 0;
    position: absolute;
    margin-left: 10px;
    top: 0;
}

.text-check-inline {
    margin-left: 140px;
    margin-top: -30px;
}

.badge-1 {
    display: inline-block;
    min-width: 10px;
    padding: 8px;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #fff;
    border-radius: 3px;
}

.set-lft-1 {
    position: relative;
    left: -20px;
    top: 4px;
}

.set-lft-3 {
    position: relative;
    top: 5px;
    float: right;
}

    .set-lft-3 .tooltipinfo .tooltiptext {
        font-size: 14px !important;
    }

.set-lft-2 {
    position: relative;
    left: -20px;
    top: 5px;
}

.right-or-3 select + span:after {
    content: "OR";
    display: inline;
}

span.or-span-3 {
    float: right;
    position: relative;
    top: -25px;
    left: 7px;
    font-size: 14px;
}

.right-or select + span:after {
    content: "OR";
    display: inline;
}

span.or-span {
    float: right;
    position: relative;
    top: -25px;
    left: 15px;
    font-size: 14px;
}

.right-or-2 select + span:after {
    content: "OR";
    display: inline;
}

span.or-span-2 {
    float: right;
    position: relative;
    top: -25px;
    left: 10px;
    font-size: 14px;
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: 0 !important;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#company_list_filter label input[type=search] {
    width: 72%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    height: 32px;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 14px;
}

.b-1 {
    border: 1px solid rgba(0,0,0,.26);
}

.m-h-100-p {
    min-height: 100px;
}

.m-h-100-p2 {
    min-height: 70px;
}

.offseduleheightrow {
    height: 121px;
}

.offcrschdulcntnr {
    width: 22% !important;
    border-right: 5px solid #ededed;
}

.offcrschdulcntnrmid {
    width: 65% !important;
}

.bdr5toprow {
    border-left: 5px solid #ededed;
    width: 13% !important;
}

.m-h-100-vh {
    min-height: 100vh;
}

.h-410-p {
    height: 410px !important;
}

.h-408-p {
    height: 408px !important;
}

.h-406-p {
    height: 406px !important;
}

.h-405-p {
    height: 405px !important;
}

.h-402-p {
    height: 402px !important;
}

.h-400-p {
    height: 800px !important;
}

.h-354-p {
    height: 354px !important;
}

.h-300-p {
    height: 355px !important;
    height: 600px !important;
}

.h-280-p {
    height: 280px !important;
}

.h-250-p {
    height: 250px !important;
}

.h-200-p {
    height: 200px !important;
}

.h-192-p {
    height: 192px !important;
}

.h-180-p {
    height: 180px !important;
}

.h-150-p {
    height: 150px !important;
}

.h-110-p {
    height: 110px !important;
}

.h-120-p {
    height: 120px;
}

.h-119-p {
    height: 119px;
}

.h-100-p {
    height: 100px;
}

.h-70-p {
    height: 70px;
}

.h-100-pimp {
    height: 100px !important;
}

.h-90-pimp {
    height: 90px !important;
}

.h-140-pimp {
    height: 140px !important;
}

.h-130-p {
    height: 130px;
}

.h-140-p {
    height: 140px;
}

.h-80-p {
    height: 81px;
}

.h-50-p {
    height: 50px;
}

.box-height190 {
    height: 190px;
}

.h-40-p {
    height: 40px;
}

.h-30 {
    height: 30px;
}

.min-h-100-p {
    min-height: 100px;
}

.min-h-150-p {
    min-height: 150px;
}

.min-h-200-p {
    min-height: 200px;
}

.max-h-800-p {
    max-height: 800px !important;
}

.max-h-600-p {
    max-height: 600px !important;
}

.max-h-550-p {
    max-height: 550px !important;
}

.max-h-500-p {
    max-height: 500px !important;
}

.max-h-410-p {
    max-height: 410px !important;
}

.max-h-405-p {
    max-height: 405px !important;
}

.max-h-400-p {
    max-height: 400px !important;
}

.wg-list {
    max-height: 500px;
}

.max-h-600-p {
    max-height: 600px !important;
}

.max-h-610-p {
    max-height: 610px !important;
}

.max-h-612-p {
    max-height: 612px !important;
}

.prep-rec-dispach {
    margin: 0 auto !important;
    float: none !important;
}

.max-h-380-p {
    max-height: 380px !important;
}

.max-h-360-p {
    max-height: 360px !important;
}

.max-h-350-p {
    max-height: 350px;
}

.max-h-340-p {
    max-height: 340px;
}

.max-h-320-p {
    max-height: 320px;
}

.h-320-p {
    height: 320px;
}

.max-h-300-p {
    max-height: 300px;
}

.max-h-290-p {
    max-height: 290px;
}

.max-h-285-p {
    max-height: 285px;
}

.h-285-p {
    height: 285px;
}

.h-350-p {
    height: 350px;
}

.h-600-p {
    height: 600px;
}

.h-610-p {
    height: 610px;
}

.max-h-280-p {
    max-height: 280px;
}

.max-h-440-p {
    max-height: 440px;
}

.max-h-340-p {
    max-height: 340px;
}

.max-h-270-p {
    max-height: 270px;
}

.max-h-260-p {
    max-height: 260px;
}

.max-h-250-p {
    max-height: 250px;
}

.max-h-240-p {
    max-height: 240px;
}

.max-h-230-p {
    max-height: 230px;
}

.max-h-238-p {
    max-height: 238px;
}

.max-h-220-p {
    max-height: 220px;
}

.max-h-210-p {
    max-height: 210px;
}

.max-h-200-p {
    max-height: 200px;
}

.setmxwth {
    max-height: 200px;
}

.h-200-p {
    height: 200px;
}

.max-h-440-p {
    max-height: 440px;
}

.max-h-183-p {
    max-height: 183px;
}

.min-h-178-p {
    min-height: 178px;
}

.max-h-323-p {
    max-height: 323px;
}

.max-h-280-p {
    max-height: 280px;
}

.max-h-180-p {
    max-height: 180px;
}

.max-h-150-p {
    max-height: 150px;
}

.max-h-136-p {
    max-height: 136px;
}

.max-h-120-p {
    max-height: 120px;
}

.max-h-100-p {
    max-height: 100px;
}

.max-h-90-p {
    max-height: 90px;
}

.max-h-80-p {
    max-height: 80px;
}

.max-h-70-p {
    max-height: 70px;
}

.max-h-60-p {
    max-height: 60px;
}

.max-h-50-p {
    max-height: 50px;
}

.max-h-40-p {
    max-height: 40px;
}

.max-h-30 {
    max-height: 30px;
}

.max-h-20 {
    max-height: 20px;
}

.max-h-10 {
    max-height: 10px;
}

.h-423p {
    height: 423px;
}

.h-353p {
    height: 353px;
}

.plr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.plr-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.plr-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.plr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.plr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.plr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.plr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.plr-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.padding-l-0 {
    padding-left: 0 !important;
}

.p-l-0 {
    padding-left: 0;
}

.p-r-0-imp {
    padding-right: 0 !important;
}

.p-l-1 {
    padding-left: 1px;
}

.p-l-2 {
    padding-left: 2px;
}

.p-l-3 {
    padding-left: 3px;
}

.p-l-4 {
    padding-left: 4px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-7 {
    padding-left: 7px;
    padding-left: 7px;
}

.padding-l-2 {
    padding-left: 2px;
}

.padding-l-5 {
    padding-left: 5px;
}

.padding-l-8 {
    padding-left: 8px;
}

.padding-l-10 {
    padding-left: 10px;
}

.padding-l-12 {
    padding-left: 12px;
}

.padding-l-15 {
    padding-left: 15px;
}

.padding-l-17 {
    padding-left: 17px;
}

.padding-l-20 {
    padding-left: 20px;
}

.padding-l-22 {
    padding-left: 22px;
}

.padding-l-45 {
    padding-left: 45px;
}

.p-l-5-imp {
    padding-left: 5px !important;
}

.p-l-15-imp {
    padding-left: 15px !important;
}

.p-l-17-imp {
    padding-left: 17px !important;
}

.p-l-18-imp {
    padding-left: 18px !important;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-20-imp {
    padding-left: 20px !important;
}

.p-l-23 {
    padding-left: 23px;
}

.p-l-23-imp {
    padding-left: 23px !important;
}

.p-l-24 {
    padding-left: 24px;
}

.p-l-24-imp {
    padding-left: 24px !important;
}

.p-l-25 {
    padding-left: 25px;
}

.p-l-25-imp {
    padding-left: 25px !important;
}

.p-l-26 {
    padding-left: 26px;
}

.p-l-26-imp {
    padding-left: 26px !important;
}

.p-l-27-imp {
    padding-left: 27px !important;
}

.p-l-28-imp {
    padding-left: 28px !important;
}

.padding-r-0 {
    padding-right: 0;
}

.p-r-1 {
    padding-right: 1px;
}

.p-r-2 {
    padding-right: 2px;
}

.p-r-3 {
    padding-right: 3px;
}

.p-r-4 {
    padding-right: 4px;
}

.padding-r-5 {
    padding-right: 5px;
}

.padding-r-7 {
    padding-right: 7px;
}

.padding-r-8 {
    padding-right: 8px;
}

.padding-r-10 {
    padding-right: 10px;
}

.padding-r-12 {
    padding-right: 12px;
}

.padding-r-15 {
    padding-right: 15px;
}

.padding-r-18 {
    padding-right: 18px;
}

.padding-r-20 {
    padding-right: 20px;
}

.padding-r-25 {
    padding-right: 25px;
}

.padding-r-28 {
    padding-right: 28px;
}

.p-r-30 {
    padding-right: 30px;
}

.p-r-38 {
    padding-right: 38px;
}

.p-r-62 {
    padding-right: 62px;
}

.p-2 {
    padding: 2px !important;
}

.p-1 {
    padding: 1px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-6 {
    padding: 6px !important;
}

.p-7 {
    padding: 7px !important;
}

.p-8 {
    padding: 8px !important;
}

.p-2-4 {
    padding: 2px 4px !important;
}

.p-3-4 {
    padding: 3px 4px;
}

.p-1-6-2 {
    padding: 1px 6px 2px !important;
}

.p-5-4 {
    padding: 5px 4px !important;
}

.p-4-6 {
    padding: 4px 6px !important;
}

.p-6-6 {
    padding: 6px !important;
}

.p-8-15 {
    padding: 8px 15px !important;
}

.p-8-12 {
    padding: 8px 12px !important;
}

.p-5-0 {
    padding: 5px 0;
}

.p-1-10 {
    padding: 1px 10px;
}

.p-1-10-imp {
    padding: 1px 10px !important;
}

.p-5-2 {
    padding: 5px 2px;
}

.p-2-1 {
    padding: 2px 1px;
}

.p-1-0 {
    padding: 1px 0;
}

.p-1-2 {
    padding: 1px 2px;
}

.p-1-4-imp {
    padding: 1px 4px !important;
}

.pds-243 {
    padding: 2px 4px 3px !important;
}

padding:2px 5px 3px .txt-padding {
    padding: 5px 4px;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.p-b-2 {
    padding-bottom: 2px !important;
}

.p-b-4 {
    padding-bottom: 4px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-6 {
    padding-bottom: 6px !important;
}

.p-b-7 {
    padding-bottom: 7px !important;
}

.p-b-8 {
    padding-bottom: 8px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-12 {
    padding-bottom: 12px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.p-b-26 {
    padding-bottom: 26px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.p-0 {
    padding: 0 !important;
}

.p-t-0 {
    padding-top: 0 !important;
}

.p-t-1 {
    padding-top: 1px !important;
}

.p-t-2 {
    padding-top: 2px !important;
}

.p-t-3 {
    padding-top: 3px !important;
}

.p-t-4 {
    padding-top: 4px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-8 {
    padding-top: 8px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-17 {
    padding-top: 17px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-t-35 {
    padding-top: 35px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.p-l-r-5-imp {
    padding: 0 5px !important;
}

.p-t-b-40 {
    padding: 40px 0 !important;
}

.p-b-35 {
    padding-bottom: 35px !important;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-25 {
    padding-left: 25px;
}

.p-l-27 {
    padding-left: 27px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-l-35 {
    padding-left: 35px;
}

.p-10-5-5-10 {
    padding: 10px 1px 5px 10px;
}

.p-10-10-5-5 {
    padding: 10px 10px 5px 1px;
}

.p-2 {
    padding: 2px !important;
}

.p-4 {
    padding: 4px !important;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-100 {
    margin-left: 100px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-100 {
    margin-right: 100px;
}

.m-t-b-21 {
    margin: 21px 0;
}

.pos-abs {
    position: absolute;
}

.left-auto {
    left: auto !important;
}

.p-static-imp {
    position: static !important;
}

.pos-rel {
    position: relative;
}

.pos-rel-l-1 {
    position: relative;
    left: 1px;
}

.pos-rel-l-2 {
    position: relative;
    left: 2px;
}

.pos-rel-l-3 {
    position: relative;
    left: 3px;
}

.pos-rel-l-4 {
    position: relative;
    left: 4px;
}

.pos-rel-l-5 {
    position: relative;
    left: 5px;
}

.pos-rel-l-6 {
    position: relative;
    left: 6px;
}

.pos-rel-l-7 {
    position: relative;
    left: 7px;
}

.pos-rel-l-8 {
    position: relative;
    left: 8px;
}

.pos-rel-l-9 {
    position: relative;
    left: 9px;
}

.pos-rel-l-10 {
    position: relative;
    left: 10px;
}

.pos-rel-l-11 {
    position: relative;
    left: 11px;
}

.pos-rel-l-12 {
    position: relative;
    left: 12px;
}

.pos-rel-l-13 {
    position: relative;
    left: 13px;
}

.pos-rel-l-14 {
    position: relative;
    left: 14px;
}

.pos-rel-l-15 {
    position: relative;
    left: 15px;
}

.pos-rel-l-16 {
    position: relative;
    left: 16px;
}

.pos-rel-l-17 {
    position: relative;
    left: 17px;
}

.pos-rel-l-18 {
    position: relative;
    left: 18px;
}

.pos-rel-l-19 {
    position: relative;
    left: 19px;
}

.pos-rel-l-20 {
    position: relative;
    left: 20px;
}

.pos-rel-l-21 {
    position: relative;
    left: 21px;
}

.pos-rel-l-22 {
    position: relative;
    left: 22px;
}

.pos-rel-l-23 {
    position: relative;
    left: 23px;
}

.pos-rel-l-24 {
    position: relative;
    left: 24px;
}

.pos-rel-l-25 {
    position: relative;
    left: 25px;
}

.pos-rel-l-26 {
    position: relative;
    left: 26px;
}

.pos-rel-l-27 {
    position: relative;
    left: 27px;
}

.pos-rel-l-28 {
    position: relative;
    left: 28px;
}

.pos-rel-l-29 {
    position: relative;
    left: 29px;
}

.pos-rel-l-30 {
    position: relative;
    left: 30px;
}

.pos-rel-r-1 {
    position: relative;
    right: 1px;
}

.pos-rel-r-2 {
    position: relative;
    right: 2px;
}

.pos-rel-r-3 {
    position: relative;
    right: 3px;
}

.pos-rel-r-4 {
    position: relative;
    right: 4px;
}

.pos-rel-r-5 {
    position: relative;
    right: 5px;
}

.pos-rel-r-6 {
    position: relative;
    right: 6px;
}

.pos-rel-r-7 {
    position: relative;
    right: 7px;
}

.pos-rel-r-8 {
    position: relative;
    right: 8px;
}

.pos-rel-r-9 {
    position: relative;
    right: 9px;
}

.pos-rel-r-10 {
    position: relative;
    right: 10px;
}

.pos-rel-r-11 {
    position: relative;
    right: 11px;
}

.pos-rel-r-12 {
    position: relative;
    right: 12px;
}

.pos-rel-r-13 {
    position: relative;
    right: 13px;
}

.pos-rel-r-14 {
    position: relative;
    right: 14px;
}

.pos-rel-r-15 {
    position: relative;
    right: 15px;
}

.pos-rel-r-16 {
    position: relative;
    right: 16px;
}

.pos-rel-r-17 {
    position: relative;
    right: 17px;
}

.pos-rel-r-18 {
    position: relative;
    right: 18px;
}

.pos-rel-r-19 {
    position: relative;
    right: 19px;
}

.pos-rel-r-20 {
    position: relative;
    right: 20px;
}

.pos-rel-r-21 {
    position: relative;
    right: 21px;
}

.pos-rel-r-22 {
    position: relative;
    right: 22px;
}

.pos-rel-r-23 {
    position: relative;
    right: 23px;
}

.pos-rel-r-24 {
    position: relative;
    right: 24px;
}

.pos-rel-r-25 {
    position: relative;
    right: 25px;
}

.pos-rel-r-26 {
    position: relative;
    right: 26px;
}

.pos-rel-r-27 {
    position: relative;
    right: 27px;
}

.pos-rel-r-28 {
    position: relative;
    right: 28px;
}

.pos-rel-r-29 {
    position: relative;
    right: 29px;
}

.pos-rel-r-30 {
    position: relative;
    right: 30px;
}

.pos-rel-t-1 {
    position: relative;
    top: 1px;
}

.pos-rel-t-2 {
    position: relative;
    top: 2px;
}

.pos-rel-t-3 {
    position: relative;
    top: 3px;
}

.pos-rel-t-4 {
    position: relative;
    top: 4px;
}

.pos-rel-t-5 {
    position: relative;
    top: 5px;
}

.pos-rel-t-6 {
    position: relative;
    top: 6px;
}

.pos-rel-t-7 {
    position: relative;
    top: 7px;
}

.pos-rel-t-8 {
    position: relative;
    top: 8px;
}

.pos-rel-t-9 {
    position: relative;
    top: 9px;
}

.pos-rel-t-10 {
    position: relative;
    top: 10px;
}

.pos-rel-t-11 {
    position: relative;
    top: 11px;
}

.pos-rel-t-12 {
    position: relative;
    top: 12px;
}

.pos-rel-t-13 {
    position: relative;
    top: 13px;
}

.pos-rel-t-14 {
    position: relative;
    top: 14px;
}

.pos-rel-t-15 {
    position: relative;
    top: 15px;
}

.pos-rel-t-16 {
    position: relative;
    top: 16px;
}

.pos-rel-t-17 {
    position: relative;
    top: 17px;
}

.pos-rel-t-18 {
    position: relative;
    top: 18px;
}

.pos-rel-t-19 {
    position: relative;
    top: 19px;
}

.pos-rel-t-20 {
    position: relative;
    top: 20px;
}

.pos-rel-t-21 {
    position: relative;
    top: 21px;
}

.pos-rel-t-22 {
    position: relative;
    top: 22px;
}

.pos-rel-t-23 {
    position: relative;
    top: 23px;
}

.pos-rel-t-24 {
    position: relative;
    top: 24px;
}

.pos-rel-t-25 {
    position: relative;
    top: 25px;
}

.pos-rel-t-26 {
    position: relative;
    top: 26px;
}

.pos-rel-t-27 {
    position: relative;
    top: 27px;
}

.pos-rel-t-28 {
    position: relative;
    top: 28px;
}

.pos-rel-t-29 {
    position: relative;
    top: 29px;
}

.pos-rel-t-30 {
    position: relative;
    top: 30px;
}

.pos-rel-t-50 {
    position: relative;
    top: 50px;
}

.pos-rel-t-70 {
    position: relative;
    top: 70px;
}

.pos-rel-t-65 {
    position: relative;
    top: 65px;
}

.pos-rel-t-mns-1 {
    position: relative;
    top: -1px;
}

.pos-rel-t-mns-2 {
    position: relative;
    top: -2px;
}

.pos-rel-t-mns-3 {
    position: relative;
    top: -3px;
}

.pos-rel-t-mns-4 {
    position: relative;
    top: -4px;
}

.pos-rel-t-mns-5 {
    position: relative;
    top: -5px;
}

.pos-rel-t-mns-6 {
    position: relative;
    top: -6px;
}

.pos-rel-t-mns-7 {
    position: relative;
    top: -7px;
}

.pos-rel-t-mns-8 {
    position: relative;
    top: -8px;
}

.pos-rel-t-mns-9 {
    position: relative;
    top: -9px;
}

.pos-rel-t-mns-10 {
    position: relative;
    top: -10px;
}

.pos-rel-t-mns-11 {
    position: relative;
    top: -11px;
}

.pos-rel-t-mns-12 {
    position: relative;
    top: -12px;
}

.pos-rel-t-mns-13 {
    position: relative;
    top: -13px;
}

.pos-rel-t-mns-14 {
    position: relative;
    top: -14px;
}

.pos-rel-t-mns-15 {
    position: relative;
    top: -15px;
}

.pos-rel-t-mns-16 {
    position: relative;
    top: -16px;
}

.pos-rel-t-mns-17 {
    position: relative;
    top: -17px;
}

.pos-rel-t-mns-18 {
    position: relative;
    top: -18px;
}

.pos-rel-t-mns-19 {
    position: relative;
    top: -19px;
}

.pos-rel-t-mns-20 {
    position: relative;
    top: -20px;
}

.pos-rel-t-mns-21 {
    position: relative;
    top: -21px;
}

.pos-rel-t-mns-22 {
    position: relative;
    top: -22px;
}

.pos-rel-t-mns-23 {
    position: relative;
    top: -23px;
}

.pos-rel-t-mns-24 {
    position: relative;
    top: -24px;
}

.pos-rel-t-mns-25 {
    position: relative;
    top: -25px;
}

.pos-rel-t-mns-26 {
    position: relative;
    top: -26px;
}

.pos-rel-t-mns-27 {
    position: relative;
    top: -27px;
}

.pos-rel-t-mns-28 {
    position: relative;
    top: -28px;
}

.pos-rel-t-mns-29 {
    position: relative;
    top: -29px;
}

.pos-rel-t-mns-30 {
    position: relative;
    top: -30px;
}

.pos-rel-t-mns-31 {
    position: relative;
    top: -31px;
}

.pos-rel-t-mns-32 {
    position: relative;
    top: -32px;
}

.pos-rel-t-mns-33 {
    position: relative;
    top: -33px;
}

.pos-rel-t-mns-35 {
    position: relative;
    top: -35px;
}

.pos-rel-t-mns-36 {
    position: relative;
    top: -36px;
}

.pos-rel-t-mns-37 {
    position: relative;
    top: -37px;
}

.pos-rel-t-mns-38 {
    position: relative;
    top: -38px;
}

.pos-rel-t-mns-39 {
    position: relative;
    top: -39px;
}

.pos-rel-t-mns-40 {
    position: relative;
    top: -40px;
}

.pos-rel-t-mns-45 {
    position: relative;
    top: -45px;
}

.pos-rel-t-mns-50 {
    position: relative;
    top: -50px;
}

.pos-rel-t-mns-55 {
    position: relative;
    top: -55px;
}

.pos-rel-t-mns-60 {
    position: relative;
    top: -55px;
}

.pos-rel-t-mns-65 {
    position: relative;
    top: -65px;
}

.pos-rel-b-1 {
    position: relative;
    bottom: 1px;
}

.pos-rel-b-2 {
    position: relative;
    bottom: 2px;
}

.pos-rel-b-3 {
    position: relative;
    bottom: 3px;
}

.pos-rel-b-4 {
    position: relative;
    bottom: 4px;
}

.pos-rel-b-5 {
    position: relative;
    bottom: 5px;
}

.pos-rel-b-6 {
    position: relative;
    bottom: 6px;
}

.pos-rel-b-7 {
    position: relative;
    bottom: 7px;
}

.pos-rel-b-8 {
    position: relative;
    bottom: 8px;
}

.pos-rel-b-9 {
    position: relative;
    bottom: 9px;
}

.pos-rel-b-10 {
    position: relative;
    bottom: 10px;
}

.pos-rel-b-11 {
    position: relative;
    bottom: 11px;
}

.pos-rel-b-12 {
    position: relative;
    bottom: 12px;
}

.pos-rel-b-13 {
    position: relative;
    bottom: 13px;
}

.pos-rel-b-14 {
    position: relative;
    bottom: 14px;
}

.pos-rel-b-15 {
    position: relative;
    bottom: 15px;
}

.pos-rel-b-16 {
    position: relative;
    bottom: 16px;
}

.pos-rel-b-17 {
    position: relative;
    bottom: 17px;
}

.pos-rel-b-18 {
    position: relative;
    bottom: 18px;
}

.pos-rel-b-19 {
    position: relative;
    bottom: 19px;
}

.pos-rel-b-20 {
    position: relative;
    bottom: 20px;
}

.pos-rel-b-21 {
    position: relative;
    bottom: 21px;
}

.pos-rel-b-22 {
    position: relative;
    bottom: 22px;
}

.pos-rel-b-23 {
    position: relative;
    bottom: 23px;
}

.pos-rel-b-24 {
    position: relative;
    bottom: 24px;
}

.pos-rel-b-25 {
    position: relative;
    bottom: 25px;
}

.pos-rel-b-26 {
    position: relative;
    bottom: 26px;
}

.pos-rel-b-27 {
    position: relative;
    bottom: 27px;
}

.pos-rel-b-28 {
    position: relative;
    bottom: 28px;
}

.pos-rel-b-29 {
    position: relative;
    bottom: 29px;
}

.pos-rel-b-30 {
    position: relative;
    bottom: 30px;
}

.pos-rel-b-40 {
    position: relative;
    bottom: 40px;
}

.m-hr {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-t-5p {
    margin-top: 5px;
}

.m-t-5-p {
    margin-top: 5px;
}

.m-l-0 {
    margin-left: 0;
}

.m-l-0-imp {
    margin-left: 0 !important;
}

.m-r-0-imp {
    margin-right: 0 !important;
}

.m-l-1 {
    margin-left: 1px;
}

.m-r-minus-5 {
    margin-right: -5px !important;
}

.m-r-minus-10 {
    margin-right: -10px !important;
}

.m-l-minus-5 {
    margin-left: -5px !important;
}

.m-l-minus-10 {
    margin-left: -10px !important;
}

.m-l-minus-20 {
    margin-left: -20px !important;
}

.m-t-minus-2 {
    margin-top: -2px;
}

.m-t-minus-10 {
    margin-top: -10px !important;
}

.m-t-minus-12 {
    margin-top: -12px !important;
}

.m-t-minus-15 {
    margin-top: -15px !important;
}

.m-t-minus-17 {
    margin-top: -17px !important;
}

.m-t-minus-20 {
    margin-top: -20px !important;
}

.m-t-minus-25 {
    margin-top: -25px !important;
}

.m-t-minus-30 {
    margin-top: -30px !important;
}

.m-t-minus-100 {
    margin-top: -100px !important;
}

.m-t-minus-135 {
    margin-top: -135px !important;
}

.m-t-minus-7 {
    margin-top: -7px !important;
}

.m-t-minus-5 {
    margin-top: -5px !important;
}

.m-t-minus-3 {
    margin-top: -3px !important;
}

.m-t-minus-2 {
    margin-top: -2px !important;
}

.m-r-0 {
    margin-right: 0 !important;
}

.m-l-8 {
    margin-left: 8px;
}

.m-l-9 {
    margin-left: 9px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-16 {
    margin-left: 16px;
}

.m-l-17 {
    margin-left: 17px;
}

.m-l-18 {
    margin-left: 18px;
}

.m-l-24 {
    margin-left: 24px;
}

.m-l-20 {
    margin-left: 20px;
}

.ml-222 {
    margin-left: 222px;
}

.m-l-22 {
    margin-left: 22px;
}

.m-l-26 {
    margin-left: 26px;
}

.m-l-27 {
    margin-left: 27px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-l-30-imp {
    margin-left: 30px !important;
}

.m-l-33 {
    margin-left: 33px;
}

.m-l-40 {
    margin-left: 40px;
}

.m-l-43 {
    margin-left: 43px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-r-15-imp {
    margin-right: 15px !important;
}

.m-r-25 {
    margin-right: 25px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-10-imp {
    margin-left: 10px !important;
}

.m-l-12 {
    margin-left: 12px;
}

.m-l-13 {
    margin-left: 13px;
}

.m-l-2 {
    margin-left: 2px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-3 {
    margin-left: 3px;
}

.m-l-5-imp {
    margin-left: 5px !important;
}

.m-r-min-10 {
    margin-right: -10px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-7 {
    margin-right: 7px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-5-imp {
    margin-right: 5px !important;
}

.m-r-3-imp {
    margin-right: 3px !important;
}

.m-0 {
    margin: 0 !important;
}

.m-auto {
    margin: auto !important;
}

.m-0-auto {
    margin: 0 auto !important;
}

.mh-100vh {
    max-height: 100vh !important;
}

.p-t-b-5 {
    margin: 5px 0 !important;
}

.m-t-1 {
    margin-top: 1px !important;
}

.m-t-2 {
    margin-top: 2px !important;
}

.m-t-3 {
    margin-top: 3px !important;
}

.margin-top-3 {
    margin-top: 3px;
}

.m-t-4 {
    margin-top: 4px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-6 {
    margin-top: 6px !important;
}

.m-t-7 {
    margin-top: 7px !important;
}

.m-t-8 {
    margin-top: 8px !important;
}

.m-t-9 {
    margin-top: 9px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-11 {
    margin-top: 11px !important;
}

.m-t-12 {
    margin-top: 12px !important;
}

.m-t-13 {
    margin-top: 13px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-16 {
    margin-top: 16px !important;
}

.m-t-17 {
    margin-top: 17px !important;
}

.m-t-18 {
    margin-top: 18px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-21 {
    margin-top: 21px !important;
}

.m-t-22 {
    margin-top: 22px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-t-27 {
    margin-top: 27px !important;
}

.m-t-28 {
    margin-top: 28px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-35 {
    margin-top: 35px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-t-45 {
    margin-top: 45px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.m-t-55 {
    margin-top: 55px !important;
}

.m-t-60 {
    margin-top: 60px !important;
}

.m-t-65 {
    margin-top: 65px !important;
}

.m-t-90 {
    margin-top: 90px !important;
}

.m-b-minnus-1 {
    margin-bottom: -1px !important;
}

.m-b-minnus-2 {
    margin-bottom: -2px !important;
}

.m-b-minnus-3 {
    margin-bottom: -3px !important;
}

.m-b-minnus-4 {
    margin-bottom: -4px !important;
}

.m-b-minnus-5 {
    margin-bottom: -5px !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-b-1 {
    margin-bottom: 1px !important;
}

.m-b-2 {
    margin-bottom: 2px !important;
}

.m-b-3 {
    margin-bottom: 3px !important;
}

.m-b-4 {
    margin-bottom: 4px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-6 {
    margin-bottom: 6px !important;
}

.m-b-7 {
    margin-bottom: 7px !important;
}

.m-b-8 {
    margin-bottom: 8px !important;
}

.m-b-9 {
    margin-bottom: 9px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-12 {
    margin-bottom: 12px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-18 {
    margin-bottom: 18px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-b-35 {
    margin-bottom: 35px !important;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-b-60 {
    margin-bottom: 60px;
}

.m-b-100 {
    margin-bottom: 100px;
}

.m-b-150 {
    margin-bottom: 150px;
}

.m-b-200 {
    margin-bottom: 200px;
}

.m-b-250 {
    margin-bottom: 250px;
}

.m-t-25p {
    margin-top: 25.5%;
}

.m-4-0-imp {
    margin: 4px 0 !important;
}

.header-images {
    max-width: 100%;
    max-height: 58px;
    margin: auto;
    width: 100%;
}

.lftlgo-box {
    width: 100%;
    padding: 15px 5px 5px;
    display: flex;
    justify-content: flex-start;
}

.move-top {
    position: relative;
}

.f-w-b {
    font-weight: 700;
}

.f-w-bold {
    font-weight: 700 !important;
}

.question-position {
    position: relative;
    top: 6px;
    left: 10px;
}

.mwidth-5 {
    min-width: 5%;
}

.mwidth-10 {
    min-width: 10%;
}

.mwidth-15 {
    min-width: 15%;
}

.mwidth-20 {
    min-width: 20%;
}

.mwidth-25 {
    min-width: 25%;
}

.mwidth-30 {
    min-width: 30%;
}

.mwidth-35 {
    min-width: 35%;
}

.mwidth-40 {
    min-width: 40%;
}

.mwidth-45 {
    min-width: 45%;
}

.mwidth-50 {
    min-width: 50%;
}

.mwidth-55 {
    min-width: 55%;
}

.mwidth-60 {
    min-width: 60%;
}

.mwidth-65 {
    min-width: 65%;
}

.mwidth-70 {
    min-width: 70%;
}

.mwidth-75 {
    min-width: 75%;
}

.mwidth-80 {
    min-width: 80%;
}

.mwidth-85 {
    min-width: 85%;
}

.mwidth-90 {
    min-width: 90%;
}

.mwidth-95 {
    min-width: 95%;
}

.mwidth-100 {
    min-width: 100%;
}

.w-100-imp {
    width: 100% !important;
}

.w-100 {
    width: 100%;
}

.w-98-9 {
    width: 98.6%;
}

.w-98 {
    width: 98%;
}

.w-98-imp {
    width: 98% !important;
}

.w-97 {
    width: 97%;
}

.w-96 {
    width: 96%;
}

.w-95 {
    width: 95%;
}

.w-94 {
    width: 94%;
}

.w-93 {
    width: 93%;
}

.w-91 {
    width: 91%;
}

.w-90 {
    width: 90%;
}

.w-85 {
    width: 85%;
}

.w-88 {
    width: 88%;
}

.w-89 {
    width: 89%;
}

.w-86 {
    width: 86%;
}

.w-80 {
    width: 80%;
}

.w-78 {
    width: 78%;
}

.w-78-imp {
    width: 78% !important;
}

.w-75 {
    width: 75%;
}

.w-75-imp {
    width: 75% !important;
}

.w-70 {
    width: 70%;
}

.w-60 {
    width: 60%;
    width: 60%;
}

.w-68 {
    width: 68%;
}

.w-66 {
    width: 66%;
}

.w-50 {
    width: 50%;
}

.winc-50 {
    width: 765px;
    float: left;
}

.w-88 {
    width: 88%;
}

.w-81 {
    width: 81%;
}

.w-83 {
    width: 83%;
}

.w-77 {
    width: 77%;
}

.w-73 {
    width: 73%;
}

.w-72 {
    width: 72%;
}

.w-771 {
    width: 71%;
}

.w-49 {
    width: 49%;
}

.w-45 {
    width: 45%;
}

.w-55 {
    width: 55%;
}

.w-42 {
    width: 42%;
}

.w-40 {
    width: 40%;
}

.w-41 {
    width: 41%;
}

.w-43 {
    width: 43%;
}

.w-44 {
    width: 44%;
}

.w-46 {
    width: 46%;
}

.w-47 {
    width: 47%;
}

.w-48 {
    width: 48%;
}

.w-49 {
    width: 49%;
}

.wckp-48 {
    width: 48%;
}

.w-35 {
    width: 35%;
}

.w-36 {
    width: 36%;
}

.w-33 {
    width: 33%;
}

.w-32 {
    width: 32%;
}

.w-31 {
    width: 31%;
}

.w-30 {
    width: 30%;
}

.w-29 {
    width: 29%;
}

.w-27 {
    width: 27%;
}

.w-26 {
    width: 26%;
}

.w-25 {
    width: 25%;
}

.w-25-imp {
    width: 25% !important;
}

.w-23 {
    width: 23%;
}

.w-22 {
    width: 22%;
}

.w-21 {
    width: 21%;
}

.w-20 {
    width: 20%;
}

.w-19 {
    width: 19%;
}

.w-18 {
    width: 18%;
}

.w-17 {
    width: 17%;
}

.w-16 {
    width: 16%;
}

.w-15 {
    width: 15%;
}

.w-14 {
    width: 14%;
}

.w-13-8 {
    width: 13.88%;
}

.w-13 {
    width: 13%;
}

.w-12 {
    width: 12%;
}

.w-11 {
    width: 11%;
}

.w-10 {
    width: 10% !important;
}

.w-7 {
    width: 7% !important;
}

.w-6 {
    width: 6%;
}

.w-5 {
    width: 5%;
}

.w-4 {
    width: 4%;
}

.w-2 {
    width: 2%;
}

.w-auto {
    width: auto;
}

.w-30-p {
    width: 30px !important;
}

.w-40-p {
    width: 40px !important;
}

.w-54-p {
    width: 54px;
}

.w-38 {
    width: 38%;
}

.hpd-aft-time-txt {
    width: 42px;
}

.w-50-p {
    width: 50px !important;
}

.w-60-p {
    width: 60px !important;
}

.w-65-p {
    width: 65px !important;
}

.w-70-p {
    width: 70px;
}

.w-80-p {
    width: 80px;
}

.w-90-p {
    width: 90px !important;
}

.hpd-aft-date-txt {
    width: 92px;
}

.w-100-p {
    width: 100px;
}

.w-98-p {
    width: 98px;
}

.w-110-p {
    width: 110px;
}

.w-120-p {
    width: 120px;
}

.w-130-p {
    width: 130px;
}

.w-140-p {
    width: 140px;
}

.w-150-p {
    width: 150px;
}

.w-160-p {
    width: 160px;
}

.w-162-p {
    width: 162px;
}

.w-170-p {
    width: 170px;
}

.w-180-p {
    width: 180px;
}

.w-190-p {
    width: 190px;
}

.w-200-p {
    width: 200px;
}

.minw-340p {
    min-width: 340px;
    -ms-min-width: 340px;
    -moz-min-width: 340px;
    -o-min-width: 340px;
}

.w-210-p {
    width: 210px;
}

.w-220-p {
    width: 220px;
}

.w-230-p {
    width: 230px;
}

.w-240-p {
    width: 240px;
}

.w-250-p {
    width: 250px;
}

.w-260-p {
    width: 260px;
}

.w-270-p {
    width: 270px;
}

.w-280-p {
    width: 280px;
}

.w-290-p {
    width: 290px;
}

.w-300-p {
    width: 300px;
}

.w-310-p {
    width: 310px;
}

.w-320-p {
    width: 320px;
}

.w-330-p {
    width: 330px;
}

.w-340-p {
    width: 340px;
}

.w-350-p {
    width: 350px;
}

.w-360-p {
    width: 360px;
}

.w-370-p {
    width: 370px;
}

.w-380-p {
    width: 380px;
}

.w-390-p {
    width: 390px;
}

.w-400-p {
    width: 400px;
}

.w-addon-98 {
    width: 98% !important;
}

.propertytriggers {
    width: 320px;
}

.tpdent[type=text] {
    font-size: 12px;
}

.err-start-1 {
    position: relative;
    left: -9px;
    top: 8px;
    color: red !important;
}

.red {
    color: red;
}

.blue {
    color: #00f !important;
}

.text-red {
    color: red !important;
}

.hover-red:hover {
    color: red !important;
}

.green {
    color: #238402;
}

.button-9 {
    padding: 4px 5px;
    background: #2c3e54;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}

    .button-9:hover {
        background-color: #d6d6d6;
        color: #000;
    }

.table-box {
    height: 400px;
}

.table-box-2, .table-box-3, .table-box-4 {
    min-height: 400px;
}

.table-box table {
    width: 100%;
}

.head-bg {
    background: #333 !important;
    color: #fff;
}

.tr-bg-1:hover {
    background: #dad9d9;
}

.tr-bg-1 td {
    background: #fff;
}

.tr-bg-2 td {
    background: #f4f1f1;
}

.user .form-group {
    margin-bottom: 15px;
}

.upload-file-box {
    font-size: 10px !important;
}

#iPasswordPolicy {
    position: relative;
    display: inline-block;
}

.tooltip-inner {
    max-width: 300px;
    padding: 0;
}

.tooltip-alert {
    padding: 8px 10px;
    font-weight: bolder;
    color: #a94442;
}

.tooltipinfo .tooltiptext {
    visibility: hidden;
    width: 225px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -132px;
    height: 100px;
}

    .tooltipinfo .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #000 transparent transparent;
    }

.tooltipinfo:hover .tooltiptext {
    visibility: visible;
}

.alert-1 {
    padding: 4px 15px !important;
    margin-bottom: 0 !important;
    border: 1px solid transparent;
    border-radius: 0 !important;
}

.alert-2 {
    padding: 2px 6px !important;
    margin-bottom: 5px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: 0 !important;
    background: #f0f8ff !important;
}

.alert {
    padding: 10px 5px !important;
    margin-bottom: 5px !important;
    border: 1px solid transparent;
    border-radius: 0 !important;
}

.skillsetlistbox {
    border: 1px solid #ccc;
    min-height: 33px;
}

.skillsetlist {
    padding: 0 2px !important;
    display: inline-block;
    margin-top: 6px;
    margin-right: 10px;
    margin-left: 2px;
}

    .skillsetlist span {
        font-size: 11px;
        color: #363636;
    }

    .skillsetlist a {
        opacity: 1 !important;
        position: absolute !important;
        top: -11px !important;
        right: -10px !important;
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 6px 10px !important;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .list-group-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

.breadcrumb {
    padding: 5px 15px;
    margin-bottom: 3px;
    border-radius: 0 !important;
}

.panel-heading {
    padding: 5px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    color: rgba(51,51,51,0);
    background-color: rgba(245,245,245,0) !important;
    border-color: rgba(221,221,221,0);
}

.list-group {
    padding-left: 0;
    margin-bottom: 15px;
}

.display-none {
    display: none;
}

.display-none-imp {
    display: none !important;
}

.display-inline {
    display: inline !important;
}

.display-block {
    display: block !important;
}

.display-initial {
    display: initial !important;
}

.display-inline-block {
    display: inline !important;
    display: -webkit-inline !important;
    display: -ms-inline !important;
    display: -o-inline !important;
}

.d-inlineblock {
    display: inline-block !important;
}

.d-initial {
    display: initial;
}

.editable-add {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px 6px 6px;
}

#myImg_view {
    border-radius: 5px;
    cursor: pointer;
    transition: .3s;
}

    #myImg_view:hover {
        opacity: .7;
    }

.modal_pop {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.9);
}

.modal-content-pop {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

#caption_pop {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

#caption_pop, .modal-content-pop {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: .6s;
    animation-name: zoom;
    animation-duration: .6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@keyframes zoom {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

.close_pop {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: 700;
    transition: .3s;
}

    .close_pop:focus, .close_pop:hover {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

.modal-content-pop {
    width: 100%;
}

.move-hvr:hover {
    cursor: move;
}

.move-hvr-imp:hover {
    cursor: move !important;
}

#PropertySetProperty li:hover {
    cursor: move;
}

#PropertySetProperty li input[type=checkbox]:hover {
    cursor: pointer;
}

a.list-group-item:hover {
    cursor: default;
}

.fa:hover {
    cursor: pointer;
}

.p-detail {
    cursor: pointer;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
    display: table-cell;
    width: 80%;
}

a.list-group-item:focus, a.list-group-item:hover {
    cursor: pointer;
}

.fa:hover {
    cursor: pointer;
}

.p-detail-2 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
}

.pencil {
    color: #337ab7;
}

.mngalertpic {
    height: 100%;
    width: 100%;
    max-height: 266px;
}

.mobile-span {
    margin: -25px 0 0 5px;
    display: block;
    color: #fff;
}

.modal-title {
    font-family: Roboto,sans-serif !important;
    font-size: 18px !important;
    color: #363636 !important;
    text-transform: uppercase !important;
}

.detail-box {
    background: #ededed;
    border-left: 4px solid #d6d6d6;
    margin-bottom: 1px;
    padding: 4px 10px;
}

.detail-box-paragraph {
    font-family: 'Open Sans',sans-serif !important;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
}

.tab-d-bors .nav-tabs {
    border-bottom: 0 none;
}

    .tab-d-bors .nav-tabs li {
        margin-right: 2px;
        position: relative;
    }

        .tab-d-bors .nav-tabs li a {
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            font-family: 'Open Sans',sans-serif !important;
            border: none;
            padding: 16px;
            color: #fff;
            background: #2c3e54;
            border-radius: 0;
        }

            .tab-d-bors .nav-tabs li a i {
                font-size: 14px;
                margin-right: 2px;
            }

        .tab-d-bors .nav-tabs li.active a, .tab-d-bors .nav-tabs li.active a:focus, .tab-d-bors .nav-tabs li.active a:hover {
            border: none;
            background: #d6d6d6;
            color: #000;
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            font-family: 'Open Sans',sans-serif !important;
            transition: background .2s linear;
        }

        .tab-d-bors .nav-tabs li.active:after {
            content: "";
            position: absolute;
            bottom: -15px;
            left: 37%;
            border: 15px solid transparent;
            border-bottom-color: #d6d6d6;
        }

        .tab-d-bors .nav-tabs li a:after {
            content: "";
            position: absolute;
            top: 5px;
            left: 4%;
            width: 92%;
            height: 82%;
            border: 3px solid #fff;
            display: block;
        }

        .tab-d-bors .nav-tabs li.active a:after {
            content: "";
            position: absolute;
            top: 5px;
            left: 4%;
            width: 92%;
            height: 82%;
            border: 3px solid #fff;
            display: block;
        }

.tab-d-bors .tab-content {
    background: #fff;
    line-height: 25px;
    padding: 5px 10px;
}

.gallery-queue {
    position: relative;
    z-index: 2;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .gallery-queue figure {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        padding: 10px;
        overflow: hidden;
        border-radius: 10px;
        cursor: pointer;
    }

        .gallery-queue figure img {
            width: 100%;
            border-radius: 0;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

.widget-queue {
    margin: 0 0 25px;
    display: block;
}

    .widget-queue .widget-queue-heading {
        padding: 7px 15px;
        font-family: 'Open Sans',sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0;
        text-transform: uppercase;
        text-align: center;
        background: #ededed;
        color: #363636;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
    }

    .widget-queue .widget-queue-body {
        font-family: 'Open Sans',sans-serif !important;
        padding: 5px 5px 0;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

#loader {
    z-index: 99999;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

    #loader .diamond {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        width: 30px;
        height: 30px;
        border-radius: 2px;
        background: #cf9c63;
        -webkit-transform: translateY(0) rotate(45deg) scale(0);
        transform: translateY(0) rotate(45deg) scale(0);
        -webkit-animation: diamonds 1.5s linear infinite;
        animation: diamonds 1.5s linear infinite;
    }

        #loader .diamond:nth-child(1) {
            -webkit-animation-delay: -1s;
            animation-delay: -1s;
        }

        #loader .diamond:nth-child(2) {
            -webkit-animation-delay: -2s;
            animation-delay: -2s;
        }

        #loader .diamond:nth-child(3) {
            -webkit-animation-delay: -3s;
            animation-delay: -3s;
        }

        #loader .diamond:nth-child(4) {
            -webkit-animation-delay: -4s;
            animation-delay: -4s;
        }

@-webkit-keyframes diamonds {
    50% {
        -webkit-transform: translateY(-50px) rotate(45deg) scale(1);
        transform: translateY(-50px) rotate(45deg) scale(1);
    }

    100% {
        -webkit-transform: translateY(-100px) rotate(45deg) scale(0);
        transform: translateY(-100px) rotate(45deg) scale(0);
    }
}

@keyframes diamonds {
    50% {
        -webkit-transform: translateY(-50px) rotate(45deg) scale(1);
        transform: translateY(-50px) rotate(45deg) scale(1);
    }

    100% {
        -webkit-transform: translateY(-100px) rotate(45deg) scale(0);
        transform: translateY(-100px) rotate(45deg) scale(0);
    }
}

#editableTBox {
    display: none;
}

.border-bs-fst {
    border-top: 1px solid #696969;
}

.border-bs-sec {
    border-bottom: 1px solid #d6d6d6;
}

.border-bs-top {
    border-top: 1px solid #d6d6d6;
}

.border-bs-1 {
    border: 1px solid #d6d6d6;
}

.imp-exp-download {
    position: absolute;
    right: 15px;
    top: -35px;
}

.qbox-border {
    border: 1px solid;
    box-sizing: border-box;
}

.q-tbox {
    padding: 0 2px;
    height: 28px;
    font-size: 12px !important;
}

.qbox-group {
    padding: 2px;
}

.qbox {
    height: auto;
    line-height: 13px;
    display: block;
    overflow: hidden;
    clear: both;
}

    .qbox .userman {
        font-size: 20px;
        margin-top: 2px;
        color: #fff !important;
        margin-right: 10px;
        background: #000;
        border-radius: 100%;
    }

    .qbox .primarytxt {
        padding: 0 2px;
        line-height: 15px;
        display: inline-block;
    }

.triggerToggle .hideOpt, .triggerToggle .showOpt {
    display: none;
}

.triggerToggle input[type=text] {
    width: 125px;
    background-color: #2c3e54;
    color: #f1f1f1 !important;
    border: 2px solid #2c3e54;
    padding: 3px 1px;
    text-align: center;
    font-size: 13px;
    margin: 7px auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

.triggerToggle .showOpt {
    display: block;
}

.triggerToggle.hde .showOpt {
    display: none;
}

.triggerToggle.hde .hideOpt {
    display: block;
}

.Divtgr {
    display: none;
}

    .Divtgr.show {
        display: block;
    }

.qbox_empty {
    padding: 5px;
    text-align: center !important;
}

.save-cancel-btn-common-two {
    padding: 4px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    margin: 0 2px;
    border-radius: 20px;
    cursor: pointer;
}

.folder-containt-LH {
    line-height: 18px;
    -ms-line-height: 18px;
    -webkit-line-height: 18px;
    -o-line-height: 18px;
    -moz-line-height: 18px;
}

.line-height-12 {
    line-height: 12px;
    -ms-line-height: 12px;
    -webkit-line-height: 12px;
    -o-line-height: 12px;
    -moz-line-height: 12px;
}

.line-height-10 {
    line-height: 10px;
    -ms-line-height: 10px;
    -webkit-line-height: 10px;
    -o-line-height: 10px;
    -moz-line-height: 10px;
}

.line-height-14 {
    line-height: 14px;
    -ms-line-height: 14px;
    -webkit-line-height: 14px;
    -o-line-height: 14px;
    -moz-line-height: 14px;
}

.line-height-16 {
    line-height: 16px;
    -ms-line-height: 16px;
    -webkit-line-height: 16px;
    -o-line-height: 16px;
    -moz-line-height: 16px;
}

.line-height-18 {
    line-height: 18px;
    -ms-line-height: 18px;
    -webkit-line-height: 18px;
    -o-line-height: 18px;
    -moz-line-height: 18px;
}

.line-height-20 {
    line-height: 20px;
    -ms-line-height: 20px;
    -webkit-line-height: 20px;
    -o-line-height: 20px;
    -moz-line-height: 20px;
}

.line-height-28 {
    line-height: 28px;
    -ms-line-height: 28px;
    -webkit-line-height: 28px;
    -o-line-height: 28px;
    -moz-line-height: 28px;
}

.line-height-30 {
    line-height: 32px;
    -ms-line-height: 32px;
    -webkit-line-height: 32px;
    -o-line-height: 32px;
    -moz-line-height: 32px;
}

.stqlist {
    font-size: 12px;
}

.qimg {
    width: 30px;
}

.spn-boxqlist {
    line-height: 18px;
    height: 18px;
    -ms-line-height: 18px;
    -webkit-line-height: 18px;
    -o-line-height: 18px;
    -moz-line-height: 18px;
}

.line-height-32 {
    line-height: 32px !important;
}

.line-height-34 {
    line-height: 34px !important;
}

.bg-user-profile {
    background-image: url(../Images/userBg.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    border: 2px solid #b5b3b3;
    background-repeat: no-repeat;
}

.right-logo-section li {
    float: left;
    list-style-type: none;
}

.logo-list li img {
    border: 0 none;
    display: inline-block;
    height: 70px;
    max-width: 100%;
    vertical-align: middle;
    padding: 5px;
}

#cssmenu {
    background: #141414;
    margin: 0;
    width: auto;
    padding: 0;
    line-height: 1;
    display: block;
    position: relative;
    font-family: 'PT Sans',sans-serif;
}

    #cssmenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
    }

        #cssmenu ul:after, #cssmenu:after {
            content: " ";
            display: block;
            font-size: 0;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        #cssmenu ul li {
            margin: 0;
            padding: 0;
            display: block;
            position: relative;
        }

            #cssmenu ul li a {
                text-decoration: none;
                display: block;
                margin: 0;
                -webkit-transition: color .2s ease;
                -moz-transition: color .2s ease;
                -ms-transition: color .2s ease;
                -o-transition: color .2s ease;
                transition: color .2s ease;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            #cssmenu ul li ul {
                position: absolute;
                left: -9999px;
                top: auto;
            }

                #cssmenu ul li ul li {
                    max-height: 0;
                    position: absolute;
                    -webkit-transition: max-height .4s ease-out;
                    -moz-transition: max-height .4s ease-out;
                    -ms-transition: max-height .4s ease-out;
                    -o-transition: max-height .4s ease-out;
                    transition: max-height .4s ease-out;
                    background: #d6d6d6;
                }

                    #cssmenu ul li ul li.has-sub:after {
                        display: block;
                        position: absolute;
                        content: "";
                        height: 10px;
                        width: 10px;
                        border-radius: 5px;
                        background: #000;
                        z-index: 1;
                        top: 13px;
                        right: 15px;
                    }

    #cssmenu.align-right ul li ul li.has-sub:after {
        right: auto;
        left: 15px;
    }

    #cssmenu ul li ul li.has-sub:before {
        display: block;
        position: absolute;
        content: "";
        height: 0;
        width: 0;
        border: 3px solid transparent;
        border-left-color: #fff;
        z-index: 2;
        top: 15px;
        right: 15px;
    }

    #cssmenu.align-right ul li ul li.has-sub:before {
        right: auto;
        left: 15px;
        border-left-color: transparent;
        border-right-color: #fff;
    }

    #cssmenu ul li ul li a {
        font-size: 14px;
        font-weight: 400;
        text-transform: none;
        color: #000;
        letter-spacing: 0;
        display: block;
        width: 170px;
        padding: 11px 10px 11px 20px;
    }

    #cssmenu ul li ul li.active > a, #cssmenu ul li ul li:hover > a {
        color: #444;
    }

    #cssmenu ul li ul li.active:after, #cssmenu ul li ul li:hover:after {
        background: #444;
    }

    #cssmenu ul li ul li:hover > ul {
        left: 100%;
        top: 0;
    }

        #cssmenu ul li ul li:hover > ul > li {
            max-height: 72px;
            position: relative;
        }

    #cssmenu > ul > li {
        float: left;
    }

    #cssmenu.align-center > ul > li {
        float: none;
        display: inline-block;
    }

    #cssmenu.align-center > ul {
        text-align: center;
    }

    #cssmenu.align-center ul ul {
        text-align: left;
    }

    #cssmenu.align-right > ul {
        float: right;
    }

        #cssmenu.align-right > ul > li:hover > ul {
            left: auto;
            right: 0;
        }

    #cssmenu.align-right ul ul li:hover > ul {
        right: 100%;
        left: auto;
    }

    #cssmenu.align-right ul ul li a {
        text-align: right;
    }

    #cssmenu > ul > li:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 0;
        top: 0;
        z-index: 0;
        background: #fff;
        -webkit-transition: height .2s;
        -moz-transition: height .2s;
        -ms-transition: height .2s;
        -o-transition: height .2s;
        transition: height .2s;
    }

    #cssmenu > ul > li.has-sub > a {
        padding-right: 40px;
    }

    #cssmenu > ul > li > a > span {
        line-height: 16px;
    }

    #cssmenu > ul > li.has-sub > a:after {
        display: block;
        content: "";
        background: #fff;
        height: 12px;
        width: 12px;
        position: absolute;
        border-radius: 13px;
        right: 14px;
        top: 16px;
    }

    #cssmenu > ul > li.has-sub > a:before {
        display: block;
        content: "";
        border: 4px solid transparent;
        border-top-color: #141414;
        z-index: 2;
        height: 0;
        width: 0;
        position: absolute;
        right: 16px;
        top: 21px;
    }

    #cssmenu > ul > li > a {
        color: #fff;
        text-align: center;
        padding: 15px 20px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 14px;
        z-index: 2;
        position: relative;
    }

    #cssmenu > ul > li.active:after, #cssmenu > ul > li:hover:after {
        height: 100%;
    }

    #cssmenu > ul > li.active > a, #cssmenu > ul > li:hover > a {
        color: #000;
    }

        #cssmenu > ul > li.active > a:after, #cssmenu > ul > li:hover > a:after {
            background: #000;
        }

        #cssmenu > ul > li.active > a:before, #cssmenu > ul > li:hover > a:before {
            border-top-color: #fff;
        }

    #cssmenu > ul > li:hover > ul {
        left: 0;
    }

        #cssmenu > ul > li:hover > ul > li {
            max-height: 72px;
            position: relative;
        }

    #cssmenu #menu-button {
        display: none;
    }

    #cssmenu > ul > li > a {
        display: block;
    }

    #cssmenu > ul > li {
        width: auto;
    }

        #cssmenu > ul > li > ul {
            width: 170px;
            display: block;
        }

            #cssmenu > ul > li > ul > li {
                width: 170px;
                display: block;
            }

.addtxtinchead {
    position: absolute;
    right: 26px;
    top: -4px;
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

    div.bhoechie-tab-menu div.list-group {
        margin-bottom: 0;
    }

        div.bhoechie-tab-menu div.list-group > a {
            padding: 4px;
            margin-bottom: 2px;
            text-align: left;
            color: #000;
        }

            div.bhoechie-tab-menu div.list-group > a .fa, div.bhoechie-tab-menu div.list-group > a .glyphicon {
                color: #5a55a3;
            }

            div.bhoechie-tab-menu div.list-group > a:first-child {
                border-top-right-radius: 0;
                -moz-border-top-right-radius: 0;
            }

            div.bhoechie-tab-menu div.list-group > a:last-child {
                border-bottom-right-radius: 0;
                -moz-border-bottom-right-radius: 0;
            }

        div.bhoechie-tab-menu div.list-group a.actque {
            background-color: #fff591 !important;
            border: 1px solid #000 !important;
            box-sizing: border-box !important;
            color: #000 !important;
        }

div.bhoechie-tab-content {
    background-color: #fff;
    padding-left: 20px;
    padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}

.navbar {
    border-radius: 0;
    border: 0 solid transparent;
}

.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-nav > a {
        border: 1px solid #fff;
    }

    .navbar-default .navbar-nav > .active > a {
        color: #555;
        border: 1px solid #696969;
        background-color: #fff;
        border-radius: 20px !important;
    }

        .navbar-default .navbar-nav > .active > a:focus {
            color: #555;
            background-color: #fff;
            border-radius: 20px !important;
        }

navbar-default .navbar-nav > .active > a {
    color: #555;
    background-color: #fff;
    border-radius: 20px !important;
}

.navbar-default .navbar-nav > .active > a:hover {
    color: #555;
    background-color: #fff;
    border-radius: 20px !important;
    cursor: pointer !important;
}

.navbar-default .navbar-nav > li > a {
    font-family: 'Open Sans',sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 13px;
    border: 1px solid #fff;
    text-transform: uppercase;
    padding: 2px 12px;
}

    .navbar-default .navbar-nav > li > a:hover {
        color: #333;
        background-color: transparent;
        cursor: pointer;
    }

.cBoardcollapse > li > a {
    margin: 0 10px 0 15px;
    padding: 2px 0 !important;
}

.tgldisposition:hover {
    cursor: pointer;
}

.input-group-addon:last-child {
    border-left: 0;
    background-color: #2c3e54;
    color: #f1f1f1;
    font-family: 'Open Sans',sans-serif;
    border: 0 solid #2c3e54;
}

.input-group-addon {
    border-radius: 0;
}

.dispaly-table {
    display: table;
}

.dispaly-table-cell {
    display: table-cell;
}

.hdingbox {
    text-align: center !important;
    border-color: #696969 !important;
}

label.hding-label {
    background: #696969;
    padding: 3px 20px 5px;
    border-radius: 0 0 75px 75px;
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
}

label.hding-label-2 {
    position: relative;
    background: #d6d6d6;
    padding: 3px 12px;
    min-width: 82px;
    border-radius: 14px 14px 0 0;
    color: #000;
    font-size: 11px;
    font-family: 'Open Sans',sans-serif;
    top: -24px;
    left: -3px;
    cursor: pointer;
}

.disicnrd {
    float: right;
    margin: 15px 15px 0 0;
}

.Enhancedboxbody {
    position: relative;
    top: -34px;
}

.txtboxbody {
    padding-top: 4px;
    border-color: #696969;
    height: 158px;
    -o-height: 158px;
    -webkit-height: 158px;
    -ms-height: 158px;
}

.ws-normal {
    white-space: normal;
}

.LaunchNewIncident {
    color: #2c3e54;
}

.cloaseNewIncident {
    color: #fff;
    padding: 0 4px 2px;
    background: #2c3e54;
    border-radius: 7px;
}

.incpopheight {
    height: 172px !important;
    -ms-height: 172px !important;
    -webkit-height: 172px !important;
    -moz-height: 172px !important;
    -o-height: 172px !important;
}

.txtboxbody1 {
    padding: 0 5px;
    border-color: #696969;
    min-height: 130px;
    -o-min-height: 130px;
    -webkit-min-height: 130px;
    -ms-min-height: 130px;
}

.overflow-wrap {
    overflow-wrap: break-word !important;
}

.word-wrap {
    word-wrap: break-word !important;
}

.word-break {
    word-break: break-word !important;
}

.white-space {
    white-space: normal !important;
}

.white-initial {
    white-space: initial;
}

.c-pointer {
    cursor: pointer;
}

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

    .c-pointer-imp:hover {
        cursor: pointer !important;
    }

.c-default {
    cursor: default !important;
}

.c-pointer:hover {
    cursor: pointer;
}

.c-move-imp {
    cursor: move !important;
}

.c-move {
    cursor: move;
}

.c-default:hover {
    cursor: default !important;
}

.addrec-w-69 {
    width: 69%;
}

.addrec-230 {
    width: 230px;
}

.border-r-white {
    border-right: 1px solid #fff;
}

.border-0 {
    border: 0 solid;
}

.border-0-imp {
    border: 0 solid #d6d6d6 !important;
}

.border-1 {
    border: 1px solid;
}

.border-gray-imp {
    border: 1px solid #cec6c6 !important;
}

.border-a1 {
    border: 1px solid #a1a1a1;
}

.border-2 {
    border: 2px solid;
}

.border-3 {
    border: 3px solid;
}

.border-top-1 {
    border-top: 1px solid;
}

.border-top-2 {
    border-top: 2px solid;
}

.border-top-3 {
    border-top: 3px solid;
}

.border-left-1 {
    border-left: 1px solid;
}

.border-left-2 {
    border-left: 2px solid;
}

.border-left-3 {
    border-left: 3px solid;
}

.border-bottom-1 {
    border-bottom: 1px solid;
}

.border-bottom-2 {
    border-bottom: 2px solid;
}

.border-bottom-3 {
    border-bottom: 3px solid;
}

.border-right-1 {
    border-right: 1px solid;
}

.border-right-2 {
    border-right: 2px solid;
}

.border-right-3 {
    border-right: 3px solid;
}

.h-100vh {
    height: 100vh;
}

.h-90vh {
    height: 90vh;
}

.managetemplateh86vh {
    height: 86vh;
}

.h-80vh {
    height: 80vh;
}

.h-78vh {
    height: 78vh;
}

.h-76vh {
    height: 76vh;
}

.h-75vh {
    height: 75vh;
}

.h-70vh {
    height: 70vh;
}

.h-60vh {
    height: 60vh;
}

.h-50vh {
    height: 50vh;
}

.h-45vh {
    height: 45vh;
}

.h-40vh {
    height: 40vh;
}

.h-30vh {
    height: 30vh;
}

.h-20vh {
    height: 20vh;
}

.h-10vh {
    height: 10vh;
}

.h-5vh {
    height: 5vh;
}

.h-50-vh {
    height: 374px !important;
    -webkit-height: 374px !important;
    -moz-height: 374px !important;
    -ms-height: 374px !important;
    -ms-height: 374px !important;
    -o-height: 374px !important;
}

.h-43-vh {
    height: 300px !important;
    -webkit-height: 300px !important;
    -moz-height: 300px !important;
    -ms-height: 300px !important;
    -ms-height: 300px !important;
    -o-height: 300px !important;
}

.h-45-4-vh {
    height: 337px !important;
    -webkit-height: 337px !important;
    -moz-height: 337px !important;
    -ms-height: 337px !important;
    -ms-height: 337px !important;
    -o-height: 337px !important;
}

.h-40-5-vh {
    height: 300px !important;
    -webkit-height: 300px !important;
    -moz-height: 300px !important;
    -ms-height: 300px !important;
    -o-height: 300px !important;
}

.h-263-rapid {
    height: 263px !important;
    -webkit-height: 263px !important;
    -moz-height: 263px !important;
    -ms-height: 263px !important;
    -o-height: 263px !important;
}

.h-281-rapid {
    height: 281px !important;
    -webkit-height: 281px !important;
    -moz-height: 281px !important;
    -ms-height: 281px !important;
    -o-height: 281px !important;
}

.h-337-rapid {
    height: 337px !important;
    -webkit-height: 337px !important;
    -moz-height: 337px !important;
    -ms-height: 337px !important;
    -o-height: 337px !important;
}

.h-343-rapid {
    height: 343px !important;
    -webkit-height: 343px !important;
    -moz-height: 343px !important;
    -ms-height: 343px !important;
    -o-height: 343px !important;
}

.h-600-camp {
    min-height: 600px !important;
    -webkit-min-height: 600px !important;
    -moz-min-height: 600px !important;
    -ms-min-height: 600px !important;
    -o-min-height: 600px !important;
}

.Selected {
    border: 1px solid #000;
}

.NonSelected {
    text-decoration: none;
}

.thumbnail .caption {
    word-break: break-word;
    word-wrap: break-word;
    padding: 4px 0 !important;
    font-family: 'Open Sans',sans-serif !important;
    font-size: 12px !important;
    text-align: center;
    color: #000 !important;
}

.image-closer {
    position: absolute;
    top: 20px;
    border-radius: 100%;
    background: #00000033;
    padding: 6px 7px;
    right: 32px;
    font-size: 14px;
    color: red;
}

.disable_href {
    pointer-events: none;
    cursor: default;
}

.image-closer:hover {
    background: #000;
}

#map_canvas {
    height: 500px;
    margin: 0;
    padding: 0;
}

#delete-button {
    margin-top: 5px;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: default !important;
}

.navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
    color: #333 !important;
    cursor: not-allowed !important;
    background-color: transparent;
}

.navbar-default .navbar-nav > .disabled > a {
    color: #777 !important;
    background-color: transparent;
}

.move-radio-btn {
    position: relative;
    top: -9px;
    left: 5px;
}

.bscban-rdo-btn {
    position: relative;
    top: -8px;
    left: 4px;
}

div#ui-datepicker-div {
    z-index: 999 !important;
}

.modal-content {
    border-radius: 0 !important;
}

.cbtab .nav-tabs-cb {
    display: inline-block;
    background: #fff;
    border-radius: 50px;
    border: none;
    padding: 4px;
}

    .cbtab .nav-tabs-cb li {
        float: none;
        display: inline-block;
        position: relative;
    }

        .cbtab .nav-tabs-cb li a {
            font-size: 12px;
            font-weight: 600;
            background: 0 0;
            color: #000;
            border: none;
            padding: 2px 12px;
            border-radius: 50px;
            transition: all .5s ease 0;
        }

            .cbtab .nav-tabs-cb li a:hover {
                background: #2c3e54;
                color: #fff;
                border: none;
            }

        .cbtab .nav-tabs-cb li.active a, .cbtab .nav-tabs-cb li.active a:focus, .cbtab .nav-tabs-cb li.active a:hover {
            border: none;
            background: #2c3e54;
            color: #fff;
        }

.cbtab .tab-content {
    text-align: left;
    padding: 5px;
}

.cl-label {
    font-size: 11px;
}

ul.CaseManagementUL {
    display: -webkit-inline-box;
}

    ul.CaseManagementUL li {
        list-style: none;
        list-style-type: none;
        padding: 0 15px;
        display: inline-block;
    }

.icon-rotate-pinLocation {
    font-size: 30px;
    padding: 3px 9px;
    margin: 0;
    background: #ededed;
    border-radius: 50%;
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

#infoMap {
    background: #fff;
    border: 1px solid gray;
    display: none;
    font-family: Roboto,Arial,sans-serif;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 400px;
}

    #infoMap h1 {
        border-bottom: 1px solid gray;
        font-size: 16px;
        margin: 0;
        padding-bottom: 4px;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #infoMap th {
        padding-right: 10px;
        text-align: left;
    }

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
    color: #333;
    background-color: transparent;
}

.thumbnail {
    display: block;
    padding: 10px 10px 0;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #d6d6d6;
    box-sizing: border-box;
    border: 2px solid #d6d6d6;
    border-radius: 0;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.LaunchCaseImgrappid {
    width: 90px;
}

    .LaunchCaseImgrappid.launchConditionalBtn {
        width: 90px;
        vertical-align: top;
    }

.LaunchCaseImgBtn {
    border-radius: 0;
    padding: 0 5px;
    display: inline-block;
}

    .LaunchCaseImgBtn:hover {
        padding: 0 5px;
        cursor: pointer;
    }

.tabPop li a {
    border-bottom: 2px solid transparent;
    box-sizing: border-box;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

    .tabPop li a:hover {
        color: #000;
        background: #ededed !important;
        box-sizing: border-box;
        border-bottom: 2px solid #000;
    }

.tabPop li.activepop a {
    color: #000;
    background: #ededed;
    box-sizing: border-box;
    border-bottom: 2px solid #000;
}

.UploadOfficerStatus-box {
    -webkit-height: 246px;
    -ms-height: 246px;
    -moz-height: 246px;
    -o-height: 246px;
    height: 246px;
    padding-top: 0;
}

.c-box-containt-folder {
    max-width: 200px;
    margin: 0 auto;
}

#parallelogram {
    width: 250px;
    padding: 8px;
    -webkit-transform: skew(50deg);
    -moz-transform: skew(50deg);
    -o-transform: skew(50deg);
    background: red;
    overflow: hidden;
    float: right;
    right: -60px;
    position: relative;
    padding-bottom: 5px !important;
}

.overflow-hidden {
    overflow: hidden;
}

.txtboxhihidden {
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-left: 1px;
}

.list-style-none li {
    list-style: none;
    -ms-list-style: none;
    -mos-list-style: none;
    -webkit-list-style: none;
}

.list-style-type-none li {
    list-style-type: none;
    -ms-list-style-type: none;
    -webkit-list-style-type: none;
    -moz-list-style-type: none;
}

.l-s-t-circle {
    list-style-type: circle;
}

.l-s-t-none {
    list-style-type: none;
}

.steps-container {
    width: 99.5%;
}

.stepsbox {
    padding: 0;
    overflow: hidden;
    display: block;
}

    .stepsbox a {
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-family: 'Open Sans',sans-serif !important;
        font-size: 14px;
        font-weight: 600;
        cursor: default;
    }

    .stepsbox li {
        display: table-cell;
        float: left;
        margin-left: 0;
        width: 25%;
        height: 40px;
        list-style-type: none;
        text-align: center;
        padding: 5px 5px 5px 30px;
        border-right: 3px solid #fff;
        position: relative;
    }

        .stepsbox li:first-child {
            padding-left: 5px;
        }

        .stepsbox li:last-child {
            border-right: 0;
        }

        .stepsbox li:nth-child(n+2)::before {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            border-left: 25px solid #fff;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            width: 0;
            height: 0;
            content: " ";
        }

.folder-box-empty {
    width: 99.5%;
}

.folder-box-emptyenner {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    min-height: 40px;
    line-height: 16px;
    width: 99.5%;
    margin-bottom: 10px;
    padding: 5px;
}

    .folder-box-emptyenner > span {
        vertical-align: middle;
        font-family: 'Open Sans',sans-serif;
        font-size: 12px;
        font-weight: 600;
    }

    .folder-box-emptyenner:hover {
        background-color: #f6f6f6;
    }

.folder-box-scroll {
    width: 99.6%;
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.stepsbox li:last-child {
    border-right: 0;
}

.stepsbox li::after {
    z-index: 1;
    position: absolute;
    top: 0;
    right: -25px;
    display: block;
    border-left: 25px solid #7c8437;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    width: 0;
    height: 0;
    content: " ";
}

.stepsbox li {
    background-color: #1e2834;
}

    .stepsbox li::after {
        border-left-color: #1e2834;
    }

    .stepsbox li.current {
        background-color: #1e2834;
    }

        .stepsbox li.current::after {
            border-left-color: #1e2834;
        }

        .stepsbox li.current ~ li {
            background-color: #1e2834;
        }

            .stepsbox li.current ~ li::after {
                border-left-color: #1e2834;
            }

    .stepsbox li:hover {
        background-color: #1e2834;
    }

        .stepsbox li:hover::after {
            border-left-color: #1e2834;
        }

.col-folder-4 {
    background: #fff;
    box-sizing: border-box;
    border-right: 0 solid #eee;
    border-left: 5px solid #eee;
}

.col-folder-3 {
    background: #fff;
    box-sizing: border-box;
    border-right: 5px solid #eee;
    border-left: 5px solid #eee;
}

.col-folder-2 {
    background: #fff;
    box-sizing: border-box;
    border-right: 5px solid #eee;
    border-left: 5px solid #eee;
}

.col-folder-1 {
    background: #fff;
    box-sizing: border-box;
    border-right: 5px solid #eee;
    border-left: 10px solid #eee;
}

.col-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: gray;
}

.col {
    padding: 16px;
    width: 25%;
    min-height: 500px;
}

.baksa {
    background: #fff;
    position: relative;
}

.more-flag {
    background-image: url(../Images/icons/more-flag.png);
    background-repeat: no-repeat;
    height: 35px;
    background-size: 127px 25px;
    background-position: right top;
}

.more-flagmendetry {
    background-image: url(../Images/icons/more-flagmenmendetry.png);
    background-repeat: no-repeat;
    height: 35px;
    background-size: 127px 25px;
    background-position: right top;
}

.btnmore:hover {
    cursor: default;
}

.add-inc-dip {
    font-size: 24px;
    color: #2c3e54;
    z-index: 1;
}

    .add-inc-dip:hover {
        cursor: pointer;
    }

.txt-rel-pos {
    position: absolute;
    top: 0;
    font-size: 16px;
    right: 22px;
}

.folder-containt-box {
    width: 84%;
    background: url(../Images/img_CaseBoard.png) no-repeat 50% 0;
    background-size: 100% 100%;
    height: auto;
    overflow: hidden;
    padding: 45px 0 15px;
    position: static;
    margin: 0 auto 10px;
}

.box-pos-rel {
    position: relative;
    right: -5px;
    top: -5px;
    text-align: center;
}

.text-transform-upper {
    text-transform: uppercase;
}

.text-transform-lower {
    text-transform: lowercase;
}

.bsPholder::-webkit-input-placeholder {
    text-transform: capitalize;
}

.bsPholder::-moz-placeholder {
    text-transform: capitalize;
}

.bsPholder:-ms-input-placeholder {
    text-transform: capitalize;
}

.overView-ribben {
    border: 3px solid #000;
    background: #fff;
    outline: 6px solid #fff;
    box-sizing: border-box;
    padding: 5px;
    margin-top: 15px;
}

.overView-ribben-sec {
    border: 1px solid #d6d6d6;
    background: #fff;
    outline: 6px solid #fff;
    box-sizing: border-box;
    padding: 5px;
    margin-top: 15px;
}

.overView-containt-sec {
    border: 3px solid #000;
    background: #fff;
    outline: 6px solid #fff;
    box-sizing: border-box;
    padding: 5px;
}

.overView-login-sec {
    background: #fff;
    outline: 6px solid #fff;
    box-sizing: border-box;
}

.overView-logo-wth {
    width: 350px;
}

.qtgl-devider {
    border-top: 1px solid #968f85;
    -ms-transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    transform: translate(0,-10px);
}

.df {
    display: flex;
}

.d-inline-table {
    display: inline-table !important;
}

.df-align-items-stretch {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -o-flex;
    align-items: stretch;
    align-items: -webkit-stretch;
    align-items: -ms-stretch;
    align-items: -moz-stretch;
    align-items: -o-stretch;
}

.df-flex-direction-row-reverse {
    display: flex;
    align-items: stretch;
    display: -webkit-flex;
    -webkit-flex-direction: row-reverse;
    display: flex;
    flex-direction: row-reverse;
}

.df-flex-direction-row {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    display: flex;
    flex-direction: row;
}

.align-self-flex-start {
    align-self: flex-start;
}

.align-self-flex-end {
    align-self: flex-end;
}

.hpd-aft-txt[type=text] {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 9px !important;
    color: #363636;
    font-weight: 600;
}

.Call-orig-back-txt[type=text] {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 9px;
    color: #363636;
    font-weight: 600;
}

.additional {
    font-family: 'Open Sans',sans-serif !important;
    color: #363636;
    font-weight: 600;
}

.Adult-juve-txt[type=text] {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 9px;
    color: #363636;
    font-weight: 600;
}

.orig-txt[type=text] {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 9px;
    color: #363636;
    font-weight: 600;
}

.cBoardnav {
    min-height: 40px;
}

.cBoardnavList {
    padding: 4px 0;
}

.cBoardnavList2 {
    padding: 4px 0;
}

.right-logo-login {
    max-width: 100%;
    max-height: 70px;
    margin-top: 5px;
}

.folderimage {
    width: 100%;
}

.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.caption-red {
    background: red;
}

.caption-green {
    background: green;
}

.fst-ltr:first-letter {
    text-transform: uppercase;
}

.font-12-px {
    font-size: 12px !important;
}

.border-fieldrec {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #333;
    width: 82%;
    margin: 6px;
}

.border-fieldrec2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #333;
    width: 99%;
    margin: 5px auto !important;
    float: none !important;
}

.border-fieldrec3 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #333;
    width: 99%;
    margin: 5px auto 5px 5px !important;
    float: left;
}

.verification-check {
    width: 49%;
    margin: 0 auto;
}

.verification-check-box {
    border: 1px solid red;
    box-sizing: border-box;
    margin-top: 10px;
}

.popuptab-height {
    min-height: 92.1vh;
}

.font-normal {
    font-weight: 400;
}

.casefilenomoveleft {
    position: relative;
    left: -26px;
}

.ribbncontainer {
    width: 144px;
    float: right;
}

.save-cancel-btn-common-one {
    border: none;
    padding: 2px 8px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin: 3px 0;
    border-radius: 20px;
    cursor: pointer;
}

.btn-queue {
    border: none;
    padding: 2px 8px;
    min-width: 93px;
    height: 20px;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    -ms-transform: translate(0,-1px);
    -webkit-transform: translate(0,-1px);
    transform: translate(0,-1px);
    border-radius: 0 0 14px 14px;
    cursor: pointer;
}

.btn-queue-helper {
    background-color: #b4b4b4;
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    display: inline;
    text-transform: uppercase;
    transition: all ease-in-out .3s;
}

    .btn-queue-helper:hover {
        background-color: #b4b4b4;
        color: #fff;
    }

.save-cancel-btn-one {
    background-color: #2c3e54;
    color: #f1f1f1;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    display: inline;
    text-transform: uppercase;
    transition: all ease-in-out .3s;
}

    .save-cancel-btn-one:hover {
        background-color: #d6d6d6;
        color: #000;
    }

div#sortablelistbox {
    overflow-x: auto;
}

.p-2-3 {
    padding: 2px 3px;
}

.txtIncidentTime-tb {
    width: 36px !important;
    padding: 0 2px;
    height: 20px;
}

.txtIncidentDate-tb {
    width: 58px !important;
    padding: 0 2px;
    height: 20px;
}

.ddlIncidentSubject-tb {
    width: 190px !important;
    padding: 0 2px;
    height: 20px;
    margin-right: 5px;
    font-size: 9px;
}

.IncidentLocation-tb {
    width: 190px !important;
    padding: 0 2px;
    height: 20px;
    margin-right: 5px;
}

.ZoneId-sb {
    font-size: 9px;
    width: 190px !important;
    padding: 0 2px;
    height: 20px;
}

.CallOriginTitle-tb {
    padding: 0 2px;
    height: 20px;
    font-size: 9px !important;
    width: 170px !important;
}

.CallExtension-tb {
    padding: 0 2px;
    height: 20px;
    width: 30px !important;
    font-size: 9px;
}

.CallBackNumber-tb {
    padding: 0 2px;
    height: 20px;
    width: 55px !important;
    font-size: 9px;
}

.qfilter-list {
    padding: 0 2px;
    height: 20px;
    font-size: 10px;
    width: 206px;
    margin: 0 auto;
}

.CallBackNumberText-tb {
    padding: 0 2px;
    height: 20px;
    width: 30px !important;
    font-size: 9px;
}

.cll-orgn-lbl {
    width: 180px;
    white-space: initial;
    line-height: 10px;
}

.callbacknumber {
    width: 170px;
    white-space: initial;
    line-height: 10px;
}

.wth-68PrimaryOfficer {
    width: 66%;
}

.wth-32UnitEmployee {
    width: 34%;
    position: absolute;
    left: 88%;
    top: 7px;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}

.OfficerResponding-sb {
    padding: 0 2px;
    height: 20px;
    width: 193px;
    font-size: 9px;
}

.AssistingOfficer-sb {
    padding: 0 2px 1px;
    height: 20px;
    width: 193px;
    font-size: 9px !important;
}

.CallOriginStatuslbl {
    width: 147px;
    white-space: initial;
    line-height: 10px;
}

.originallyreported {
    width: 190px;
    white-space: initial;
    line-height: 10px;
}

.txtIncidentUnit-tb {
    padding: 0 2px;
    height: 20px;
    width: 43px !important;
}

.unt_lbl {
    width: 53px !important;
}

.pa-offi-sec {
    width: 63% !important;
    margin-left: 15px;
}

.as-sec {
    width: 29.666667% !important;
}

.txtIncidentUnit-w40 {
    width: 40px;
}

.txtEmployeeId-tb {
    padding: 0 2px;
    height: 20px;
    width: 65px !important;
}

.txtIncidentUnitforAssistingofficer-tb {
    padding: 0 2px;
    height: 20px;
    width: 43px !important;
}

.txtEmployeeIdforAssistingofficer-tb {
    padding: 0 2px;
    height: 20px;
    width: 65px !important;
}

.save-to-client {
    padding: 4px 4px 3px;
    text-align: center;
    text-decoration: none;
    width: 112px;
    line-height: 10px;
    white-space: normal;
    font-size: 9px;
    margin: 4px 0;
    border-radius: 20px;
    cursor: pointer;
}

.ArriveTime-tb {
    width: 36px !important;
    padding: 0 2px;
    height: 20px;
}

.ArriveDate-tb {
    width: 58px !important;
    padding: 0 2px;
    height: 20px;
}

.DepartTime-tb {
    width: 36px !important;
    padding: 0 2px;
    height: 20px;
}

.DepartDate-tb {
    width: 58px !important;
    padding: 0 2px;
    height: 20px;
}

.adlt-hppn-boxleft {
    width: 32%;
}

.adlt-hppn-boxright {
    width: 28%;
    margin-left: 44px;
}

.adlt-hppn-boxright2 {
    width: 18%;
}

.w-373-p {
    width: 375px !important;
}

.aiq-lbl {
    font-size: 9px;
    -ms-transform: translate(0,-6px);
    -webkit-transform: translate(0,-6px);
    transform: translate(0,-6px);
}

.aqptn-lbl {
    -ms-transform: translate(0,-7px);
    -webkit-transform: translate(0,-7px);
    transform: translate(0,-7px);
}

    .aqptn-lbl > span {
        white-space: initial;
    }

.fs-italic {
    font-style: italic;
}

.ws-initial {
    white-space: initial;
}

.IncidentSector-tb {
    padding: 0 2px 1px;
    height: 20px;
    font-size: 9px !important;
    width: 173px !important;
}

.inline-block {
    display: inline-block;
}

.inline-block-imp {
    display: inline-block !important;
}

.block {
    display: inline-block;
}

.block-imp {
    display: inline-block !important;
}

.txtAdult-tb {
    padding: 0 2px;
    height: 20px;
    width: 40px;
    font-size: 9px;
}

.txtJuvenile-tb {
    padding: 0 2px;
    height: 20px;
    width: 40px;
    font-size: 9px;
}

.hpn-AfterDate-tb {
    padding: 0 2px;
    height: 20px;
    width: 60px;
    font-size: 9px;
}

.HappenedAtorAfterTime-tb {
    padding: 0 2px;
    height: 20px;
    font-size: 9px;
    width: 40px;
}

.ddlUpdateOfficerStatus-sb {
    padding: 0 2px;
    height: 20px;
    font-size: 9px;
    width: 200px !important;
}

.HappenedAtorBeforeDate-tb {
    padding: 0 2px;
    height: 20px;
    width: 60px;
    font-size: 9px;
}

.butBeforeDate-tb {
    padding: 0 2px;
    height: 20px;
    width: 40px;
    font-size: 9px;
}

.resonpaplblmoove {
    position: absolute;
    top: 23px;
    left: 10px;
}

.DepartEndwidth {
    width: 30%;
}

.form-inline .form-cntrl {
    display: inline-block;
    vertical-align: middle;
}

.incdescHeadding-box {
    position: absolute;
    font-size: 12px;
}

.mr-inc-subsec {
    position: absolute;
    left: 90px;
    top: 5px;
}

.inc-dt-box {
    position: absolute;
    top: 5px;
}

.res-desc-box {
    position: absolute;
    font-size: 12px;
}

.arvdatemoveleft {
    position: absolute;
    left: 15px;
    top: 24px;
}

.dt-row {
    -ms-transform: translate(0,-5px);
    -webkit-transform: translate(0,-5px);
    transform: translate(0,-5px);
}

.IncidentSector-row {
    -ms-transform: translate(0,-3px);
    -webkit-transform: translate(0,-3px);
    transform: translate(0,-3px);
}

.ArriveStartposmov {
    position: absolute;
    left: 88px;
    top: 24px;
}

.pin-location-btnbox {
    position: absolute;
    left: 100px;
    top: 15px;
}

.Arivestartlbl {
    position: absolute;
    left: 20px;
}

.departindmove {
    position: absolute;
    left: 170px;
}

.departtimemovel {
    position: absolute;
    left: 73px;
    top: 24px;
}

.Callstatus-sb {
    padding: 0 2px;
    height: 22px;
    width: 170px;
}

.OriginallyResponding-ta {
    font-size: 9px !important;
    padding: 4px 3px 0;
    min-height: 20px !important;
    width: 188px !important;
}

.UpdateStatus-sb {
    padding: 0 2px 1px;
    height: 20px;
    font-size: 9px !important;
    width: 140px !important;
}

.AdditionalLocationDescription-ta {
    font-size: 9px !important;
    padding: 3px 3px 0;
    min-height: 20px !important;
    width: 340px !important;
}

.OriginallyRespondinglbl {
    position: absolute;
    top: 0;
    left: -50px;
}

.OriginallyRespondingbox {
    position: absolute;
    top: 20px;
    left: -50px;
}

.departdatemovel {
    position: absolute;
    left: 0;
    top: 24px;
}

.departdatetimemovelbl {
    position: absolute;
    left: 14px;
}

.saveticlientbtnmovetobottom {
    position: absolute;
    top: 48px;
}

.Callstatus-box {
    width: 43%;
}

.OriginallyResponding-box {
    width: 57%;
}

.Adult-lbl-box {
    position: absolute;
    top: 0;
    left: 20px;
}

.Adult-txt-box {
    position: absolute;
    left: 68px;
}

.Juvenile-lbl-box {
    position: absolute;
    top: 0;
    left: 20px;
}

.Juvenile-txt-box {
    position: absolute;
    left: 85px;
}

.Happened-After-lbl-box {
    position: absolute;
    top: 0;
    left: 0;
}

.custmaddon-pad {
    padding: 4px 0;
}

.custmaddon-pad-dsp {
    padding: 3px 6px;
    margin: 0 5px;
    display: inherit;
    width: 20px;
    height: 20px;
}

.custmaddon-chkpntgrp {
    padding: 8px 9px;
}

.Happened-After-txt-boxone {
    position: absolute;
    left: 90px;
}

.Happened-After-txt-boxtwo {
    position: absolute;
    left: 148px;
}

.But-Before-lbl-box {
    position: absolute;
    top: 0;
    left: 10px;
}

.But-Before-txt-boxone {
    position: absolute;
    left: 78px;
    top: 0;
}

.But-Before-txt-boxtwo {
    position: absolute;
    left: 136px;
    top: 0;
}

.txtCaseNumber-tb {
    padding: 0 2px;
    height: 20px;
    font-size: 9px !important;
    width: 140px;
}

.tablecontainerindep {
    max-height: 200px !important;
}

.IncidentDisposition-sb {
    padding: 0 2px 1px;
    height: 20px;
    font-size: 9px !important;
}

.IncLaunchby-tb {
    padding: 0 2px;
    height: 20px;
    font-size: 9px !important;
}

.subjct-img {
    height: 151px;
}

.sentvia_label {
    padding-left: 0 !important;
    font-size: 12px;
}

.sntvia_radio {
    margin-right: 5px !important;
    position: relative !important;
    bottom: -1px !important;
}

.IncClosby-tb {
    padding: 0 2px;
    height: 20px;
    font-size: 9px !important;
}

. .save-cancel-btn-horz {
    background-color: #2c3e54;
    color: #f1f1f1;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    display: inline;
    text-transform: uppercase;
    transition: all ease-in-out .3s;
}

.save-cancel-btn-common-horz {
    border: none;
    color: #f1f1f1;
    font-family: 'Open Sans',sans-serif;
    padding: 2px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    border-radius: 20px;
    cursor: pointer;
}

.save-cancel-btn-horz:hover {
    background-color: #d6d6d6;
    color: #000;
}

.btn-group-1 .btn-group-child-vert:hover {
    background-color: #d6d6d6;
    color: #000;
}

.btn-group-1 .btn-group-child-vert:not(:last-child) {
    border-bottom: none;
}

.btn-group-1 .btn-group-child-vert:hover {
    background-color: #d6d6d6;
    color: #000;
}

.btn-group-child-vert:hover {
    background-color: #ededed !important;
    color: #000;
}

.btn-group-1 .btn-group-child-vert {
    background-color: #2c3e54;
    border: 0 solid;
    border-radius: 20px;
    color: #f1f1f1;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    width: 80%;
    display: block;
    margin-bottom: 2px;
}

.save-cancel-btn-common-three {
    padding: 1px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 4px 2px;
    border-radius: 20px;
    cursor: pointer;
}

.about-save-irc {
    padding: 4px 12px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px 0;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    background-color: #eee;
    color: #000;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    border: 0 solid #eee;
    display: inline;
    text-transform: uppercase;
    transition: all ease-in-out .3s;
}

    .about-save-irc:hover {
        cursor: default;
    }

.move-ic, .move-ic1 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

    .move-ic.down-ic, .move-ic1.down-ic1 {
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

.rotaitcctbicon {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotait-ic {
    -ms-transform: translate(0,4px);
    -webkit-transform: translate(0,4px);
    transform: translate(0,4px);
}

.stndrdRptrgtnav li a.rotait-ic {
    -moz-transform: translate(15px,0);
}

.ircrgtnav li a.rotait-ic {
    -moz-transform: translate(-30px,16px);
}

.rotait-ictwo {
    -ms-transform: translate(0,1px);
    -webkit-transform: translate(0,1px);
    transform: translate(0,1px);
}

.p-1-1 {
    padding: 1px;
    font-size: 12px !important;
}

.padding-1 {
    padding: 1px;
}

.uos-lbl {
    -ms-transform: translate(-15px,0);
    -webkit-transform: translate(-15px,0);
    transform: translate(-15px,0);
}

.uos {
    -ms-transform: translate(-40px,0);
    -webkit-transform: translate(-40px,0);
    transform: translate(-40px,0);
}

.button-disabled {
    opacity: .6;
    pointer-events: none;
}

.tabbar-disabled {
    opacity: 1;
    pointer-events: none;
    z-index: 1;
}

.button-disabled2 {
    opacity: .6;
    cursor: default !important;
}

.btn-m-t-mns-45 {
    -ms-transform: translate(0,-45px);
    -webkit-transform: translate(0,45px);
    transform: translate(0,-45px);
}

.que-addon button {
    border-radius: 0;
    background: #2c3e54;
    color: #fff;
    height: 32px;
    border: 0;
}

    .que-addon button:hover {
        background-color: #d6d6d6;
        color: #000;
        border: 0;
    }

.irc-tab .nav-tabs {
    background: #fff;
}

    .irc-tab .nav-tabs li {
        text-align: center;
        margin-right: 3px;
        margin-bottom: 0;
        padding: 0 3px 0 0;
    }

        .irc-tab .nav-tabs li a {
            font-size: 14px;
            text-align: center;
            font-weight: 600;
            color: #000;
            padding: 6px 12px;
            background: #ededed;
            border: none;
            text-transform: uppercase;
            position: relative;
            transition: all .5s ease 0;
            margin-right: 0;
            border-radius: 8px 8px 0 0;
            border: none;
            text-transform: uppercase;
            position: relative;
            transition: all .5s ease 0;
        }

        .irc-tab .nav-tabs li.active a {
            background: #d6d6d6;
            color: #000;
            border: none;
        }

        .irc-tab .nav-tabs li a:hover {
            background: #d6d6d6;
            color: #000;
            border: none;
            cursor: pointer;
        }

.irc-tab .tabs-box-irc {
    padding: 5px;
    border: 3px solid #d6d6d6;
}

.addtemplate-tab .nav-tabs {
    background: #fff;
}

    .addtemplate-tab .nav-tabs li {
        text-align: center;
        margin-right: 3px;
        margin-bottom: 0;
        padding: 0 3px 0 0;
    }

        .addtemplate-tab .nav-tabs li a {
            font-size: 14px;
            text-align: center;
            font-weight: 600;
            color: #000;
            padding: 6px 12px;
            background: #ededed;
            border: none;
            text-transform: uppercase;
            position: relative;
            transition: all .5s ease 0;
            margin-right: 0;
            border-radius: 8px 8px 0 0;
            border: none;
            text-transform: uppercase;
            position: relative;
            transition: all .5s ease 0;
        }

        .addtemplate-tab .nav-tabs li.active a {
            background: #d6d6d6;
            color: #000;
            border: none;
        }

        .addtemplate-tab .nav-tabs li a:hover {
            background: #d6d6d6;
            color: #000;
            border: none;
            cursor: pointer;
        }

.addtemplate-tab .tabs-box-irc {
    border: 3px solid #d6d6d6;
}

.prtailTab {
    width: 120px !important;
}

.ircSpace {
    min-width: 400px;
    float: right;
}

    .ircSpace button {
        font-size: 12px;
        padding: 3px 12px !important;
    }

.ircSearch a {
    font-size: 12px;
}

.ircincidentcntrlSpace {
    width: 280px !important;
}

.irc-btn-group {
    margin: 5px 0 0 49px;
    width: 130px;
}

.btn-box-irc {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}

.empid-tw {
    width: 130px;
}

.bb-irc {
    border-bottom: 2px solid #d6d6d6;
}

.rprtspec-p {
    padding-left: 300px;
}

#customers {
    text-align: center;
}

.gm-style-iw {
    padding: 20px 0 20px 20px !important;
}

.gm-ui-hover-effect {
    background: 0 0;
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    cursor: pointer;
    user-select: none;
    top: -2px !important;
    right: -3px !important;
    width: 30px;
    height: 30px;
}

.manualClmn * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.manualClmn {
    padding: 1px;
    overflow: hidden;
}

    .manualClmn .dgt-clmn {
        width: 6%;
        float: left;
    }

    .manualClmn .inci-subject {
        width: 31.5%;
        float: left;
    }

    .manualClmn .locate {
        width: 19%;
        float: left;
    }

.notes-radio-label {
    font-size: 10px;
    color: #363636;
    line-height: 12px;
    margin-top: 3px;
    white-space: normal;
    -ms-white-space: normal;
    -webkit-white-space: normal;
    -moz-white-space: normal;
    -o-white-space: normal;
}

.controldis2 {
    display: block !important;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    font-size: 18px;
}

    .controldis2 input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicatordisp2 {
    position: absolute;
    top: 0;
    left: 20px;
    height: 15px;
    width: 15px;
    background: #e6e6e6;
    border: 1px solid #a6a6a6;
}

.control--radio-disp2 .control__indicatordisp2 {
    border-radius: 50%;
}

.controldis2 input:focus ~ .control__indicatordisp2, .controldis2:hover input ~ .control__indicatordisp2 {
    background: #ccc;
}

.controldis2 input:checked ~ .control__indicatordisp2 {
    background: #000;
    border: 1px solid #000 !important;
}

.controldis2 input:checked:focus ~ .control__indicatordisp2, .controldis2:hover input:not([disabled]):checked ~ .control__indicatordisp2 {
    background: #000;
}

.controldis2 input:disabled ~ .control__indicatordisp2 {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none;
}

.control__indicatordisp2:after {
    content: '';
    position: absolute;
    display: none;
}

.controldis2 input:checked ~ .control__indicatordisp2:after {
    display: block;
}

.control--radio-disp2 .control__indicatordisp2:after {
    left: 7px;
    top: 7px;
    height: 2px;
    width: 2px;
    border-radius: 50%;
    background: #000;
}

.control--radio-disp2 input:disabled ~ .control__indicatordisp2:after {
    background: #7b7b7b;
}

.control-group-dis1 {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    padding: 30px;
    width: 200px;
    height: 210px;
    margin: 10px;
}

.controldis1 {
    display: block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    font-size: 18px;
}

    .controldis1 input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicatordisp1 {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    background: #e6e6e6;
}

.control--radio-disp1 .control__indicatordisp1 {
    border-radius: 50%;
}

.controldis1 input:focus ~ .control__indicatordisp1, .controldis1:hover input ~ .control__indicatordisp1 {
    background: #ccc;
}

.controldis1 input:checked ~ .control__indicatordisp1 {
    background: #000;
}

.controldis1 input:checked:focus ~ .control__indicatordisp1, .controldis1:hover input:not([disabled]):checked ~ .control__indicatordisp1 {
    background: #000;
}

.controldis1 input:disabled ~ .control__indicatordisp1 {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none;
}

.control__indicatordisp1:after {
    content: '';
    position: absolute;
    display: none;
}

.controldis1 input:checked ~ .control__indicatordisp1:after {
    display: block;
}

.control--radio-disp1 .control__indicatordisp1:after {
    left: 7px;
    top: 7px;
    height: 2px;
    width: 2px;
    border-radius: 50%;
    background: #000;
}

.control--radio-disp1 input:disabled ~ .control__indicatordisp1:after {
    background: #7b7b7b;
}

.nts-ta {
    font-size: 9px;
}

.newCheckpoint {
    min-height: 100px;
}

    .newCheckpoint input[type=button] {
        position: absolute;
        bottom: 0;
    }

.addMarginSpace {
    margin-right: 100px;
}

.txtoptionHours336 {
    width: 150px;
    margin-left: 15px;
    margin-top: 5px;
}

.txtoptionMinutes336 {
    width: 150px;
    margin-left: 15px;
    margin-top: 5px;
}

.txtoptionHourslbl {
    width: 53px;
    text-align: right;
    margin-bottom: 0;
}

.txtoptionMinuteslbl {
    width: 68px;
    text-align: right;
    margin-bottom: 0;
}

.timcontrolfixhight {
    height: 135px;
}

.timcontrol-lftcolm {
    width: 470px;
}

.timcontrol-rytcolm {
    width: 605px;
}

.timcontrol-rytcolm-childleft {
    width: 250px;
    height: 134px;
}

.timcontrol-rytcolm-childright {
    width: 330px;
    height: 134px;
}

.st-wd {
    background: #d6d6d6;
    margin: 2px;
    margin-right: 0;
    height: 134px;
    width: 230px;
}

.rnge-wt {
    width: 90px;
    margin: auto;
    height: 26px;
}

.stndrdtogglheading {
    width: 400px;
    font-size: 12px;
}

.stndrdtogglheading2 {
    width: 300px;
    font-size: 12px;
}

.Dvdateinfo {
    width: 400px;
}

.DvProperty {
    width: 350px;
}

.frstStandardReports {
    width: 300px;
}

.stndrdreportborder4 {
    border: 4px solid #d6d6d6;
}

.srbox1bottm {
    width: 460px;
    padding-bottom: 15px;
}

.Dvcmbpropery {
    width: 350px;
    font-size: 12px;
}

.DvCommonDtRange {
    width: 412px;
}

.tolablcstmmargin {
    margin: 20px 5px 0;
}

.CmnDateRngcstm-mrgn {
    margin-left: 41px;
}

.SRbox16cstmwdth {
    width: 720px;
}

.buttn-bunch {
    width: 116px;
    padding-right: 0;
    position: relative;
}

.chkdatequatrange-leftportion {
    width: 256px;
}

.chkdatequatrange-rytportion {
    width: 145px;
}

.Sr9boxtoparea {
    width: 420px;
}

.ddlRptPropertylength {
    height: 394px !important;
}

.ddlcommonPropertylength {
    height: 345px !important;
    -ms-height: 345px !important;
}

.stndrdRptrgtnav li a.rotait-ic {
    transform: translate(15px,0);
    -webkit-transform: translate(15px,0);
    -ms-transform: translate(15px,0);
    -o-transform: translate(15px,0);
}

.ircrgtnav li a.rotait-ic {
    transform: translate(-30px,16px);
    -webkit-transform: translate(-30px,16px);
    -ms-transform: translate(-30px,16px);
    -o-transform: translate(-30px,16px);
}

.standardcommn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-45%,50%);
    -webkit-transform: translate(-45%,50%);
    -moz-transform: translate(-45%,50%);
    -ms-transform: translate(-45%,50%);
    -o-transform: translate(-45%,50%);
}

.ircbtncommn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-45%,25%);
    -webkit-transform: translate(-45%,25%);
    -moz-transform: translate(-45%,25%);
    -ms-transform: translate(-45%,25%);
    -o-transform: translate(-45%,25%);
}

.ircimgbtngrp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-45%,59%);
    -webkit-transform: translate(-45%,59%);
    -moz-transform: translate(-45%,59%);
    -ms-transform: translate(-45%,59%);
    -o-transform: translate(-45%,59%);
}

.irc-btn-group {
    margin: 5px 0 0 11px;
    width: 118px;
}

.RunReportbutn {
    width: 739px;
}

.ApprovedCaseFileDV {
    width: 326px;
}

.Boxsrfixwdth {
    width: 765px;
}

.selemployeelbl {
    margin-left: 14px;
}

.specialcharctrclss {
    font-size: 38px;
    top: -1px;
    position: relative;
}

.stndrdrepocntnr {
    width: 827px;
}

.headng-wth {
    width: 825px;
}

.rdo-cstmwdth {
    width: 346px;
}

.fltrloc-select-cstmwdth {
    width: 350px;
}

.fltrincOff-cstmwdth {
    width: 435px;
}

.unchk-wth {
    width: 250px;
}

.spcInchead-wth {
    width: 898px;
}

.timcontrolfixhight {
    height: 142px;
}

.cstmfnt label {
    font-size: 12px !important;
}

.MainDvtimcontrol {
    width: 1085px;
    margin: auto;
}

.p-t-7 {
    padding-top: 7px;
}

.cstmfnt label {
    font-size: 12px;
}

.spcrec-wth {
    width: 545px;
}

.clr-wth {
    width: 119px;
}

.recfld-wth {
    width: 524px;
}

.spcrecwth1 {
    width: 30%;
}

.spcrecwth2 {
    width: 10%;
}

.spcrecwth3 {
     width: 30%;
}
.spcrecwth4 {
     width: 30%;
}
.spcrecwth100 {
    width: 100%;
}
.SaveChangeQuery {
    width: 639px;
    text-align: right;
}

.DvQueryLocker {
    width: 970px;
}

.DvQueryLocker-left {
    width: 300px;
}

.DvQueryLocker-ryt {
    width: 350px;
}

.incdashbrd-w {
    width: 320px;
}

.cstmhight-multiselect {
    height: 333px !important;
    cursor: pointer;
}

.cstmhight-multiselect460 {
    height:460px !important;
    cursor: pointer;
}

.p-t-6 {
    padding-top: 6px;
}

.p-t-11 {
    padding-top: 11px;
}

.quarter {
    background: #d6d6d6;
    padding: 15px 23px;
    vertical-align: middle;
    border: 1px solid #000;
    cursor: pointer;
}

    .quarter.reset {
        padding: 5px 0;
    }

    .quarter.months {
        padding: 6.5px 2px;
    }

    .quarter.days {
        padding: 4.2px 0;
    }

    .quarter.hours {
        padding: 2.5px 0;
    }

.incdsp2 {
    margin-left: 10px;
}

.Dvtimcontrol-lftcolm {
    width: 480px;
}

.st-wdth {
    background: #d6d6d6;
    margin: 2px;
    margin-right: 0;
}

.timeControlgridmrgin {
    margin-left: 50px;
}

.hourscstmpadding {
    padding-left: 0;
}

.TimeZonecstmwdth {
    width: 130px;
    margin-top: 19px;
}

.four-pxircborder {
    border: 4px solid #d6d6d6;
}

.complaincewrap {
    float: left;
}

.set-lft-3.zInd {
    z-index: 999;
}

body.modal-open {
    padding: 0 !important;
    padding-right: 15px !important;
}

.modal.fade.in {
    padding-right: 0;
}
.ty-box{
    line-height:14px;
}
.ty-box label{
    font-size:0.8rem;
    margin-bottom:0;
}
.ty-box label > input[type=radio] {
    vertical-align: middle;
    margin-top: -2px;
}
.barcodePop-wt {
    width: 150px;
}

.w-barcode {
    width: 117px;
}

.padding-r-35 {
    padding-right: 35px;
}

.mdButtonSpacing {
    padding-right: 35px;
}

.icn-hovr {
    display: none !important;
}

#txtIncidentNotes::-webkit-input-placeholder {
    font-style: italic;
}

#txtIncidentNotes::-moz-placeholder {
    font-style: italic;
}

#txtIncidentNotes:-ms-input-placeholder {
    font-style: italic;
}

#txtIncidentNotes:-moz-placeholder {
    font-style: italic;
}

.ptrlfontitlic::-webkit-input-placeholder {
    font-style: italic;
}

.ptrlfontitlic::-moz-placeholder {
    font-style: italic;
}

.ptrlfontitlic:-ms-input-placeholder {
    font-style: italic;
}

.ptrlfontitlic:-moz-placeholder {
    font-style: italic;
}

#txtINCIDENTNOTES::-webkit-input-placeholder {
    font-style: italic;
}

#txtINCIDENTNOTES::-moz-placeholder {
    font-style: italic;
}

#txtINCIDENTNOTES:-ms-input-placeholder {
    font-style: italic;
}

#txtINCIDENTNOTES:-moz-placeholder {
    font-style: italic;
}

#txtRESPONSENOTES::-webkit-input-placeholder {
    font-style: italic;
}

#txtRESPONSENOTES::-moz-placeholder {
    font-style: italic;
}

#txtRESPONSENOTES:-ms-input-placeholder {
    font-style: italic;
}

#txtRESPONSENOTES:-moz-placeholder {
    font-style: italic;
}

li.ptrlCollapse a.rotait-ic {
    transform: translate(10px,10px);
    -webkit-transform: translate(10px,10px);
    -ms-transform: translate(10px,10px);
    -o-transform: translate(10px,10px);
}

.phydespropic > img {
    height: 161px;
    width: 100%;
}

.rapid-tdo-group {
    margin: 26px 0 0 5px;
}

.whrtxt:before {
    content: "1" !important;
}

.whrtxt1:before {
    content: "1";
}

.whrtxt2:before {
    content: "2";
}

.whrtxt3:before {
    content: "3";
}

.idtxt:before {
    content: "-";
}

.whrtb {
    width: 95.9%;
    margin-left: 5px;
    display: inline-block;
}

.add-n-o-10 {
    margin-top: 100px;
}

.text-underline-black {
    text-decoration: underline;
}

.text-underline-black-imp {
    text-decoration: underline !important;
}

.controlBussinessPos {
    top: -10px !important;
    left: 10px !important;
}

.dwn-load {
    position: relative;
    left: 0 !important;
    font-size: 12px !important;
    transition: all ease-in-out .3s;
}

.left-fes-na {
    background-color: green;
    color: #000;
    padding: 3px;
    text-align: left;
    text-decoration: none;
    display: block;
    font-size: 14px;
    margin-bottom: 1px;
    font-family: 'Open Sans',sans-serif;
}

.left-fes {
    font-family: 'Open Sans',sans-serif;
    background-color: green;
    color: #000;
    padding: 3px;
    text-align: left;
    text-decoration: none;
    display: block;
    font-size: 14px;
    margin-bottom: 1px;
}

.left-fes-red {
    font-family: 'Open Sans',sans-serif;
    background-color: red;
    color: #000;
    padding: 3px;
    text-align: left;
    text-decoration: none;
    display: block;
    font-size: 14px;
    margin-bottom: 1px;
}
.e_req{
    color: #f61515;
}

.activeParam {
    border: 4px solid #000;
}

.left-fes-red-bdr {
    font-family: 'Open Sans',sans-serif;
    background-color: red;
    color: #000;
    padding: 3px;
    text-align: left;
    text-decoration: none;
    display: block;
    font-size: 14px;
    margin-bottom: 1px;
}

.CausArstcstmwidth {
    width: 362px;
}

.clearsearchbox {
    position: absolute;
    top: 4px;
    font-size: 12px;
    right: 20px;
    z-index: 2;
}

.wrkgrp-sb {
    width: 284px;
}

.sensr-inpt {
    width: 250px;
    float: left;
    height: 26px;
    font-size: 9px;
}

.sensr-id {
    float: left;
    width: 78px;
    padding-right: 0;
    text-align: right;
}

.sensr-typ {
    width: 68px;
    float: left;
}

.sensr-proprty {
    width: 100px;
    float: left;
    text-align: right;
    padding-right: 5px;
}

.IncidentSynopsis {
    display: inline;
    float: left;
    width: 24%;
}

.Incidentdetails {
    display: inline;
    float: left;
    width: 76%;
    word-wrap: break-word !important;
}

.AddSensorPopUp {
    width: 750px;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    height: 130px;
    clear: both;
}

.bar-code-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    margin: 0;
    min-height: 9em;
    padding-right: 0 !important;
}

.txtbox-font9[type=text] {
    font-size: 9px;
}

.txtbox-font10[type=text] {
    font-size: 10px;
}

.txtbox-font11[type=text] {
    font-size: 11px;
}

.txtbox-font12[type=text] {
    font-size: 12px;
}

.numbox-font9[type=number] {
    font-size: 9px;
}

.numbox-font10[type=number] {
    font-size: 10px;
}

.numbox-font11[type=number] {
    font-size: 11px;
}

.numbox-font12[type=number] {
    font-size: 12px;
}

.numbox-font13[type=number] {
    font-size: 13px;
}

.datebox-font9[type=date] {
    font-size: 9px;
}

.datebox-font10[type=date] {
    font-size: 10px;
}

.datebox-font11[type=date] {
    font-size: 11px;
}

.datebox-font12[type=date] {
    font-size: 12px;
}

.datebox-font13[type=date] {
    font-size: 13px;
}

.passbox-font9[type=password] {
    font-size: 9px;
}

.passbox-font10[type=password] {
    font-size: 10px;
}

.passbox-font11[type=password] {
    font-size: 11px;
}

.passbox-font12[type=password] {
    font-size: 12px;
}

.passbox-font13[type=password] {
    font-size: 13px;
}

.snscreate-btn-m {
    margin-top: 73px;
}

.txt-box-font[type=text] {
    font-size: 9px;
}

.snsr-num[type=text] {
    font-size: 9px;
}

.numfnt-10[type=text] {
    font-size: 10px;
}

.numfnt-11[type=text] {
    font-size: 11px;
}

.numfnt-12[type=text] {
    font-size: 12px;
}

.snsr-pass[type=password] {
    font-size: 9px !important;
}

.snsr-pass10[type=password] {
    font-size: 10px !important;
}

.snsr-pass11[type=password] {
    font-size: 11px !important;
}

.snsr-pass12[type=password] {
    font-size: 12px !important;
}

.snsr-pass13[type=password] {
    font-size: 13px !important;
}

.snsclose-btn {
    position: absolute;
    right: -31px;
    top: 2px;
}

.upldclose-btn {
    position: absolute;
    right: -15px;
    top: -9px;
}

.UploadPopUp {
    width: 400px;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    height: 85px;
    clear: both;
}

.glob-loader:hover {
    border-top: 3px solid red;
}

.glob-loader {
    padding: 3px;
    background: #a5a5a5;
    border: 3px solid #fff;
    border-radius: 50%;
    border-top: 3px solid #000;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin .5s linear infinite;
    position: absolute;
    top: 30%;
    left: 50%;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.menuradioleft {
    width: 130px;
    height: 160px;
    background: #eee;
    padding: 0 15px;
}

    .menuradioleft label {
        margin: 9px 0;
    }

.mnt-irc {
    width: 60px !important;
}

.hour-irc {
    width: 60px !important;
}

.display-initial {
    display: initial;
}

.ui-widget-content.tbl_offcerPtrl .connectedSortable tr.ui-sortable-handle td {
    background: #fff;
}

.connectedSortable tr, .ui-sortable-helper {
    cursor: move;
}

.display-initial-imp {
    display: initial !important;
}

.ircrgtnav, .stndrdRptrgtnav {
    padding: 14px 0 20px 11px !important;
}

.acr-yyyy120 {
    width: 120px;
}

.acr-yyyy115 {
    width: 115px;
}

.acr-yyyy100 {
    width: 100px !important;
}

.stndrd-yyyy {
    width: 80px !important;
}

.stndrd-yyyy-74 {
    width: 74px !important;
}

.acr-yyyy {
    width: 90px !important;
}

.acr-yyyy-61 {
    width: 61% !important;
}

.acr-Month {
    width: 90px !important;
}

.acr-Monthcstm {
    width: 110px !important;
}

.acr-Monthcstm2 {
    width: 152px !important;
}

.acr-Mmdd {
    width: 50px !important;
}

.acr-Mmdd-30 {
    width: 30px !important;
}

.srBox {
    display: none;
}

.stndrdtogglheading {
    width: 400px;
    font-size: 12px;
}

.stndrdtogglheading2 {
    width: 300px;
    font-size: 12px;
}

.Dvdateinfo {
    width: 400px;
}

.DvProperty {
    width: 350px;
}

.frstStandardReports {
    width: 300px;
}

.srbox1bottm {
    width: 460px;
    padding-bottom: 5px;
}

.Dvcmbpropery {
    width: 350px;
    font-size: 12px;
}

.DvCommonDtRange {
    width: 400px;
    font-size: 12px;
}

.tolablcstmmargin {
    margin: 20px 5px 0;
}

.CmnDateRngcstm-mrgn {
    margin-left: 39px;
}

.SRbox16cstmwdth {
    width: 720px;
}

.SRbox16-select-cstmwdth {
    width: 275px;
    padding-right: 5px;
}

.cstmwdt-multiselect {
    width: 352px;
}

.chkdatequatrange-leftportion {
    width: 256px;
}

.chkdatequatrange-rytportion {
    width: 132px;
}

.Sr9boxtoparea {
    width: 420px;
}

.irc-btn-group {
    margin: 5px 0 0 11px;
    width: 118px;
}

.RunReportbutn {
    width: 743px;
}

.ApprovedCaseFileDV {
    width: 326px;
}

.Boxsrfixwdth {
    width: 765px;
    padding-bottom: 15px;
}

.selemployeelbl {
    margin-left: 14px;
}

.specialcharctrclss {
    font-size: 38px;
    top: -1px;
    position: relative;
}

.multiselectfixheight {
    height: 327px !important;
    cursor: pointer;
}

.ircmultiselectfixheight {
    height: 227px !important;
}

.form-control-no-border:focus {
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.randmtxtirc {
    margin-top: -3px;
}

.disabled {
    opacity: .5;
}

.reportLogheight1 {
    height: 360px !important;
}

.wrk-pro-box {
    width: 765px;
    margin: 0 auto;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    height: 185px;
    clear: both;
}

.chkpoint-clos {
    position: absolute;
    right: 3px;
    top: -10px;
}

.border-light-gray-2 {
    border-color: #d9d9d9;
}

.chkpoint-box {
    width: 480px;
}

.chkpointcreatbtn-imgbox {
    margin-left: 30px;
    width: 61%;
}

.checkpoint-popup {
    width: 100%;
    max-width: 930px;
    min-height: 185px;
    clear: both;
}

.ic-radiobox2 {
    position: absolute;
    display: flex;
    display: -ms-flexbox;
}

.control-rdo-irc2 {
    padding-left: 20px !important;
}

.chekpoint-btn {
    font-size: 12px;
    margin-left: 30px;
}

    .chekpoint-btn i {
        float: right;
        font-size: 15px;
    }

.sv-btn-fnt {
    font-size: 11px !important;
}

.pls-chkpoint {
    font-size: 20px;
    position: relative;
    top: 20px;
}

.bcnInput-wth {
    width: 91.66666667%;
}

.cheknam-lbl {
    padding-left: 16px;
}

.cheknam {
    font-size: 9px !important;
    width: 280px;
}

.mymodalvpitwobtn {
    position: absolute;
    z-index: 1034;
    right: 5px;
    color: #000;
    background: #ffffffb3;
    padding: 0 4px;
}

    .mymodalvpitwobtn:hover {
        background: #fff;
    }

#myModalvpitwo .modal-dialog {
    height: 100%;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

    #myModalvpitwo .modal-dialog .modal-content .modal-body {
        height: 100vh;
        padding: 0;
    }

#myModalvpitwo .close {
    position: absolute;
    right: 8px;
    top: 7px;
    z-index: 1050;
    background: #fff;
    padding: 0 4px 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

#myModalvpitwo .modal-dialog .modal-content {
    border: 0;
    border-radius: 0;
}

.WallLayoutinnerbox {
    list-style-type: none;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    background: #f1f1f1;
}

.Wallinnerbox1x1 li {
    width: 100%;
    padding: 0;
    font-size: 12px;
}

.Wallinnerbox2x2 li {
    width: 50%;
    padding: 0;
    font-size: 12px;
}

.Wallinnerbox3x3 li {
    width: 33.33%;
    padding: 0;
    font-size: 12px;
}

.Wallinnerbox4x4 li {
    width: 25%;
    padding: 0;
    font-size: 12px;
}

.WallLayoutinnerbox li img {
    height: 100%;
}

.WallLayoutinnerlist {
    padding-left: 0;
}

    .WallLayoutinnerlist li {
        list-style: none;
        margin: 0;
        padding: 1px 5px;
        border-bottom: 1px solid #b1b1b1 !important;
        border-top: 0 !important;
    }

.WallLayoutinnerlist3 {
    padding-left: 0;
}

    .WallLayoutinnerlist3 li {
        display: flex;
        display: -webkit-flex;
        display: flex;
        list-style: none;
        margin: 0;
        padding: 1px 5px;
        border-bottom: 1px solid #b1b1b1 !important;
        border-top: 0 !important;
    }

        .WallLayoutinnerlist3 li span:first-child {
            -webkit-flex-basis: 85%;
            flex-basis: 85%;
        }

        .WallLayoutinnerlist3 li span:last-child {
            -webkit-flex-basis: 15%;
            flex-basis: 15%;
            text-align: center;
        }

.cheknamcctv {
    font-size: 9px !important;
}

.lbl-discrpton {
    padding-left: 30px;
}

.txtarea-discrpton {
    font-size: 9px !important;
    height: 26px !important;
}

.txtarea-discrptoncctv {
    font-size: 9px !important;
    height: 26px !important;
}

.sensr-lbl {
    margin-left: 69px;
}

.sensor-selct {
    width: 280px;
}

.latitud-lbl {
    padding-left: 10px;
}

.latitud-inpt {
    font-size: 9px !important;
    width: 82px;
    height: 26px;
}

.longitud-inpt {
    font-size: 9px !important;
    width: 98px;
    height: 26px;
}

.sv-cancl-btn {
    margin-left: -2px;
}

.questn-mrk {
    background-color: #2c3e54;
    color: #f1f1f1;
    padding: 5px 8px;
    position: relative;
    top: 2px;
}
.cam-mrk{
    background-color: #2c3e54;
    color: #f1f1f1;
    padding: 5px 8px;
    position: relative;
    top: 2px;
}
.print-tbl-chkpoint {
    font-size: 11px !important;
}

.chkpoint-flgimg {
    width: 145px;
    margin-right: -5px;
}

.cstmlftSpacing {
    padding-left: 75px;
}

.cstmlftSpacingcctv {
    padding-left: 0;
}

.phnStatus {
    border-radius: 50% !important;
    width: 35px;
    height: 35px !important;
    padding: 4px 0;
    float: left;
    color: #2c3e54;
    border: 1px solid #2c3e54;
    text-align: center;
    margin-left: 96px;
    position: relative;
    top: -8px;
}

.display-hide-edit {
    display: none !important;
}

.locatn {
    font-size: 9px !important;
    width: 252px !important;
    height: 26px;
}

.status-frm-grp {
    margin-left: 45px;
}

.selctStats {
    font-size: 9px !important;
    width: 253px !important;
    height: 26px;
}

.locatn-frmgrp {
    margin-left: 30px;
}

.activity-cstmpad {
    padding: 2px 12px;
}

.modlheadrcstmpadding {
    padding: 10px 15px;
}

.patroltxt {
    width: 45% !important;
    -ms-width: 45% !important;
    -webkit-width: 45% !important;
    -moz-width: 45% !important;
    -o-width: 45% !important;
}

.add-n-o-3 {
    margin-top: 2.3%;
}

    .add-n-o-3 img {
        display: block;
        margin-left: 25%;
    }

.checkpointGroupone {
    width: 1160px;
    background: #fff;
    min-height: 506px;
}

.checkpointGroup2 {
    width: 100%;
    max-width: 827px;
    height: 252px;
    clear: both;
}

.checkpointGrouprow2 {
    max-width: 1226px;
    clear: both;
}

.chkpntgrp-cntr {
    width: 772px;
}

.chkpntgrp-box {
    width: 800px;
    margin: 0 auto;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    height: 200px;
    clear: both;
}

.chkpntmdlhdr-bg {
    background: #fff !important;
}

.questn-mrk2 {
    background-color: #2c3e54;
    color: #f1f1f1;
    padding: 5px 8px;
    position: relative;
    top: 2px;
}

.questn-mrk3 {
    background-color: #2c3e54;
    color: #f1f1f1;
    padding: 5px 8px;
    position: relative;
    top: 0;
}

.locatnzonetoggl {
    padding-left: 38px;
    padding-right: 0;
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
    height: 0;
}

    .map-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

.m-r-20 {
    margin-right: 20px !important;
}

.chekpgrp-btn {
    font-size: 12px;
}

    .chekpgrp-btn i {
        font-size: 15px;
        float: right;
        padding: 0 0 0 6px;
    }

.group {
    float: left;
    width: 100%;
}

.cstmActvtySpce {
    padding: 6px 9px;
}

.cstmActvtyFont {
    font-size: 9px;
}

.print-tbl-chkpointgrp {
    font-size: 12px !important;
}

.dfn-act-wth {
    width: 122px;
}

.sel-chkruls-wth {
    width: 286px;
}

.chkactdes-wth {
    width: 225px;
}

.formTme {
    width: 100%;
    float: left;
    display: block;
}

.end-lbl, .strt-lbl {
    width: 81px;
}

.patroltxt1 {
    width: 89px;
}

.imstileshdr {
    color: #5a5a5a;
}

.chkrulscontnr {
    width: 572px;
}

.petrollswidth30 {
    width: 30% !important;
}

.petrolrswidth70 {
    width: 70% !important;
}

.DSlswidth30 {
    width: 30% !important;
}

.DSrswidth70 {
    width: 70% !important;
}

.hidepassword-ic {
    position: absolute;
    right: 8px;
    top: 38px;
    z-index: 1;
    font-size: 20px;
    cursor: pointer;
}

.hidepassword-user {
    position: absolute;
    right: 20px;
    top: 6px;
    z-index: 1;
    font-size: 20px;
    cursor: pointer;
}

.headerNav.navbar {
    border-radius: 0;
    border-top: 1px solid #ededed;
    height: auto;
    margin: 0;
    min-height: auto;
    background: #fff;
}

    .headerNav.navbar .hdrleft.navbar-nav {
        width: 83%;
    }

    .headerNav.navbar > ul {
        padding: 0 0 0 11px;
        width: 88%;
    }

    .headerNav.navbar .navbar-nav > li:first-child {
        padding-top: 0;
        margin-top: 0;
    }

.patrolHeader > li:first-child, .stndrdRptrgtnav > li:first-child {
    border-right: 0 !important;
}

.ircrgtnav > li:first-child, .patrolHeader > li:first-child {
    border-right: 0 !important;
}

.headerNav.navbar .navbar-nav > li:first-child a {
    background: 0 0 !important;
    padding: 8px 10px 6px !important;
    color: #777;
    border: 0 solid #fff;
    font-weight: 600;
    line-height: 14px;
    ms-line-height: 14px;
    moz-line-height: 14px;
    webkit-line-height: 14px;
    o-line-height: 14px;
}

    .headerNav.navbar .navbar-nav > li:first-child a:hover {
        background: 0 0 !important;
    }

.headerNav.navbar ul li a {
    background: #fff;
    padding: 5px 10px 6px;
    color: #777;
    border: 1px solid #fff;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.navbar ul li:after {
    top: 0;
    border-color: transparent transparent transparent #fff;
    border-width: 16.9px;
}

.headerNav.navbar .navbar-nav > li > a span {
    margin-right: 5px;
    margin-bottom: 2px;
    min-width: 32px;
}

.headerNav .navbar-nav > li {
    width: auto;
    margin-right: 10px;
    margin-top: 7px;
}

.headerNav .navbar-nav li.brlbd {
    margin-top: 0;
    margin-right: 0;
}

    .headerNav .navbar-nav li.brlbd a {
        padding: 10px 15px 6px;
    }

.headerNav.navbar .navbar-nav > li.pm-active > a, .headerNav.navbar .navbar-nav > li > a:hover {
    background: #fff !important;
    color: #333 !important;
}

.headerNav.dashheader .dshbrd li.brlbd a:hover {
    border: 0 !important;
    padding: 10px 15px 6px;
}

    .headerNav.dashheader .dshbrd li.brlbd a:hover span {
        background: inherit !important;
    }

.headerNav.dashheader > ul {
    padding: 0 0 0 11px;
    width: 86%;
}

.headerNav.dashheader .hdrRight.navbar-nav {
    width: 14% !important;
    border-left: 1px solid #cbcbcb;
    padding: 3px 0 18px 11px;
}

.headerNav.navbar .navbar-nav > li:last-child:after, .headerNav.navbar .navbar-nav > li:last-child:before {
    display: none;
}

.headerNav.navbar .navbar-nav > li.pm-active > a span, .headerNav.navbar .navbar-nav > li > a:hover span {
    background: #d00404;
}

.headerNav.navbar .navbar-nav > li.pm-active > a {
    font-weight: 600;
    border: 1px solid #696969;
    color: #333;
    border-radius: 20px;
}

.headerNav.navbar .hdrRight.navbar-nav {
    width: 15%;
    padding: 6px 0 15px 11px;
}

.headerNav.navbar .hdrRight.dshbrd {
    width: 17%;
    border-left: 1px solid #cbcbcb;
    padding: 3px 0 18px 11px;
}

.ircmenuborder.navbar .hdrRight.navbar-nav > li {
    width: auto !important;
}

.stndrdRptrgtnav.navbar-nav > li {
    width: auto !important;
}

.headerNav.navbar .hdrRight.navbar-nav > li {
    margin-right: 0;
    display: inline-block;
    width: 100%;
    height: 14px;
    padding-top: 0;
    margin-top: 0;
    z-index: 9;
}

    .headerNav.navbar .hdrRight.navbar-nav > li a {
        background: 0 0 !important;
        padding: 0 !important;
        cursor: pointer;
    }

    .headerNav.navbar .hdrRight.navbar-nav > li:after {
        display: none;
    }

    .headerNav.navbar .hdrRight.navbar-nav > li a {
        color: #777 !important;
        padding: 0 !important;
        text-align: left;
        border: 0 !important;
        line-height: 10px;
    }

        .headerNav.navbar .hdrRight.navbar-nav > li a i {
            font-size: 18px;
            color: #565656;
        }

        .hdrRight.navbar-nav > li a:hover span, .headerNav.navbar .hdrRight.navbar-nav > li a:hover {
            background: 0 0 !important;
        }

        .headerNav.navbar .hdrRight.navbar-nav > li a:hover {
            color: #000 !important;
        }

    .headerNav.navbar .hdrRight.navbar-nav > li:before {
        display: none;
    }

.headerNav.navbar .hdrRight.dshbrd-rght.navbar-nav > li {
    width: auto;
    border-right: 0;
    height: auto;
}

.headerNav.navbar .hdrRight.dshbrd-rght.navbar-nav li:last-child {
    float: right;
    padding-right: 25px;
    margin-top: -4px;
}

.headerNav.navbar .hdrRight.dshbrd-rght.navbar-nav > li > a span {
    margin-right: 0;
}

.headerNav.navbar .hdrRight.dshbrd-rght.navbar-nav {
    padding: 12px 0 10px 11px;
}

    .headerNav.navbar .hdrRight.dshbrd-rght.navbar-nav li:first-child a {
        line-height: 12px;
    }

        .headerNav.navbar .hdrRight.dshbrd-rght.navbar-nav li:first-child a:hover {
            color: #363636 !important;
        }

        .headerNav.navbar .hdrRight.dshbrd-rght.navbar-nav li:first-child a i {
            display: block;
            text-align: center;
            font-size: 13px;
        }

    .headerNav.navbar .hdrRight.dshbrd-rght.navbar-nav li:last-child a i {
        font-size: 24px;
    }

.headerNav.navbar .navbar-nav > li:last-child.pm-active > a {
    border-right: 1px solid #696969;
}

.ircmenuborder, .msrmenuborder {
    border-bottom: 2px solid #ededed;
}

.btmtogglecctv {
    border-radius: 0;
    border-color: #ccc;
    color: #555;
    background: 0 0;
    width: 100%;
    text-transform: capitalize;
    text-align: right;
    padding: 2px 3px;
    font-size: 10px;
    font-family: 'Open Sans',sans-serif !important;
    color: #363636;
    font-weight: 600;
}

    .btmtogglecctv:hover {
        border-color: #ccc !important;
        color: #363636 !important;
        background: 0 0 !important;
    }

    .btmtogglecctv:active {
        border-color: #1e90ff !important;
        background: #1e90ff !important;
    }

    .btmtogglecctv:focus {
        border-color: #1e90ff !important;
        background: #1e90ff !important;
    }

.btmtogglecctvul {
    width: 100%;
    max-height: 235px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

    .btmtogglecctvul li {
        border-bottom: 1px solid #ccc;
    }

        .btmtogglecctvul li a {
            font-size: 10px;
            padding: 2px 4px;
            font-weight: 600;
        }

            .btmtogglecctvul li a i {
                color: red;
            }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #afafaf;
    border-radius: 10px;
}

.table-user-information > tbody > tr {
    border-top: 1px solid #ddd;
}

    .table-user-information > tbody > tr:first-child {
        border-top: 0;
    }

    .table-user-information > tbody > tr > td {
        border-top: 0;
    }

.toppad {
    margin-top: 20px;
}

.callalertbox1 {
    position: fixed !important;
    width: 15px !important;
    background-image: linear-gradient(to left,rgba(255,0,0,0),rgba(255,0,0,1));
    height: 100vh !important;
    left: 0;
    z-index: 99999;
    box-sizing: border-box;
}

.callalertbox12 {
    position: fixed !important;
    width: 15px !important;
    background-image: linear-gradient(to right,rgba(255,0,0,0),rgba(255,0,0,1));
    height: 100vh !important;
    z-index: 99999;
    box-sizing: border-box;
    right: 0;
}

.callalertbox123 {
    position: fixed !important;
    width: 100% !important;
    height: 15px;
    background-image: linear-gradient(to top,rgba(255,0,0,0),rgba(255,0,0,1));
    z-index: 99999;
    box-sizing: border-box;
    top: 0;
}

.callalertbox1234 {
    position: fixed !important;
    width: 100% !important;
    height: 15px;
    background-image: linear-gradient(to bottom,rgba(255,0,0,0),rgba(255,0,0,1));
    z-index: 99999;
    box-sizing: border-box;
    bottom: 0;
}

.sensr-btn {
    width: 142px;
    -ms-width: 142px;
    -webkit-width: 142px;
    -moz-width: 142px;
    -o-width: 142px;
    margin-left: 30px;
    font-size: 12px;
}

    .sensr-btn i {
        font-size: 15px;
        float: right;
    }

.shiftbtn {
    width: 200px;
    -ms-width: 200px;
    -webkit-width: 200px;
    -moz-width: 200px;
    -o-width: 200px;
    margin-left: 30px;
    font-size: 12px;
}

    .shiftbtn i {
        font-size: 15px;
        float: right;
    }

.cstmSnsrTgleDiv {
    width: 100%;
    max-width: 650px;
}

.pm-home-span {
    display: block;
    margin: auto !important;
}

.headerNav.navbar .navbar-nav > li:first-child a:hover span.pm-home-span {
    background: 0 0;
}

.addptitleboxpop .modal-dialog {
    width: 500px;
}

.calTbl td {
    border: 1px solid #5a5959;
    padding: 0 !important;
    height: 25px !important;
}

.calTbl {
    border-bottom: 1px solid #5a5959 !important;
}

    .calTbl thead td {
        background: #01061e;
        color: #c0c1cb;
        text-align: center;
    }

        .calTbl thead td:first-child {
            background: 0 0;
        }

        .calTbl thead td span {
            display: block;
        }

    .calTbl tbody td {
        text-align: center;
        border-bottom: 0 !important;
        border-top: 0 !important;
    }

    .calTbl tbody > tr:first-child td {
        padding: 0 !important;
        border-bottom: 1px solid #5a5959 !important;
        padding-top: 10px !important;
        padding-bottom: 0 !important;
    }

        .calTbl tbody > tr:first-child td:last-child {
            border-right: 1px solid #5a5959 !important;
            border-bottom: 0 !important;
        }

    .calTbl thead tr:first-child td:first-child {
        border-bottom: 0 !important;
    }

.schdEvent > .events {
    height: 100%;
}

.schdEvent {
    border-left: 1px solid #5a5959 !important;
    border-right: 1px solid #5a5959 !important;
}

.events {
    background: #e6cb98;
}

.schdEvent1 > .events {
    height: 100%;
    background: #f7a3a6;
}

.schdEvent2 > .events {
    height: 100%;
    background: #d5ecfd;
}

.schdEvent3 > .events {
    height: 100%;
    background: #addaca;
}

.timeBox {
    padding: 10px 0;
}

.arow {
    width: 20%;
    display: inline-block;
    position: absolute;
    padding-left: 60px;
    left: 0;
    cursor: pointer;
    top: 5px;
}

    .arow.arowBtm {
        top: auto;
        bottom: 0;
    }

    .arow i {
        font-size: 20px;
    }

.carousel.vertical .carousel-inner {
    height: 100%;
}

.templt-desc-h {
    height: 48px !important;
}

.carousel.vertical .item {
    -webkit-transition: .6s ease-in-out top;
    -moz-transition: .6s ease-in-out top;
    -ms-transition: .6s ease-in-out top;
    -o-transition: .6s ease-in-out top;
    left: 0;
}

.carousel.vertical .active, .carousel.vertical .next.left, .carousel.vertical .prev.right {
    top: 0;
}

    .carousel.vertical .active.right, .carousel.vertical .next {
        top: 100%;
    }

    .carousel.vertical .active.left, .carousel.vertical .prev {
        top: -100%;
    }

.carousel-caption {
    font-size: 2em;
    right: 10%;
    left: 60%;
    top: 30%;
    bottom: 30%;
    text-align: left;
    text-shadow: none;
}

.carousel-indicators {
    font-size: 2em;
    bottom: -1%;
    text-align: left;
    text-shadow: none;
}

.calendarWd-12 {
    width: 14%;
}

.calendarPaddingLeft {
    padding-left: 80px;
}

.calTbl.tblPopup tbody > tr:first-child td {
    padding: 0 !important;
    border: 0 !important;
    vertical-align: top;
    border-color: transparent !important;
}

.calTbl.tblPopup tr td span {
    display: block;
    width: 100%;
}

.calTbl.tblPopup tr td {
    padding: 0 !important;
    vertical-align: middle;
    width: 350px;
    font-size: 12px !important;
}

    .calTbl.tblPopup tr td .schdEvent .events {
        text-align: left;
        padding: 2px 0 3px 10px;
        height: auto !important;
    }

.calTbl.tblPopup {
    border: 0 !important;
    width: auto;
}

    .calTbl.tblPopup tbody > tr td:first-child, .calTbl.tblPopup tbody > tr:first-child td:first-child {
        border-left: 0 !important;
        width: 100px;
        vertical-align: middle;
    }

    .calTbl.tblPopup .events {
        height: 40px;
    }

#eventModal .modal-body {
    display: inline-block;
    width: 100%;
}

#eventModal {
    position: absolute;
}

.wrk-petrolTemp-box {
    width: 800px;
    margin: 0 auto;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    height: 200px;
    clear: both;
}

.btn-vertical-slider {
    margin-left: 35px;
    cursor: pointer;
}

a {
    cursor: pointer;
}

.carousel.vertical .carousel-inner .item {
    -webkit-transition: .6s ease-in-out top;
    -moz-transition: .6s ease-in-out top;
    -ms-transition: .6s ease-in-out top;
    -o-transition: .6s ease-in-out top;
    transition: .6s ease-in-out top;
}

.carousel.vertical .active {
    top: 0;
}

.carousel.vertical .next {
    top: 100%;
}

.carousel.vertical .prev {
    top: -100%;
}

    .carousel.vertical .next.left, .carousel.vertical .prev.right {
        top: 0;
    }

.carousel.vertical .active.left {
    top: -100%;
}

.carousel.vertical .active.right {
    top: 100%;
}

.carousel.vertical .item {
    left: 0;
}

table.blueTable {
    border: 1px solid #95a1a9;
    background-color: #e9e4e4;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

    table.blueTable td, table.blueTable th {
        border: 1px solid grey;
        padding: 3px 2px;
    }

    table.blueTable tbody td {
        font-size: 13px;
        height: 110px;
    }

    table.blueTable tr:nth-child(even) {
        background: #d0e4f5;
    }

    table.blueTable thead {
        background: #949a9f;
        background: -moz-linear-gradient(top,#5592bb 0,#327cad 66%,#949a9f 100%);
        background: -webkit-linear-gradient(top,#5592bb 0,#327cad 66%,#949a9f 100%);
        background: linear-gradient(to bottom,#5592bb 0,#327cad 66%,#949a9f 100%);
        border-bottom: 2px solid #444;
    }

        table.blueTable thead th {
            font-size: 15px;
            font-weight: 700;
            color: #fff;
            border-left: 2px solid #d0e4f5;
        }

            table.blueTable thead th:first-child {
                border-left: none;
            }

.rightActivityBtns {
    position: absolute;
    right: 0;
    bottom: 0;
}

.control_activity {
    top: 0;
    left: 0;
}

.activityPanelLabelControl {
    margin-left: 0;
    margin-top: 2px;
}

.activityCheck {
    display: inline-block;
    width: 31%;
}

.activityCheckinline {
    display: inline-block;
    margin-right: 4px;
}

.cstmActivityPlan {
    width: 800px;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    position: relative;
}

.activityPlanAddPos {
    position: absolute;
    right: 0;
    bottom: 12px;
}

.control__indicator.control_activity {
    background: #fff;
}

#shiftOfficerScheduled > .modal-dialog {
    width: 80%;
}

.modalBorder {
    border: 0;
}

.activityPanelTblLabelControl {
    margin-left: 0;
    margin-top: -15px;
}

.temp-img {
    width: 166px;
}

.p-l-40 {
    padding-left: 40px;
}

.p-r-40 {
    padding-right: 40px;
}

.p-r-50 {
    padding-right: 50px;
}

.deployPopUp {
    width: 400px;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    height: auto;
    clear: both;
}

.officerplanactivitybox {
    position: absolute !important;
    border: 1px solid #363636;
    z-index: 9999;
    width: 30%;
    top: 100px;
    left: 1%;
    right: 1%;
    margin: auto;
}

.officerplanactivityclosebox {
    margin-right: 7px;
    margin-top: 5px;
    color: red;
}

.rightscheduleformd {
    border: 1px solid #363636;
}

    .rightscheduleformd .tbl_offcerPtrl tbody tr td div {
        min-width: 42px;
    }

.patroltableheader {
    position: relative;
    top: 10px;
    width: 100%;
    text-align: center;
}

.ptrlCollapse {
    position: absolute !important;
    top: 4px;
    right: 15px !important;
    color: #565656;
    z-index: 999 !important;
    width: auto !important;
}

    .ptrlCollapse i {
        font-size: 20px;
    }

.sepos-incic {
    position: absolute;
    top: 4px;
}

.ql-radio {
    margin-left: -38px;
}

.repeat-inc-icon {
    position: absolute;
    left: -35px;
    top: -4px;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    font-size: 12px;
}

.infoboxct {
    background: aliceblue;
    border-left: 3px solid #8dc3f3;
    padding: 5px 5px 5px 10px;
    margin-bottom: 5px;
}

    .infoboxct p span {
        font-size: 17px;
        font-weight: 800;
    }

    .infoboxct p {
        font-size: 12px;
        line-height: 24px;
    }

.queue-cls-inc {
    width: 30px !important;
    position: absolute;
    right: -10px;
    padding: 0;
    top: -4px;
}

.ilofrrbdate1, .rspndtlcn, .rspndtlcn1, .rspndtldrpdwn, .rspndttm, .rspndttmar {
    margin: 0 auto !important;
}

.rspndttm {
    width: 32px !important;
}

.rspndttmar {
    width: 34px !important;
}

.ilofrrbdate1 {
    width: 60px !important;
}

.rspndtlcn1 {
    width: 150px;
}

.rspndtlcn {
    width: 160px !important;
}

.pinclg {
    padding: 0;
    font-size: 9px !important;
}

.rspndtldrpdwn {
    width: 150px;
}

.left-1 {
    left: -1px;
}

.left-1-imp {
    left: -1px !important;
}

.top-minus-7-imp {
    top: -7px !important;
}

.top-minus-5-imp {
    top: -5px !important;
}

.top-minus-3-imp {
    top: -3px !important;
}

.top-minus-2-imp {
    top: -2px !important;
}

.top-minus-2 {
    top: -2px;
}

.top-1 {
    top: 1px;
}

.top-1-imp {
    top: 1px !important;
}

.top-0-imp {
    top: 0 !important;
}

.top-2 {
    top: 2px;
}

.top-2-imp {
    top: 2px !important;
}

.top-3 {
    top: 3px;
}

.top-3-imp {
    top: 3px !important;
}

.top-4-imp {
    top: 4px !important;
}

.top-4 {
    top: 4px;
}

.top-5 {
    top: 5px;
}

.top-6 {
    top: 6px;
}

.top-7 {
    top: 7px;
}

.top-10 {
    top: 10px;
}

.top-15 {
    top: 15px;
}

.top-20 {
    top: 20px;
}

.bot-1 {
    bottom: 1px;
}

.bot-2 {
    bottom: 2px;
}

.bot-3 {
    bottom: 3px;
}

.bot-4 {
    bottom: 4px;
}

.bot-5 {
    bottom: 5px;
}

.bot-6 {
    bottom: 6px;
}

.bot-7 {
    bottom: 7px;
}

.bot-10 {
    bottom: 10px;
}

.bot-15 {
    bottom: 15px;
}

.bot-20 {
    bottom: 20px;
}

.snsr-pop-btn {
    background-color: #2c3e54;
    color: #f1f1f1;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    display: inline;
    text-transform: uppercase;
    transition: all ease-in-out .3s;
    text-decoration: none;
    outline: 0;
    border: none;
    border-radius: 20px;
    padding: 2px 10px;
    text-align: center;
}

.ppfl-img-ares {
    height: 176px;
}

.actWid {
    width: 810px;
}

.arrst-wth-tb {
    width: 195px;
}

.chkgrpclose-btn {
    position: absolute;
    right: -10px;
    top: -8px;
}

.prsnrelpropic > img {
    height: 176px;
    width: 100%;
}

.ptrlSnsCloseBtn {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 9;
}

.rsa-date {
    width: 105px;
}

.ltgr {
    color: #d6d6d6;
}

.drgr {
    color: #2c3e54;
}

.lft-pos-70 {
    position: relative;
    left: 70px;
    top: -2px;
}

    .lft-pos-70.activity {
        left: 80px;
    }

.shftstrnput-wth {
    width: 200px;
}

.clickcnc:hover {
    text-decoration: none;
    color: #40618a;
}

.moremenuul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #d6d6d6;
}

    .moremenuul li {
        float: left;
        border-right: 1px solid #fff;
    }

        .moremenuul li:last-child {
            border-right: none;
        }

        .moremenuul li a i {
            font-size: 15px;
        }

        .moremenuul li a {
            display: block;
            color: #000;
            text-align: center;
            padding: 10px;
            text-decoration: none;
            font-size: 12px;
            font-weight: 600;
        }

            .moremenuul li a:hover:not(.active) {
                background-color: #2c3e54;
                color: #fff;
            }

.activemore {
    background-color: #2c3e54;
    color: #fff !important;
}

.offcrschedule-box {
    width: 100%;
    max-width: 1007px;
    height: 250px;
}

.cstmbgPtrlRadioClr {
    float: left;
    padding: 0;
    min-width: 95px;
    border: 1px solid #434434;
    border-bottom: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

    .cstmbgPtrlRadioClr .ptrlBlck {
        width: 100%;
        float: left;
        margin: 0;
    }

.cstmPtrlBg {
    background: #fff691;
    margin-top: 27px;
}

.headerNav.navbar ul li:nth-child(2).pm-active:after {
    left: 99%;
}

.calTbl {
    width: auto;
}

    .calTbl tr td {
        font-size: 9px !important;
    }

    .calTbl thead tr td {
        padding: 0 10px !important;
    }

.ptrlPlanContner1 {
    width: 100%;
    background: #fff;
    padding: 5px 15px 5px 10px;
    float: left;
}

.ptrlPlanContner11 {
    width: 100%;
    background: #fff;
    padding: 5px 0 0 !important;
    float: left;
}

.selday-p {
    padding: 7px 5px 9px !important;
}

.seloff-p {
    padding: 12px 17px 12px 45px !important;
}

.w-46-p {
    width: 46px;
}

.seloff-wth {
    width: 404px;
}

.activitylabelBox {
    margin-left: 20px;
}

.m-l-minus-2 {
    margin-left: -2px;
}

.ptrlCreteschedulebtn {
    margin: 7px 2px;
}

.txt-endstrt {
    width: 52px;
}

.m-l-minus-8 {
    margin-left: -8px;
}

.lft-pos-63 {
    position: relative;
    left: 63px;
}

.offcr-wth {
    width: 300px;
}

.shft-wth {
    width: 330px;
}

.snsrContner {
    width: 100%;
    max-width: 500px;
    background: #fff;
    padding: 5px;
    float: left;
}

.snsr-fld-contnr {
    width: 360px;
}

.snsr-img-contnr {
    width: 150px;
}

.patrol-tmplt-btn {
    width: 180px;
    font-size: 12px;
}

    .patrol-tmplt-btn i {
        float: right;
        font-size: 15px;
    }

.offcr-sdl-btn i {
    float: right;
    font-size: 15px;
}

.lbl-msg-err {
    text-align: center;
    margin: auto;
    display: block;
    vertical-align: top;
}

.andor-dc {
    vertical-align: middle;
    line-height: 47vh;
}

.righticon-dc {
    font-size: 6em;
}

.disptchview {
    position: relative;
    top: 129px;
}

.cstmMargin {
    margin-left: 109px;
}

.lbl-discrptonSpce {
    padding-left: 34px;
}

.wckp-77 {
    width: 77%;
}

.cstmFootPtrl {
    top: 20px;
    right: 20px;
}

.actvtycloseBtn {
    top: 10px;
    right: 0;
    position: absolute;
}

.chekgrp-discrptn {
    height: 88px !important;
}

.chkgrpclose-btn {
    position: absolute;
    right: -70px;
    top: -9px;
}

.wckp-48 {
    width: 55%;
}

.petrolzone-wrd {
    position: relative;
    left: 29px;
    top: -10px;
}

.chkgrp-svcancl-btn {
    position: relative;
    top: 50px;
}

.duratn-lbl {
    padding-right: 10px;
    width: 64px;
}

.lft-stats {
    width: 298px;
}

.ryt-strt {
    width: 260px;
}

.patroltxt1 {
    width: 70px;
}

.strt-lbl {
    width: 90px;
    padding-right: 10px;
}

.end-lbl {
    width: 80px;
    padding-right: 10px;
}

.selct-lbl {
    width: 136px;
    padding-right: 10px;
}

.incidnt-lbl {
    width: 136px;
    padding-right: 10px;
}

.loctn-lbl {
    width: 136px;
    padding-right: 10px;
}

.arowCntnr i {
    font-size: 30px;
    color: #d0d0d0;
    margin-bottom: 2px;
    position: absolute;
    bottom: -22px;
    cursor: pointer;
    z-index: 999;
}

    .arowCntnr i.leftptrs {
        left: 0;
    }

    .arowCntnr i.rightptrs {
        right: 0;
    }

.arowCntnr2 i {
    font-size: 30px;
    color: #d0d0d0;
    margin-bottom: 2px;
    position: absolute;
    bottom: -11px;
    cursor: pointer;
    z-index: 999;
}

    .arowCntnr2 i.leftptrs {
        left: 0;
    }

    .arowCntnr2 i.rightptrs {
        right: 0;
    }

.ptrlTopBgBox {
    width: 480px;
}

.actvtyTopRghtBox {
    width: 63%;
}

.snsr-width {
    width: 63%;
}

.actvtyTopBtnPnl {
    font-size: 10px;
    width: 130px;
    display: block;
}

.w-122p-imp {
    width: 122px !important;
}

.hght-133-p {
    height: 133px;
}

.h-30 {
    height: 30px;
}

.h-29 {
    height: 29px;
}

.h-27 {
    height: 27px;
}

.h-26 {
    height: 26px;
}

.h-24 {
    height: 23px;
}

.h-20 {
    height: 20px;
}

.width144px {
    width: 144px;
}

.clonepopup {
    position: fixed;
    z-index: 99;
    border: 2px solid;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.width175px, .width185px {
    width: 182px;
}

.with110px {
    width: 110px;
}

.activitypln-box {
    width: 480px;
}

.creatbtn-imgbox {
    margin-left: 53px;
}

.ActivityPlantb[type=text] {
    font-size: 9px;
}

.mptbfnt[type=text] {
    font-size: 9px;
}

.mptbfnt10[type=text] {
    font-size: 10px;
}

.mptbfnt11[type=text] {
    font-size: 11px;
}

.mptbfnt12[type=text] {
    font-size: 12px;
}

.mptbfnt13[type=text] {
    font-size: 13px;
}

.mptbfnt[type=number] {
    font-size: 9px !important;
}

.mptbfnt10[type=number] {
    font-size: 10px !important;
}

.mptbfnt11[type=number] {
    font-size: 11px !important;
}

.mptbfnt12[type=number] {
    font-size: 12px !important;
}

.mptbfnt13[type=number] {
    font-size: 13px !important;
}

.fnttbcharges, .fnttbcharges[type=text] {
    font-size: 10px !important;
}

.fnttbcharges {
    height: 22px !important;
    padding: 1px 2px !important;
}

.srtbfnt12[type=text] {
    font-size: 12px;
}

.srtbfnt11[type=text] {
    font-size: 11px;
}

.srtbfnt10[type=text] {
    font-size: 10px;
}

.ADDTOSCHEDULEbtn {
    width: 140px;
    font-size: 12px;
}

.w-76 {
    width: 76%;
}

.w-24 {
    width: 24%;
}

.w-72 {
    width: 72%;
}

.w-28 {
    width: 28%;
}

.w-27-5 {
    width: 27.5% !important;
}

.coSeduleBtn {
    font-size: 12px;
}

.SlctOfficerossb {
    width: 270px;
}

.wthcmnossb245 {
    width: 245px;
}

.wthcmnosta245 {
    width: 245px;
    height: 80px !important;
    font-size: 9px !important;
}

.widthos360px {
    width: 360px;
}

.wthcmnostb80 {
    width: 70px;
}

button#btnUpdateDte {
    position: absolute;
    bottom: 10px;
    display: none;
    margin-left: -10px;
    font-size: 10px;
}

.h-300pxosedule {
    height: 300px;
}

.h-240pxosedule {
    height: 240px;
}

.h-280pxosedule {
    height: 280px;
}

.dis-conf-wth {
    width: 985px;
}

.dc-list-pad {
    padding: 2px 5px !important;
}

.ilofrrbdate {
    width: 60px !important;
}

.ilofrrbtime {
    width: 32px !important;
}

.clr-err, .eerno {
    color: #f90;
}

.error-page {
    padding: 40px 15px;
    text-align: center;
}

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .error-actions .btn {
        margin-right: 10px;
    }

#errrbox {
    display: block;
    width: 100%;
    margin: 100px 0;
    line-height: 1.6em;
    text-align: center;
}

.clearerrr {
    display: inline-block;
    clear: both;
}

#errrbox .hgroup {
    text-transform: uppercase;
}

    #errrbox .hgroup h1 {
        margin-bottom: 25px;
        font-size: 80px;
    }

    #errrbox .hgroup h2 {
        font-size: 60px;
    }

#errrbox p {
    margin: 25px 0 0;
    padding: 0;
    font-size: 16px;
}

.eerno {
    border: 2px dashed #555;
    padding: 0 30px;
    margin: 0 3px;
}

.clr-opps {
    color: #555;
}

.addqmupper {
    border-bottom: 5px solid #eee !important;
    padding-bottom: 10px !important;
}

.modal.in .wth1020 {
    -webkit-transform: translate(0,0) !important;
    -ms-transform: translate(0,0) !important;
    -o-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
}

.udpfldrec {
    width: 100%;
    height: 168px;
}

.height265 {
    height: 265px;
}

.height165 {
    min-height: 165px;
}

.cstmbgPtrlRadioClr {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    padding: 0;
    min-width: 95px;
}

    .cstmbgPtrlRadioClr.ActiveActivity label {
        line-height: 28px;
        font-size: 10px !important;
        font-weight: 600 !important;
    }

.clr_1 {
    background: #e1e3f5;
}

.clr_2 {
    background: #e68785;
}

.clr_3 {
    background: #6c8dbd;
}

.clr_4 {
    background: #baf5d4;
}

.clr_5 {
    background: #a6efef;
}

.cstmbgPtrlRadioClr label {
    padding: 0 5px 0 26px;
    line-height: 27px;
    color: #323632;
    text-align: center;
    margin-bottom: 0;
    width: 100%;
    float: left;
}

.cstmbgPtrlRadioClr .control--radio .control__indicator {
    margin-left: 10px;
    margin-top: 8px;
}

.tbl_offcerPtrl tbody tr td div {
    display: inline-block;
    min-width: 50px;
}

.tblBorderPtrlCntnr {
    background: #fff;
    width: 100%;
    float: left;
    padding: 5px 5px 0;
}

#tblPlanOfficerList_actvty1 tbody > tr td:first-child {
    min-width: 80px !important;
    max-width: 80px !important;
    -ms-min-width: 80px !important;
    -ms-max-width: 80px !important;
}

#tblPlanOfficerList_actvty2 tbody > tr td:first-child {
    min-width: 80px !important;
    max-width: 80px !important;
    -ms-min-width: 80px !important;
    -ms-max-width: 80px !important;
}

#tblPlanOfficerList_actvty1 tbody > tr td {
    min-width: 200px !important;
    -ms-max-width: 200px !important;
    -ms-min-width: 200px !important;
    max-width: 200px !important;
}

#tblPlanOfficerList_actvty2 tbody > tr td {
    min-width: 200px !important;
    -ms-max-width: 200px !important;
    -ms-min-width: 200px !important;
    max-width: 200px !important;
}

#tblPlanOfficerList1 tbody > tr td:first-child {
    min-width: 80px !important;
    max-width: 80px !important;
    -ms-min-width: 70px !important;
    -ms-max-width: 80px !important;
}

#tblPlanOfficerList2 tbody > tr td:first-child {
    min-width: 80px !important;
    max-width: 80px !important;
    -ms-min-width: 70px !important;
    -ms-max-width: 80px !important;
}

#tblPlanOfficerList1 tbody > tr td {
    min-width: 200px !important;
    -ms-max-width: 200px !important;
    -ms-min-width: 200px !important;
    max-width: 200px !important;
}

#tblPlanOfficerList2 tbody > tr td {
    min-width: 200px !important;
    -ms-max-width: 200px !important;
    -ms-min-width: 200px !important;
    max-width: 200px !important;
}

.calTbl td p {
    color: #0b111f;
    font-size: 9px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.calTbl tbody > tr:first-child td {
    height: 20px !important;
    padding-bottom: 0 !important;
}

.tblHdrDivCntnr {
    background: #28568a;
    color: #f0f4f5;
    font-size: 9px;
    padding: 10px 2px;
    height: auto;
    min-height: 54px;
    text-align: center;
    margin-top: 5px;
    padding-top: 10px;
}

    .tblHdrDivCntnr span {
        margin: 0;
    }

.ptrlClneBtn {
    background: #cccfca;
    color: #275391;
    border: 1px solid #353538;
    border-radius: 10px;
    float: right;
    margin-top: 2px;
    margin-right: 0;
    font-size: 9px;
    padding: 0 4px;
    margin-bottom: 2px;
}

.calTbl tbody > tr:first-child td {
    padding-top: 0 !important;
    vertical-align: top;
}

.tblhdrCross {
    position: relative;
    top: -10px;
    font-size:12px;
    float: right;
    color: #ff8b87;
}

.tblShift {
    background: rgba(251,251,251,.91);
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    width: 210px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #bbc2c7;
    border-left: 5px solid #3b3135 !important;
}

.tbl_ptrl {
    background: #6d8dbe;
    padding: 0;
    color: #0b111f;
    font-size: 9px;
    float: left;
    width: 195px;
    margin: auto;
    position: absolute;
    transform: translate(12px,0);
}

.tbl_videotour {
    background: #baf5d4;
    width: 140px !important;
    margin: 0 auto;
    text-align: left;
    z-index: 9 !important;
    float: left;
    transform: translate(38px,0);
    position: absolute;
}

.tbl_videopetrol {
    background: #a6efef;
    padding: 0;
    color: #0b111f;
    font-size: 9px;
    float: left;
    width: 195px;
    margin: auto;
    position: absolute;
    transform: translate(12px,0);
}

.tspcolor {
    color: #00f;
}

.endtitlpdding {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 9px;
    text-align: right;
}

.startVideoTour-box {
    padding: 4px !important;
    font-size: 16px;
}

.h-180pxosedule {
    height: 196px;
}

.DVCreatofcer {
    width: 99.2%;
}

.tbl_ptrl h6 {
    margin: 0;
    text-align: left;
    font-size: 9px;
    color: #0b111f;
}

.tbl_ptrl p {
    margin: 0;
    text-align: left;
    padding-bottom: 8px;
    font-size: 9px;
}

.tbl_Task {
    background: #e68785;
    text-align: left;
    padding: 3px 0;
    width: 140px;
    float: left;
    transform: translate(38px,0);
    margin: 0 auto;
    position: absolute;
    z-index: 99;
}

.tbl_Tour {
    background: #e0e1f6;
    padding: 0;
    width: 140px !important;
    margin: 0 auto;
    text-align: left;
    z-index: 9 !important;
    float: left;
    transform: translate(38px,0);
    position: absolute;
}

.tbl_ptrl > .tbl_Tour {
    width: 170px !important;
    margin: 0 auto;
    z-index: 2 !important;
}

.switch {
    position: relative;
    width: 55px;
    height: 25px;
    margin: auto;
    display: block;
    margin: 7px auto;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 0 0;
    border: 1px solid #373737;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 19px;
        width: 19px;
        left: 2px;
        bottom: 2px;
        background: #373737;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background: 0 0;
    border: 1px solid #363636;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(29px);
    -ms-transform: translateX(29px);
    transform: translateX(29px);
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.editData {
    position: absolute;
    right: 0;
    top: -20px;
}

.fa.changeDivShow {
    font-size: 18px;
    display: block;
    vertical-align: top;
}

.tbl_grey {
    background: #cdd4da;
}

.calTbl thead tr td span.shift {
    color: #363636;
}

.calTbl thead tr:nth-child(2) td {
    height: 0 !important;
    padding: 0 8px !important;
    border-top: 0 !important;
}

#tblPlanOfficerList2 tbody > tr td {
    min-width: 400px !important;
    max-width: 400px !important;
    width: 400px !important;
    border-right: 0 !important;
}

#tblPlanOfficerList_actvty2 tbody > tr td {
    min-width: 400px !important;
    max-width: 400px !important;
    border-right: 0 !important;
}

.dataTables_scrollBody #tblPlanOfficerList1 tbody > tr td, .dataTables_scrollBody #tblPlanOfficerList2 tbody > tr td {
    border-right: 1px solid #373737 !important;
    border-left: 0 solid #373737;
    border-bottom: 0 solid #373737 !important;
}

.dataTables_scrollBody #tblPlanOfficerList_actvty1 tbody > tr td, .dataTables_scrollBody #tblPlanOfficerList_actvty2 tbody > tr td {
    border-right: 1px solid #373737 !important;
    border-left: 0 solid #373737 !important;
    border-bottom: 0 !important;
}

#tblPlanOfficerList1 tbody > tr:first-child td:last-child, #tblPlanOfficerList2 tbody > tr:first-child td:last-child {
    border-right: 1px solid #373737;
}

#tblPlanOfficerList_actvty1 tbody > tr:first-child td:last-child, #tblPlanOfficerList_actvty2 tbody > tr:first-child td:last-child {
    border-right: 1px solid #373737;
}

.calTbl thead tr:nth-child(1) td {
    color: #f0f4f5;
}

#tblPlanOfficerList2 tbody > tr td:first-child {
    width: 92px !important;
}

#tblPlanOfficerList_actvty2 tbody > tr td:first-child {
    width: 92px !important;
    max-width: 92px !important;
    min-width: 92px !important;
    width: 92px !important;
}

.TemplateHeaderClass {
    background: #fff691 !important;
}

#tblPlanOfficerList1_wrapper .timeStamp {
    height: 30px;
      border-bottom:1px solid #b5b5b5;
}
#tblPlanOfficerList1_wrapper .timeStamp:first-child {
      border-top:1px solid #b5b5b5;
}
#tblPlanOfficerList2_wrapper .timeStamp {
    height: 60px;
    border-bottom:1px solid #b5b5b5;
   
}
#tblPlanOfficerList2_wrapper .timeStamp:first-child{
    border-top:1px solid #b5b5b5;
   
}
.btmtoggle, .showTggleTbl, .uppertoggle {
    position: absolute;
    z-index: 999;
    text-align: center;
    cursor: pointer;
}

    .showTggleTbl.up, .uppertoggle {
        width: 107px;
    }

.btmtoggle, .showTggleTbl {
    width: 109px;
}

    .showTggleTbl.up, .uppertoggle {
        z-index: 999;
    }

.ulsv-ptemp i {
    width: 26px;
}

.ulrv-ptem i {
    width: 26px;
}

.ulsv-ptemp {
    top: 82px;
}

.btmtoggle, .showTggleTbl.down {
    left: 0;
    border-left: 1px solid #5a5959;
}

.updownarrow {
    bottom: 38px;
}

.showTggleTbl.down {
    bottom: 26px;
}

    .showTggleTbl.down.prptySchedule {
        bottom: 22px;
    }

.okofficericonDS {
    font-size: 34px;
    position: absolute;
    left: 6px;
}

.AssignUserIcon {
    position: absolute;
    right: 8px;
    top: 12px;
    font-size: 25px;
}

.disablept {
    background-color: #d6d6d6 !important;
    color: #000 !important;
    border: 2px solid #d6d6d6 !important;
    cursor: default !important;
}

.AssignUserIconsm {
    position: absolute;
    right: 2px;
    top: 16px;
    font-size: 20px;
}

span.assigngraybutton {
    position: absolute;
    right: 5px;
    bottom: 3px;
}

.okofficericonDSimg {
    font-size: 34px;
    position: absolute;
    left: 10px;
    width: 20px;
    top: 14px;
}

.doneandckwhendone {
    position: absolute;
    left: 4px;
    bottom: 6px;
}

.okofficericonDSimgsm {
    font-size: 34px;
    position: absolute;
    left: 1px;
    width: 14px;
    top: 20px;
}

.DS-cgreen {
    color: #09da09;
}

.DS-cgray {
    color: #c3c3c3;
}

.DS-cred {
    color: red;
}

.btmtoggle.downnew {
    display: none;
}

.ulsview i {
    float: left;
    margin-left: 8px;
}

.urlview {
    top: 84px;
    width: 20px;
}

.dllview {
    top: 84px;
    width: 15px !important;
    left: 66px !important;
    border: 0 !important;
}

    .dllview i {
        float: right !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
    }

.dlsview {
    top: 84px;
    width: 15px !important;
    left: 70px !important;
    border: 0 !important;
}

.drsv-ptem {
    top: 84px ;
    width: 15px;
    left: 70px;
}

#tblPlanOfficerList2_wrapper .DTFC_ScrollWrapper .dataTables_scrollHead {
    transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

    #tblPlanOfficerList2_wrapper .DTFC_ScrollWrapper .dataTables_scrollHead .dataTables_scrollHeadInner {
        transform: rotateX(-180deg) !important;
        -ms-transform: rotateX(-180deg) !important;
        -webkit-transform: rotateX(-180deg) !important;
    }

#tblPlanOfficerList1_wrapper .DTFC_ScrollWrapper .dataTables_scrollHead {
    transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

    #tblPlanOfficerList1_wrapper .DTFC_ScrollWrapper .dataTables_scrollHead .dataTables_scrollHeadInner {
        transform: rotateX(-180deg) !important;
        -ms-transform: rotateX(-180deg) !important;
        -webkit-transform: rotateX(-180deg) !important;
    }

.drlv-ptem {
    top: 84px;
    width: 12px;
    left: 70px;
    border-left: 0;
}

.timeStamp:nth-child(1) {
    margin-top: 16px;
}

#tblPlanOfficerList1 thead tr th {
    min-width: 200px !important;
    max-width: 200px !important;
    -ms-min-width: 200px !important;
    -ms-max-width: 200px !important;
}

#tblPlanOfficerList2 thead tr th {
    min-width: 200px !important;
    max-width: 200px !important;
    -ms-min-width: 200px !important;
    -ms-max-width: 200px !important;
}

#tblPlanOfficerList_actvty1 thead tr th {
    min-width: 200px !important;
    max-width: 200px !important;
    -ms-min-width: 200px !important;
    -ms-max-width: 200px !important;
}

#tblPlanOfficerList_actvty2 thead tr th {
    min-width: 200px !important;
    max-width: 200px !important;
    -ms-min-width: 200px !important;
    -ms-max-width: 200px !important;
}

#tblPlanOfficerList2 thead tr th:first-child {
    max-width: 92px !important;
    min-width: 92px !important;
    -ms-max-width: 92px !important;
    -ms-min-width: 92px !important;
}

#tblPlanOfficerList1 thead tr th:first-child {
    max-width: 92px !important;
    min-width: 92px !important;
    -ms-max-width: 92px !important;
    -ms-min-width: 92px !important;
}

#tblPlanOfficerList_actvty2 thead tr th:first-child {
    max-width: 92px !important;
    min-width: 92px !important;
    -ms-max-width: 92px !important;
    -ms-min-width: 92px !important;
}

#tblPlanOfficerList_actvty1 thead tr th:first-child {
    max-width: 92px !important;
    min-width: 92px !important;
    -ms-max-width: 92px !important;
    -ms-min-width: 92px !important;
}

.calTbl thead tr th {
    padding: 0 8px !important;
    font-size: 10px;
    vertical-align: top !important;
    border: 1px solid #363636;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-left: 0;
    height: 73px;
}

.calTbl thead tr:first-child th:first-child {
    border-left: 1px solid #363636 !important;
    border-bottom: 0 solid #363636 !important;
    border-right: 1px solid #363636 !important;
    border-left: 1px solid #363636 !important;
}

.calTbl thead tr th p {
    margin-bottom: 0;
    text-align: center;
    font-size: 10px;
    margin-top: 8px;
}

.calTbl thead tr th:first-child {
    background: #fff;
}

#tblPlanOfficerList1 thead tr th:first-child, #tblPlanOfficerList2 tbody tr td:first-child {
    max-width: 92px !important;
    min-width: 92px !important;
}

#tblPlanOfficerList_actvty1 thead tr th:first-child, #tblPlanOfficerList_actvty2 tbody tr td:first-child {
    max-width: 92px !important;
    min-width: 92px !important;
}

.calTbl tbody > tr td {
    padding-top: 0 !important;
}

.calTbl tbody tr:hover, .calTbl.display tbody tr:hover {
    background: #fff !important;
}

.calTbl thead tr th span {
    display: inline-block;
    text-align: center;
    font-size: 9px;
    margin: 4px 0 2px;
}

#tblPlanOfficerList1 .DTFC_LeftBodyLiner {
    overflow-y: initial !important;
}

#tblPlanOfficerList2 .DTFC_LeftBodyLiner {
    overflow-y: initial !important;
}

#tblPlanOfficerList_actvty1 .DTFC_LeftBodyLiner {
    overflow-y: initial !important;
    transform: all .7s ease;
    -webkit-transform: all .7s ease;
    -moz-transform: all .7s ease;
    -ms-transform: all .7s ease;
    -o-transform: all .7s ease;
}

#tblPlanOfficerList_actvty2 .DTFC_LeftBodyLiner {
    overflow-y: initial !important;
    transform: all .7s ease;
    -webkit-transform: all .7s ease;
    -moz-transform: all .7s ease;
    -ms-transform: all .7s ease;
    -o-transform: all .7s ease;
}

.InnerDiv {
    position: absolute;
    width: 97%;
}

.h-145-p {
    height: 145px;
}

.h-410-p {
    height: 410px;
}

.h-340-p {
    height: 340px;
}

.h-178-p {
    height: 178px;
}

.h-300-p {
    height: 300px;
}

.h-435-p {
    height: 435px;
}

#tblPlanOfficerList2 tbody tr td:first-child, #tblPlanOfficerList2 thead tr th:first-child {
    max-width: 73px !important;
    min-width: 73px !important;
}

#tblPlanOfficerList1 tbody tr td:first-child, #tblPlanOfficerList1 thead tr th:first-child {
    max-width: 73px !important;
    min-width: 73px !important;
}

#tblPlanOfficerList_actvty2 tbody tr td:first-child, #tblPlanOfficerList_actvty2 thead tr th:first-child {
    max-width: 92px !important;
    min-width: 92px !important;
}

#tblPlanOfficerList1 {
    margin: 0 !important;
}

#tblPlanOfficerList2 {
    margin: 0 !important;
}

#tblPlanOfficerList1_wrapper .dataTables_scrollBody.highlight, #tblPlanOfficerList1_wrapper .dataTables_scrollHead, #tblPlanOfficerList2_wrapper .dataTables_scrollBody.highlight, #tblPlanOfficerList2_wrapper .dataTables_scrollHead {
    width: auto !important;
}

.DTFC_LeftBodyLiner.highlight {
    z-index: 99;
}

#tblPlanOfficerList_actvty1 {
    margin: 0 !important;
}

#tblPlanOfficerList_actvty2 {
    margin: 0 !important;
}

#tblPlanOfficerList2_wrapper .dataTables_scrollBody.highlight, #tblPlanOfficerList2_wrapper .dataTables_scrollHead, #tblPlanOfficerList_actvty1_wrapper .dataTables_scrollBody.highlight, tblPlanOfficerList_actvty1_wrapper .dataTables_scrollHead {
    width: auto !important;
}

#tblPlanOfficerList_actvty1_wrapper .dataTables_scrollBody.highlight, #tblPlanOfficerList_actvty2_wrapper .dataTables_scrollBody.highlight {
    overflow-y: hidden !important;
}

.calTbl thead tr th:first-child p:last-child {
    margin-top: 0;
}

.switch span {
    margin: 0 !important;
}

.timeStamp:nth-child(1) {   
    margin-top: 21px;
}

/*.timeStamp.timeStampptrl:nth-child(1) {
    margin-top: 36px;
}*/

#tblPlanOfficerList1_wrapper thead#theadPlanOfficerNewList th, #theadPlanOfficerLargeView th {
    border-top: 1px solid #363636;
}

    #tblPlanOfficerList1_wrapper thead#theadPlanOfficerNewList th:last-child, #theadPlanOfficerLargeView th:last-child {
        border-right: 1px solid #363636 !important;
    }
    
.schdleEdit {
    height: 20px;
    padding: 2px 3px;
    font-size: 9px;
    width: 70px;
}

.btnptrl {
    position: absolute;
    left: 160px;
    top: 0;
    font-size: 9px !important;
    padding: 1px 8px;
    margin-top: 2px !important;
}

#tblPlanOfficerList2 tbody > tr td, #tbodyPlanOfficerNewList > tr > td {
    vertical-align: top !important;
}

.btmtoggle, .uppertoggle {
    display: none;
}

.hdnScroll {
    position: absolute;
    right: 0;
    background: #fff;
    width: 17px;
    height: 683px;
    top: 0;
}

.hdnScroll2 {
    position: absolute;
    left: 0;
    background: #fff;
    width: 90px;
    height: 40px;
    bottom: 16px;
    border-left: 1px solid #5a5959;
}

.PThdnScroll {
    position: absolute;
    right: 0;
    background: #fff;
    width: 17px;
    height: 683px;
    top: 0;
}

.PThdnScroll2 {
    position: absolute;
    left: 0;
    background: #fff;
    width: 90px;
    height: 40px;
    bottom: 36px;
    border-left: 1px solid #5a5959;
}

.brder_0 {
    border: 0;
}

.bg_transparent {
    background: 0 0 !important;
}

.tblTxtBox {
    padding: 2px;
    text-align: center;
}

.tblPtrlBtn {
    padding: 0 10px;
    margin: 0 5px 0 0;
    line-height: 16px;
}

    .tblPtrlBtn i {
        font-size: 9px;
        vertical-align: top;
        margin-top: 3px;
    }

.actvityTmplteBtnDivs {
    width: auto;
    float: left;
}

.tblptrlIcn {
    color: #2c3e54;
}

.cngtbl2.lrgetblvew .tblShift {
    width: 380px;
    margin-left: auto;
    margin-right: auto;
    transform: translate(10px);
    padding-bottom: 0;
    float: none;
}

.cngtbl2.lrgetblvew .tbl_ptrl {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
    transform: translate(22px,0);
    padding: 0 0 0 21px;
    float: none;
}

.cngtbl2.lrgetblvew .tbl_Tour {
    width: 290px !important;
    margin-left: auto;
    margin-right: auto;
    transform: translate(55px,0);
    float: none;
}

.cngtbl2.lrgetblvew .tbl_videotour {
    width: 290px !important;
    margin-left: auto;
    margin-right: auto;
    transform: translate(55px,0);
    float: none;
}

.cngtbl2.lrgetblvew .tbl_videopetrol {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
    transform: translate(22px,0);
    padding: 0 0 0 21px;
    float: none;
}

.cngtbl2.lrgetblvew .tbl_Task {
    width: 290px !important;
    margin-left: auto;
    margin-right: auto;
    transform: translate(55px,0);
    padding: 0;
    float: none;
}

.cngtbl2 .tblShift {
    width: 380px;
    float: none;
}

.cngtbl2 .tbl_ptrl {
    width: 350px;
    float: left;
    margin-left: auto;
    margin-right: auto;
}

.cngtbl2 .tbl_Tour {
    width: 320px !important;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.cngtbl2 .tbl_Task {
    width: 320px !important;
    float: none;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

.tblspce {
    float: right;
    width: auto;
}

.msg-akbox {
    width: 100% !important;
    text-align: left;
    margin: 0 4px;
}

.acknowledge-icon {
    background: #238402 !important;
    border: 2px solid #238402 !important;
    color: #fff;
    border-radius: 20px;
    display: inline-block;
    padding: 1px 12px;
    font-weight: 600;
    font-family: 'Open Sans',sans-serif;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    transform: all ease-in-out .3s;
}

    .acknowledge-icon:hover {
        background: #238402 !important;
        border: 2px solid #238402 !important;
        color: #fff;
        border-radius: 20px;
        display: inline-block;
        padding: 1px 12px;
        font-weight: 600;
        font-family: 'Open Sans',sans-serif;
        text-align: center;
        cursor: pointer;
        text-transform: uppercase;
        transform: all ease-in-out .3s;
    }

.msg-acktd {
    padding: 0 2px;
}

.pointer {
    position: absolute;
}

    .pointer.pointer-1 {
        bottom: 241px;
        right: 460px;
    }

    .pointer.pointer-2 {
        bottom: 215px;
        right: 420px;
    }

    .pointer.pointer-3 {
        bottom: 250px;
        right: 388px;
    }

    .pointer.pointer-4 {
        bottom: 300px;
        right: 299px;
    }

    .pointer.pointer-5 {
        bottom: 274px;
        right: 379px;
    }

    .pointer.pointer-6 {
        bottom: 220px;
        right: 339px;
    }

    .pointer.pointer-7 {
        bottom: 275px;
        right: 505px;
    }

    .pointer span {
        position: relative;
        right: 20px;
        bottom: 7px;
        font-weight: 700;
        font-size: 16px;
    }

.pointer-6.pointer span, .pointer-7.pointer span {
    right: 25px;
}

.filtertitle {
    margin: 0;
    color: #737373;
    font-size: 16px;
    font-weight: 700;
}

.filterBox {
    border-bottom: 1px solid #e4e4e4;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

    .filterBox:last-child {
        border-bottom: 0;
    }

.fltrimgBg {
    width: 63px;
    height: 63px;
    background: #d7d7d7;
    border-radius: 15px;
}

    .fltrimgBg img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -m0z-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }

.mpFilterrght h5 {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #363636;
    line-height: 15px;
}

.mpFilterrght label {
    font-size: 12px;
    font-weight: 300;
    color: #010101;
}

.cstmdashchkrghtsctn {
    width: 72.3%;
    min-height: 195px;
}

.dashbg-sbwg {
    width: 220px;
    font-size: 10px;
}

.dashbg-sbprop {
    width: 220px;
    font-size: 10px;
}

.dashbg-sbofficer {
    width: 200px;
    font-size: 10px;
}

.dashbg-sbll {
    width: 190px;
    font-size: 10px;
}

.dashbg-sb {
    width: 190px;
    font-size: 10px;
}

.dashrt-sb {
    font-weight: 300;
    font-size: 12px;
}

.dashtmepriod-sb {
    width: 150px;
    font-size: 10px;
}

.cstmdshbrdbtn {
    padding: 4px 25px;
}

.cstmspceforjstHpn {
    padding: 2px 5px;
}

    .cstmspceforjstHpn i {
        margin-left: 5px;
    }

.cstmdashlftprtn {
    width: 27%;
}

.dshmapcntntref {
    height: 710px;
}

    .dshmapcntntref iframe.mapImg {
        width: 100%;
        height: 100%;
    }

.dshmapcntnt {
    height: 676px;
}

    .dshmapcntnt iframe.mapImg {
        width: 100%;
        height: 100%;
    }

.irc-map-wt {
    width: 100%;
    height: 600px;
}

.dashfltrsctn {
    width: 20%;
}

.dashbgwdrght {
    width: 72%;
}

.dashbgwdleft {
    width: 28%;
}

.dashbgwdrght .control {
    line-height: 18px;
}

.w-56 {
    width: 56%;
}

.verfc-wth {
    width: 401px;
    margin: 0 auto;
}

.bannpropic > img {
    height: 176px;
    width: 100%;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
}

.qbox_tab {
    padding: 4px;
    margin-bottom: 2px;
    text-align: left;
    color: #000;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px !important;
    background-color: #000 !important;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0,0,0,.4);
}

.mCSB_scrollTools {
    right: 0 !important;
}

#mCSB_2_scrollbar_vertical a {
    display: none !important;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 2px 0 !important;
}

.switch-ptemp {
    cursor: pointer;
    display: block;
    position: absolute;
    float: left;
    width: 60px;
    padding: 2px;
    -moz-border-radius: 56px;
    -webkit-border-radius: 56px;
    border-radius: 56px;
    top: 26px;
    left: 15px;
    z-index: 9;
    border: 1px solid #444a53;
}

.switch-DS {
    cursor: pointer;
    display: block;
    position: absolute;
    float: left;
    width: 60px;
    padding: 2px;
    -moz-border-radius: 56px;
    -webkit-border-radius: 56px;
    border-radius: 56px;
    top: 30px;
    left: 16px;
    z-index: 9;
    border: 1px solid #444a53;
}

#switch .handle {
    display: block;
    background: #444a53;
    height: 20px;
    width: 20px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
}

.selDay-wth {
    width: 362px;
}

.seloff-wth {
    width: 498px;
}

.activityplanimage {
    float: right;
    width: 130px;
}

.ActivityUptxtBar {
    color: #d5cfcf;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    font-size: 17px;
    width: 326px;
    float: left;
}

.labeltxtInstruction {
    text-align: right;
    font-size: 9px;
    margin-top: 5px;
}

.schduleUptxtBar {
    color: #d5cfcf;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    font-size: 17px;
    width: 300px;
    float: left;
}

.officrschdulimage {
    width: 118px;
    float: right;
}

.shdlttl-p {
    padding-left: 45px;
}

.crtshbtn-p {
    padding-right: 25px;
}

.login-block.row {
    position: relative;
}

.login-sec {
    position: absolute;
    width: 90% !important;
    bottom: 50%;
    right: 50%;
    transform: translate(50%,50%);
    -webkit-transform: translate(50%,50%);
    -webkit-transform: translate(50%,50%);
    -moz-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    -o-transform: translate(50%,50%);
}

.arrstpropic > img {
    height: 161px;
    width: 100%;
}

hr.message-inner-separator {
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
}

.smnvpalrt, .smnvpalrtSure {
    padding: 5px;
    margin-bottom: 5px;
    position: fixed;
    top: 40%;
    right: 50%;
    transform: translate(50%,-50%);
    width: 380px;
    height: auto;
    z-index: 99999;
    max-height: 76vh;
    overflow-y: auto;
}

.smnvpalrt {
    border: 1px solid transparent;
    border-radius: 0;
}

.smnvpsxs-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.smnvpsxs-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.smnvpsxs-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.shiftpopup {
  color: #000;
    background-color: #fff;
    border-color: #faebcc;
    width:768px;
}

.pb-10 {
    padding-bottom:10px;
}


.smnvpsxs-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.surebtn, .surebtnOk {
    background-color: #4caf50;
}

.smnvpalrtSure {
    border: 1px solid transparent;
    border-radius: 0;
}

.cntrbtnsure {
    display: block;
    text-align: center;
}

.surebtn {
    border: none;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    min-width: 86px;
    font-weight: 700;
    padding: 2px;
    margin: 4px 2px;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    cursor: pointer;
    border-radius: 20px;
}

.surebtnCancel, .surebtnOk {
    color: #fff;
    border-radius: 20px;
}

.surebtnCancel {
    background-color: #f44336;
}

.msg-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
}

.msg-overlay-casefile {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
}

#draggablePanelList2 .ui-sortable-helper {
    top: 0 !important;
}

#PropertySetProperty li {
    left: 0 !important;
}

.ptrloffcerpln {
    font-size: 10px;
    padding: 3px 5px !important;
}

.SRbox16-select-cstmwdth2 {
    width: 236px;
    padding-right: 5px;
}

.stndrdhdrtgl {
    display: inline-block !important;
    top: -16px;
    left: 45px;
}

.stndrdRprt {
    padding: 15px 0 5px 11px !important;
}

.listmylistContentbox {
    max-height: 66vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.addptitleboxpopbody {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 86vh;
}

.workgroupboxbody {
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
}

    .workgroupboxbody label {
        background: #f1f1f1;
        border-bottom: 1px solid #ccc;
    }

        .workgroupboxbody label:first-child {
            border-top: 1px solid #ccc !important;
        }

.srvyCntntPanel .checkbox-label {
    margin-bottom: 3px;
}

.srvyCntntPanel {
    padding: 0 !important;
}

.choosefilbtn {
    width: 250px;
}

.qry-max-h {
    max-height: 225px;
}

.qry-h {
    height: 215px;
}

.sidenavref1 {
    position: absolute;
    right: 5px;
    width: 183px;
    height: 330px;
    overflow-x: hidden;
    top: 8%;
}

    .sidenavref1 a {
        background: #2c3e54 !important;
        color: #fff !important;
        position: absolute;
        right: -144px;
        transition: .3s;
        padding: 4px 6px;
        width: 180px;
        text-decoration: none;
        font-size: 10px;
        color: #fff;
        border-radius: 5px 0 0 5px;
        text-transform: uppercase;
    }

        .sidenavref1 a img {
            width: 24px;
            margin-left: 0;
            margin-right: 6px;
        }

        .sidenavref1 a:hover {
            right: -10px;
        }

        .sidenavref1 a.setposition {
            right: -10px !important;
        }

        .sidenavref1 a:nth-child(1) {
            top: 0;
        }

        .sidenavref1 a:nth-child(2) {
            top: 35px;
        }

        .sidenavref1 a:nth-child(3) {
            top: 70px;
        }

        .sidenavref1 a:nth-child(4) {
            top: 105px;
        }

        .sidenavref1 a:nth-child(5) {
            top: 140px;
        }

        .sidenavref1 a:nth-child(6) {
            top: 175px;
        }
         .sidenavref1 a:nth-child(7) {
            top: 210px;
        }
         .sidenavref1 a:nth-child(8) {
            top: 246px;
        }
         .sidenavref1 a:nth-child(9) {
            top: 282px;
        }
.sidenavref {
    position: absolute;
    right: 5px;
    width: 183px;
    height: 210px;
    overflow-x: hidden;
    top: 55%;
}

    .sidenavref a {
        background: #2c3e54 !important;
        color: #fff;
        position: absolute;
        right: -144px;
        transition: .3s;
        padding: 4px 6px;
        width: 180px;
        text-decoration: none;
        font-size: 10px;
        color: #fff;
        border-radius: 5px 0 0 5px;
        text-transform: uppercase;
    }

        .sidenavref a img {
            width: 24px;
            margin-left: 0;
            margin-right: 6px;
        }

        .sidenavref a:hover {
            right: -8px;
            border-radius: 5px 0 0 5px;
            padding: 4px 6px;
        }

        .sidenavref a.setposition {
            right: -8px !important;
            border-radius: 5px 0 0 5px !important;
            padding: 4px 6px;
        }

        .sidenavref a:nth-child(1) {
            top: 30px;
        }

        .sidenavref a:nth-child(2) {
            top: 65px;
        }

        .sidenavref a:nth-child(3) {
            top: 100px;
        }

        .sidenavref a:nth-child(4) {
            top: 135px;
        }

        .sidenavref a:nth-child(5) {
            top: 170px;
        }

        .sidenavref a:nth-child(6) {
            top: 205px;
        }

.sidenavinc2 {
    position: absolute;
    right: 5px;
    width: 183px;
    height: 150px;
    overflow-x: hidden;
    top: 50%;
}

    .sidenavinc2 a {
        background: #2c3e54 !important;
        color: #fff;
        position: absolute;
        right: -144px;
        transition: .3s;
        padding: 4px 6px;
        width: 180px;
        text-decoration: none;
        font-size: 10px;
        color: #fff;
        border-radius: 5px 0 0 5px;
        text-transform: uppercase;
    }

        .sidenavinc2 a img {
            width: 24px;
            margin-left: 0;
            margin-right: 6px;
        }

        .sidenavinc2 a:hover {
            right: -20px;
        }

        .sidenavinc2 a.setposition {
            right: -20px !important;
        }

        .sidenavinc2 a:nth-child(1) {
            top: 30px;
        }

        .sidenavinc2 a:nth-child(2) {
            top: 65px;
        }

        .sidenavinc2 a:nth-child(3) {
            top: 100px;
        }

        .sidenavinc2 a:nth-child(4) {
            top: 120px;
        }

        .sidenavinc2 a:nth-child(5) {
            top: 150px;
        }

        .sidenavinc2 a:nth-child(6) {
            top: 180px;
        }

.cctvincdentfp {
    position: absolute;
    right: 5px;
    width: 183px;
    height: 210px;
    overflow-x: hidden;
    top: 15%;
}

    .cctvincdentfp a {
        background: #2c3e54 !important;
        color: #fff !important;
        position: absolute;
        right: -144px;
        transition: .3s;
        padding: 4px 6px;
        width: 180px;
        text-decoration: none;
        font-size: 10px;
        color: #fff;
        border-radius: 5px 0 0 5px;
        text-transform: uppercase;
    }

        .cctvincdentfp a img {
            width: 24px;
            margin-left: 0;
            margin-right: 6px;
        }

        .cctvincdentfp a:hover {
            right: -20px;
        }

        .cctvincdentfp a.setposition {
            right: -20px !important;
        }

        .cctvincdentfp a:nth-child(1) {
            top: 0;
        }

        .cctvincdentfp a:nth-child(2) {
            top: 35px;
        }

        .cctvincdentfp a:nth-child(3) {
            top: 70px;
        }

        .cctvincdentfp a:nth-child(4) {
            top: 105px;
        }

        .cctvincdentfp a:nth-child(5) {
            top: 140px;
        }

        .cctvincdentfp a:nth-child(6) {
            top: 175px;
        }

        .cctvincdentfp a:nth-child(7) {
            top: 215px;
        }

.sidenavmon {
    position: absolute;
    right: 5px;
    width: 183px;
    height: 210px;
    overflow-x: hidden;
    top: 15%;
}

    .sidenavmon a {
        background: #2c3e54 !important;
        color: #fff !important;
        position: absolute;
        right: -144px;
        transition: .3s;
        padding: 4px 6px;
        width: 180px;
        text-decoration: none;
        font-size: 10px;
        color: #fff;
        border-radius: 5px 0 0 5px;
        text-transform: uppercase;
    }

        .sidenavmon a img {
            width: 24px;
            margin-left: 0;
            margin-right: 6px;
        }

        .sidenavmon a:hover {
            right: -20px;
        }

        .sidenavmon a.setposition {
            right: -20px !important;
        }

        .sidenavmon a:nth-child(1) {
            top: 0;
        }

        .sidenavmon a:nth-child(2) {
            top: 35px;
        }

        .sidenavmon a:nth-child(3) {
            top: 70px;
        }

        .sidenavmon a:nth-child(4) {
            top: 105px;
        }

        .sidenavmon a:nth-child(5) {
            top: 140px;
        }

        .sidenavmon a:nth-child(6) {
            top: 175px;
        }

        .sidenavmon a:nth-child(7) {
            top: 215px;
        }

.sidenavmon2 {
    position: absolute;
    right: 5px;
    width: 183px;
    height: 230px;
    overflow-x: hidden;
    top: 47%;
}

    .sidenavmon2 a {
        background: #2c3e54 !important;
        color: #fff;
        position: absolute;
        right: -142px;
        transition: .3s;
        padding: 1px 6px;
        width: 180px;
        text-decoration: none;
        font-size: 10px;
        color: #fff;
        border-radius: 5px 0 0 5px;
        text-transform: uppercase;
    }

        .sidenavmon2 a img {
            width: 30px;
            margin-left: 0;
            margin-right: 0;
        }

        .sidenavmon2 a:hover {
            right: -10px;
        }

        .sidenavmon2 a.setposition {
            right: -10px !important;
        }

        .sidenavmon2 a:nth-child(1) {
            top: 10px;
        }

        .sidenavmon2 a:nth-child(2) {
            top: 45px;
        }

        .sidenavmon2 a:nth-child(3) {
            top: 80px;
        }

        .sidenavmon2 a:nth-child(4) {
            top: 115px;
        }

        .sidenavmon2 a:nth-child(5) {
            top: 150px;
        }

        .sidenavmon2 a:nth-child(6) {
            top: 185px;
        }

.cntnr {
    padding: 10px 10px 0;
}

.b-redius-15 {
    border-radius: 15px;
}

.lblcont {
    margin-bottom: 7px;
}

    .lblcont .CreatedBy {
        text-transform: uppercase;
    }

.abwctb {
    width: 190px;
}

.abwcSb {
    width: 194px;
}

label.checkbox-label input[type=checkbox] {
    position: relative;
    vertical-align: middle;
    bottom: 3px;
    margin-right: 3px;
}

.srvytxtareabox {
    width: 670px;
    height: 70px;
    resize: none;
}

.btngrp {
    margin-top: 7px;
}

.Canclbtn {
    padding: 10px 20px;
    border: 1px solid #d2cece;
    border-radius: 5px;
    margin-left: 2px;
    font-weight: 700;
    color: grey;
    background: #e7e7e7;
}

.Draftbtn, .Submitbtn {
    float: right;
    padding: 10px 20px;
    font-weight: 700;
    color: grey;
    background: #e7e7e7;
}

.Draftbtn {
    border: 1px solid #d2cece;
    border-radius: 5px;
}

.Submitbtn {
    border: 1px solid #d2cece;
    border-radius: 5px;
    margin-right: 7px;
}

.dvDayslstbox-child {
    background: #ededed;
}

.copyryt {
    text-align: right;
    margin-bottom: 0;
}

label.text-center.tgldisposition.hding-label-2 i.hdingboxEnhancedDISPOSITIONdown {
    position: relative;
    top: 2px;
}

.addSpace {
    margin-bottom: 5px;
}

.subjectSpan {
    display: block;
    width: 330px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.topchkbxptrl {
    position: absolute;
    top: 0;
    z-index: 9;
}

.srvymgmtpnl .abwcSb, .srvymgmtpnl .abwctb {
    width: 400px;
    height: 32px;
}

.srvymgmtpnl * {
    outline: 0;
}

.srvymgmtpnl h3 {
    color: #333 !important;
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
    padding: 6px 10px;
    -webkit-box-shadow: 0 0 0 transparent !important;
    box-shadow: 0 0 0 transparent !important;
    border-radius: 3px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin: 5px 0 0 !important;
    transition: none;
    font-size: 100%;
}

.icon-rotate i {
    transform: rotate(90deg);
}

.srvyheader i {
    float: right;
    font-size: 16px;
    color: grey;
}

.round-buttonvp {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 64px;
    border: 4px solid #d0050d;
    border-radius: 50%;
    color: #2c3e54;
    text-align: center;
    text-decoration: none;
    background: #fff;
    box-shadow: 0 0 5px #000;
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    top: auto;
    left: 70px;
    bottom: -281%;
    margin: auto 0;
}

    .round-buttonvp:hover {
        background: #e8e8e8;
    }

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 1%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vertical-center-pop {
    margin: 0;
    position: absolute;
    top: 50%;
    left: -2%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.popup-one {
    width: 650px;
    margin-top: 0;
    max-height: 100vh;
    overflow-y: auto;
    margin-bottom: 0;
}

.popup-two {
    margin: 0 auto;
    min-width: 1024px;
}

.validofficerbtn {
    background-color: red;
}

.Numcstm-wth {
    width: 65px !important;
}

.sentviamodal-cstmwth {
    width: 295px;
}

.mngcampmodal-sel-wth {
    width: 264px;
    padding-right: 5px;
}

.mngcampInpmodal-wth {
    width: 318px;
}

.mngcampmultitmodal-wth {
    width: 335px;
}

.sndmodal-cstmwth {
    width: 283px;
}

.mngcampmultisel-fixheight {
    height: 157px !important;
    -webkit-height: 157px !important;
    -ms-height: 157px !important;
    -moz-height: 157px !important;
    -o-height: 157px !important;
}

.sendtome-cstmwth {
    width: 211px;
}

.sentvia-cstmwth {
    width: 294px;
}

.mngcampmultiselect-wth {
    width: 374px;
}

.mscrolltxt {
    overflow-y: auto;
    max-height: 475px;
    background: #f2dede;
    color: #b35957;
    position: relative;
    top: 35%;
}

.mcntent {
    background: #feedeb;
}

.text-darkpink {
    color: #b35957;
}

.pale-pink {
    background: #feedeb;
}

.m-l-minus-20 {
    margin-left: -20px;
}

.ui-autocomplete-input {
    border: none;
    padding-top: 2px;
    border: 1px solid #ddd !important;
    z-index: 1511;
    position: relative;
}

.ui-menu .ui-menu-item a {
    font-size: 12px;
}

.ui-autocomplete {
    max-height: 210px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1510 !important;
    float: left;
    display: none;
    min-width: 160px;
    width: 160px;
    padding: 4px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border-color: #ccc;
    border-color: rgba(0,0,0,.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: 400;
    line-height: 18px;
    color: #555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-active, .ui-state-hover {
    color: #fff;
    text-decoration: none;
    background-color: #08c;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-image: none;
}

.m-l-minus-20 {
    margin-left: -20px;
}

.mngcampInpmodal-wth {
    width: 318px;
}

.preview-clr {
    color: #9a9999;
}

.activeclr {
    color: #c1dae7;
}

.validofficerbtn {
    background-color: red;
}

.preview-img {
    height: 100%;
    width: 100%;
    max-height: 266px;
}

.mscrolltxt {
    overflow-y: auto;
    max-height: 475px;
    background: #f2dede;
    color: #b35957;
    position: relative;
    top: 35%;
}

.mcntent {
    background: #feedeb;
}

.text-darkpink {
    color: #b35957;
}

.pale-pink {
    background: #feedeb;
}

.m-t-minus-32 {
    margin-top: -32px !important;
}

.z-index-999 {
    z-index: 999 !important;
}

.tatlangimg {
    width: 18px;
}

.modal-dialog.modal-wdthalrt {
    width: 95% !important;
    margin: 124px auto 0;
}

    .modal-dialog.modal-wdthalrt .model-body {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 92vh;
    }

.mdl-overflw {
    overflow-y: auto;
    max-height: 94vh;
    overflow-x: hidden;
}

.toolsiconbox2 {
    text-align: center;
    padding: 0;
}

    .toolsiconbox2 span {
        font-size: 9px;
        font-weight: 600;
        text-align: center;
        display: block;
    }

.readreciept {
    background: #c1dae7;
    padding: 2px 4px;
    margin: 2px;
    border-radius: 5px;
}

.ackowledge {
    background: #cef5a7;
    padding: 2px 4px;
    margin: 2px;
    border-radius: 5px;
}

.toolsiconbox {
    width: 10%;
    text-align: center;
    padding: 0;
}

    .toolsiconbox span {
        font-size: 9px;
        font-weight: 600;
        text-align: center;
        display: block;
    }

label.TriggerAssignmentlabel {
    background: #eee;
    padding: 5px 10px;
    position: absolute;
    top: -20px;
    border-radius: 15px 15px 0 0;
}

.mob_screen {
    width: 280px !important;
    height: 561px !important;
    padding: 50px 12px 50px 10px;
    margin: 0 auto;
    position: relative;
    background: url(/Content/images/mobile-screen.png) no-repeat 50% 0;
    line-height: 18px;
    font-size: 13px;
    overflow: hidden;
    background-size: contain;
}

.mob_screenalert {
    width: 280px !important;
    height: 561px !important;
    padding: 50px 12px 50px 10px;
    margin: 0 auto;
    position: relative;
    background: url(/Content/images/mobile-screenalert.png) no-repeat 50% 0;
    line-height: 18px;
    font-size: 13px;
    overflow: hidden;
    background-size: contain;
}

.mscroll {
    overflow-y: auto;
    max-height: 420px;
    background: #6e8894;
    color: #fff;
}

.mscrollalert {
    margin-top: 83px;
}

.mobbdr_1 {
    border-bottom: 1px solid #b5b5b5 !important;
}

p.qt-mob {
    font-size: 10px;
}

a.qp-colorno, a.qp-coloryes {
    color: #fbfffe;
    font-size: 10px;
    border: 1px solid;
    padding: 0 5px;
    border-radius: 10px;
}

    a.qp-colorno:hover, a.qp-coloryes:hover {
        color: #fff !important;
    }

a.qp-colorno {
    margin-left: 2px;
}

.mscrollheader_mob {
    padding: 5px;
    background: #2c3e54;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}

.mob_screen .mob-hdr {
    min-height: 45px !important;
}

    .mob_screen .mob-hdr img, .promofooter img {
        border: none;
        vertical-align: middle;
        max-width: 100%;
        height: auto;
    }

.mob_screen .promofooter {
    position: absolute;
    bottom: 80px;
    width: 226px;
}

.panel-primary > .panel-heading {
    background: 0 0;
    border: none;
}

.panel-title2 {
    color: #353535;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    line-height: 30px;
    padding-bottom: 10px;
    text-transform: uppercase;
    overflow: hidden;
}

.details-img {
    max-width: 98%;
    height: auto;
}

.cmMessagehedding {
    display: block;
    top: 18px;
    font-size: 10px;
    color: #fff;
    left: 3px;
    font-weight: 600;
}

.cmMessageDetails {
    text-align: left;
    padding: 0 3px;
    font-size: 10px;
}

.ptzactivitypar {
    padding: 4px 0 0;
}

.slidecontainervideoalert {
    width: 94% !important;
    position: absolute !important;
    bottom: 3% !important;
    left: 5% !important;
}

    .slidecontainervideoalert > .slidervipu {
        -webkit-appearance: none;
        width: 100%;
        height: 4px;
        background: #bfbfbf;
        outline: 0;
        opacity: .7;
        -webkit-transition: .2s;
        transition: opacity .2s;
    }

        .slidecontainervideoalert > .slidervipu:hover {
            opacity: 1;
        }

        .slidecontainervideoalert > .slidervipu::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 16px;
            height: 16px;
            webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
            border-radius: 50%;
            background: #d4f2ff;
            cursor: pointer;
        }

        .slidecontainervideoalert > .slidervipu::-moz-range-thumb {
            width: 16px;
            height: 16px;
            webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
            border-radius: 50%;
            background: #d4f2ff;
            cursor: pointer;
        }

.slidecontainervp {
    width: 100%;
    position: relative;
}

.slidervipu {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    background: #333;
    outline: 0;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .slidervipu:hover {
        opacity: 1;
    }

    .slidervipu::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 16px;
        height: 16px;
        webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
        border-radius: 50%;
        background: #8a8a8a;
        cursor: pointer;
    }

    .slidervipu::-moz-range-thumb {
        width: 16px;
        height: 16px;
        webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
        border-radius: 50%;
        background: #8a8a8a;
        cursor: pointer;
    }

.sliderincident {
    position: absolute;
    top: 2%;
    left: 2%;
    width: 90%;
    background: #fff0;
}

    .sliderincident:after {
        content: '';
        width: 0;
        height: 100%;
        position: absolute;
        border: 1px solid #333;
        top: 0;
        left: 0;
    }

    .sliderincident:before {
        content: '';
        width: 0;
        height: 100%;
        position: absolute;
        border: 1px solid #333;
        top: 0;
        right: 0;
    }

    .sliderincident .slidecontainervp {
        width: 100%;
        position: relative;
    }

    .sliderincident .slidervipu {
        -webkit-appearance: none;
        width: 100%;
        height: 4px;
        background: #333;
        outline: 0;
        opacity: .7;
        -webkit-transition: .2s;
        transition: opacity .2s;
    }

        .sliderincident .slidervipu:hover {
            opacity: 1;
        }

        .sliderincident .slidervipu::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 16px;
            height: 16px;
            webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
            border-radius: 50%;
            background: #8a8a8a;
            cursor: pointer;
        }

        .sliderincident .slidervipu::-moz-range-thumb {
            width: 16px;
            height: 16px;
            webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
            border-radius: 50%;
            background: #8a8a8a;
            cursor: pointer;
        }

.button-table {
    border: none !important;
    margin-bottom: 0;
    width: 124px;
    margin-top: 2px;
}

    .button-table tbody tr {
        border: none !important;
    }

        .button-table tbody tr td {
            padding: 0 !important;
            border: none !important;
        }

            .button-table tbody tr td span {
                background: #afaeae;
                padding: 5px 4px;
                box-shadow: 0 0 4px rgba(0,0,0,.8);
                width: 30px;
                height: 33px;
                line-height: 40px;
                cursor: pointer;
            }

                .button-table tbody tr td span img {
                    width: 20px;
                    position: relative;
                }

            .button-table tbody tr td i {
                font-size: 30px;
                vertical-align: middle;
            }

                .button-table tbody tr td i:hover {
                    color: green;
                }

.camactive {
    color: green;
}

.gbutton-lt-corner {
    left: -2px;
    top: -3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.gbutton-top {
    top: -2px;
    left: 0;
}

.gbutton-lb-corner {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 0;
    left: -1px;
}

.gbutton-tr-corner {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 1px;
}

.gbutton-left {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: -1px;
    left: -1px;
}

.gbutton-right {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    top: -2px;
    left: 1px;
}

.gbutton-rb-corner {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 0;
    left: 2px;
}

.gbutton-bottom {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 0;
    left: 0;
}

.minusbuttonactivity, .plusbuttonactivity {
    font-size: 22px;
    padding: 2px;
    cursor: default !important;
}

#cameralistcss li {
    cursor: pointer !important;
}

    #cameralistcss li:hover {
        cursor: pointer !important;
    }

#cameralistcss {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.CreateLogtextarea {
    height: 71px !important;
}

.selectedcamlist {
    background: #e3f4f8 !important;
}

.clickedcamlist {
    background: #daf6fc !important;
}

.monitoringradiustop {
    border-radius: 15px 15px 0 0 !important;
}

.monitoringradiusbot {
    border-radius: 0 0 15px 15px !important;
}

#sortablemcp {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
}

    #sortablemcp li {
        margin: 0;
        background: #fff;
    }

        #sortablemcp li .chkp-colbox1 {
            padding: 7px 6px 4px;
        }

        #sortablemcp li .camlist {
            padding: 3px 8px;
        }

        #sortablemcp li .chkp-colbox2 {
            padding: 7px 6px 4px;
        }

        #sortablemcp li span {
            font-size: 9px;
        }

            #sortablemcp li span i {
                font-size: 14px;
            }

.round-tabs-p {
    position: absolute;
    left: 0;
    right: 0;
    top: 67px;
}

.radius-0-imp {
    border-radius: 0 !important;
}

.m-r-4 {
    margin-right: 4px;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

    .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-right: 0;
    }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }

.mCSB_scrollTools {
    position: absolute;
    width: 8px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75);
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100);
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75);
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
    filter: alpha(opacity=85);
    -ms-filter: alpha(opacity=85);
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.textbarbtm {
    width: 300px;
    float: left;
    margin-top: 35px;
    text-align: center;
    color: #5e5e5e;
    font-size: 9px;
    font-weight: 700;
}

.ptrlscheduleicon i {
    color: #828282;
}

#ptrlDtePckr button {
    background: 0 0;
    border: 0;
}

#ptrlDtePckr .ptrlscheduleicon {
    position: absolute;
    left: 0;
}

.ptrlinfo {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border: 1px solid #919191;
}

.wthborder1yellw span.info {
    display: inline-block;
    color: #919191;
}

.ptrlinfo i {
    font-size: 12px;
    margin-left: 7px;
    color: #919191;
    font-style: italic;
}

.chngePtrlTemplate {
    width: 100%;
    float: left;
    padding: 30px 13px;
    min-height: 273px;
}

.edittmplte {
    margin: auto;
    text-align: center;
    display: block;
    min-width: 129px;
    padding: 1px 8px;
    background: #7d7d7d;
    border: 2px solid #ababab;
}

    .edittmplte img.editIcon {
        margin-right: 7px;
        width: 13px;
        height: 13px;
        margin-top: 2px;
        float: left;
    }

.editTemplateDiv {
    border-bottom: 1px solid #ababab;
    padding-bottom: 20px;
}

.btn-frgt {
    padding: 1px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    border-radius: 20px;
    cursor: pointer;
}

.frgtbtn {
    background-color: #2c3e54;
    color: #f1f1f1;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    border: 2px solid #2c3e54;
    display: inline;
    text-transform: uppercase;
    transition: all ease-in-out .3s;
    width: 100%;
}

.btn-frgt:hover {
    color: #000;
    background: #d6d6d6;
    border-color: #d6d6d6;
    border-radius: 20px;
}

.ptrlbadge {
    display: inline-block;
    min-width: 20px;
    padding: 0 5px 2px;
    font-size: 10px;
    font-weight: 600;
    color: #131111;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #dedede;
    border-radius: 10px;
}

.ptrlTblBrder {
    height: 30px;
    border-bottom: 1px solid #b5b5b5;
    width: 100%;
    margin: auto;
    z-index: 0 !important;
}

#tbodyPlanOfficerLargeView .ptrlTblBrder {
    height: 60px;
}

.ptrlTblBrder:first-child {
    border-top: 1px solid #b5b5b5;
    margin-top: 21px;
}

.tblShift {
    position: absolute;
    transform: translate(3px);
    top: 0;
}

.altShiftclr {
    background: #ced5d9;
}

.timestampred {
    color: red;
}

.ptrlCommnbtn {
    display: block;
    min-width: 129px;
    padding: 1px 12px;
}

.offcrschedule-box {
    max-width: 985px;
}

.ReportingSetList-w700 {
    width: 100%;
    max-width: 846px;
}

.Pxosedulecstmwth {
    width: 323px;
    padding-left: 0;
    padding-right: 22px;
}

.cstmpr-26 {
    padding-right: 26px;
}

.cstmpr-20 {
    padding-right: 20px;
}

.max-h-190-p {
    max-height: 190px;
}

.h-245pxosedule {
    height: 245px;
}

.h-206pxosedule {
    max-height: 273px;
}

.m-b-16 {
    margin-bottom: 16px !important;
}

.pl-2 {
    padding-left: 2px;
}

.pr-2 {
    padding-right: 2px;
}

.padding-r-22 {
    padding-right: 22px;
}

.selprstbl-wth {
    width: 74%;
}

.schdl-wth {
    width: 26%;
}

.btnscheduleformdclose {
    margin-right: 4px;
}

.addbtnactivitypop {
    float: right;
    margin-top: 4px;
    color: #008b8b;
}

.shifttitl {
    font-size: 9px;
    text-align: right;
    padding-right: 10px;
    margin-top: 8px;
}

.officrtitl {
    font-size: 9px;
    text-align: right;
    padding-right: 7px;
}

.wthcmnossb245 {
    width: 207px;
}

.strttitl {
    float: left;
    font-size: 9px;
    text-align: right;
    padding-right: 10px;
    margin-top: 8px;
}

.wthcmnostb80 {
    height: 26px;
    font-size: 9px !important;
}

.endtitl {
    font-size: 9px;
    text-align: right;
    padding-right: 8px;
    padding-left: 4px;
    margin-top: 7px;
}

.qualificatntittl {
    float: left;
    width: 59px;
    font-size: 9px;
    text-align: right;
    padding-right: 10px;
    margin-top: 5px;
}

.wthcmnosta245 {
    width: 225px;
    height: 82px !important;
}

.ADDTOSCHEDULEbtn {
    margin-left: 147px;
}

.ptrlNewFormShift .strttitl {
    width: auto;
}

.cretaeoffcerSchedule {
    display: inline-block;
    position: relative;
    top: 3px;
}

.ADDTOSCHEDULEbtn1 {
    margin-right: 54px;
    font-size: 12px;
}

.schedulecancel {
    margin: 0 !important;
    width: auto;
    font-size: 12px;
}

.h-165pxosedule {
    height: 96px;
}

.ptrlheight {
    height: 70px !important;
}

#customers {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    #customers td, #customers th {
        border: 1px solid #ddd;
        padding: 8px;
    }

    #customers tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    #customers tr:hover {
        background-color: #ddd;
    }

    #customers th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #4caf50;
        color: #fff;
    }

.headerNav ul.dshbrd .navbar-nav {
    width: 88%;
}

.headerNav ul.dshbrd li.dbactive > a:focus {
    color: #555 !important;
    border-radius: 20px !important;
}

.headerNav.navbar .navbar-nav > li:nth-child(1) > a:hover {
    color: #000 !important;
}

.headerNav.dashheader ul.hdrRight > li:nth-child(1) > a:hover {
    border: 0 solid #ededed !important;
}

.headerNav ul.dshbrd li > a {
    background: 0 0 !important;
    border: none !important;
    color: #777 !important;
}

.headerNav ul.dshbrd li.dbactive a {
    color: #555 !important;
    border-radius: 20px !important;
    background: 0 0 !important;
    border: 1px solid #363636 !important;
}

    .headerNav ul.dshbrd li.dbactive a:hover, .headerNav.navbar .dshbrd > li > a:hover {
        color: #555 !important;
        border-radius: 20px !important;
        background: 0 0 !important;
    }

.headerNav.dashheader ul.dshbrd li a:hover {
    color: #000;
}

.headerNav.dashheader ul.dshbrd li:nth-child(1) a, .headerNav.dashheader ul.dshbrd li:nth-child(1) a:hover {
    border: 0 !important;
}

.headerNav.navbar .dshbrd.navbar-nav li:after, .headerNav.navbar .dshbrd.navbar-nav li:before {
    content: none;
}

.dshbrdctnr-p {
    padding: 10px 50px 10px 45px;
}

.h-10-p {
    height: 25px;
}

.jstHppnBtnwidth {
    width: 175px;
    margin-right: 0;
}

.editDashbrdIcn {
    margin-right: 5px;
    width: 12px;
    height: 12px;
    vertical-align: top;
    margin-top: 2px;
}

.Scheduletitl-w[type=text] {
    width: 182px;
    font-size: 9px;
}

.selschdl-p {
    padding-left: 113px;
}

.offcshft-wth {
    width: 188px;
}

.widthDateTime {
    width: 86px;
}

.refrencechkbox {
    border: 1px solid #ededed;
}

img.dshbrdicn-lock {
    width: 30px;
}

.brlbd {
    border-left: 1px solid #cbcbcb;
}

.pnl-hding {
    color: #333;
    background-color: #f5f5f5;
}

.pnl-bdy {
    padding: 5px;
    color: #333;
}

.latitud-inpt {
    width: 85px;
}

.longitud-inpt {
    width: 85px;
}

.saveCheckpointbtn {
    padding-right: 18px;
}

.fs-9-imp {
    font-size: 9px !important;
}


.EditDeletcstm {
    width: 62px;
    float: right;
}

.Addchkpointcstm {
    width: 37px;
    float: right;
}

.chkpoint-dnlodbtn {
    font-size: 12px !important;
}

.dwn-load i {
    font-size: 12px !important;
}

.dwn-load {
    font-size: 12px !important;
}

.imp-exp-download {
    font-size: 12px !important;
}

    .imp-exp-download i {
        font-size: 12px !important;
    }

.sebdrtbl {
    border-collapse: collapse;
    margin: 0 auto 10px;
}

    .sebdrtbl tbody tr td {
        border: 1px solid #000;
        padding: 2px 5px;
    }

.p34imp {
    padding: 3px 4px !important;
}

.p-l-0imp {
    padding-left: 0 !important;
}

.snsrHvr:hover {
    background-color: #d6d6d6;
    color: #000;
}

.adsnsrspace {
    padding-top: 0 !important;
}

.ptrlDownload {
    position: absolute;
    top: -40px;
    right: 0;
}

a.aclr {
    color: #f1f1f1 !important;
}

    a.aclr:hover {
        color: #000 !important;
    }

.PushNotificationAlertbadge {
    background: red;
}

.PushNotificationAlertlabel {
    position: relative;
    top: 1px;
}

#draggablePanelList .panel-heading {
    cursor: move;
}

#draggablePanelList2 .panel-heading {
    cursor: move;
}

.fullWid {
    width: 100%;
    display: block;
    margin: auto;
    text-align: center;
    float: none;
    white-space: nowrap;
}

.right {
    width: 765px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.left {
    width: calc(100% - 765px);
    width: -webkit-calc(100% - 765px);
    width: -moz-calc(100% - 765px);
    text-align: left;
    white-space: nowrap;
    overflow-x: auto;
    display: inline-flex;
    overflow-y: hidden;
}

div.bhoechie-tab-menu1 {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    background: #fff591;
}

#draggablePanelList2 .panel-heading {
    cursor: move;
}

.panel-default > .panel-heading {
    color: #333;
}

.panel-heading {
    padding: 10px 15px;
}

.winc-16 {
    width: 282px;
    display: inline-flex;
    padding: 3px;
    margin: 2px 2px 0;
    border: 1px solid #968f85;
    box-sizing: border-box;
    float: none;
    white-space: nowrap;
    vertical-align: top;
}

.ws-nowrap {
    white-space: nowrap !important;
}

.cstmhightformultiselect {
    height: 363px !important;
}

.cstmhightformultiselect-387 {
    height: 387px !important;
}

.cstmhightformultiselect-120 {
    height: 120px !important;
}

.cstmhightformultiselect-100 {
    height: 100px !important;
}

.cstmhightformultiselect-110 {
    height: 110px !important;
}

.cstmhightformultiselect-150 {
    height: 150px !important;
}

.cstmhightformultiselect-400 {
    height: 400px !important;
}

.enbluser-l-p {
    padding-left: 140px;
}

.systmntcmultisel-wth {
    width: 295px;
}

.trigger-arrow-width {
    width: 6%;
}

.acr-yyyy-175 {
    width: 175px;
}

.complaince-select-wrap {
    width: 52% !important;
}

.role-m-l-320 {
    margin-left: 320px;
}

.systmnoticwidth {
    width: 280px;
}

.NoticemMangerSelctorBtns {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-45%,80%);
    -webkit-transform: translate(-45%,80%);
    -moz-transform: translate(-45%,80%);
    -ms-transform: translate(-45%,80%);
    -o-transform: translate(-45%,80%);
}

.cardparsswordchange {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    transition: .3s;
    width: 36%;
    margin: 0 auto;
    background: #fff;
}

.card-bodywordchange {
    padding: 15px;
}

.card-headerwordchange:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card-headerwordchange {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.formincidentclosebtn {
    position: absolute;
    top: 18px;
    right: 23px;
    z-index: 99;
    color: #fff;
    opacity: 1;
    font-size: 25px;
}

    .formincidentclosebtn:hover {
        color: #fff;
        opacity: 1;
    }

.scancp {
    background: #ecffdb !important;
}

.actntd-wth span span img {
    cursor: pointer;
}

.inddex-9-imp {
    z-index: 9 !important;
}

.z-ind-100-imp {
    z-index: 100 !important;
}

#tb_26, #tb_27 {
    outline: 0;
    vertical-align: top;
}

.casemodal {
    min-height: 32px;
}

.ircsafariclass {
    margin-left: 0;
    margin-right: 0;
}

.srvyCntntPanel .questn-mrk3 {
    top: -1px;
    padding: 8.5px 8px;
}

#MoreActive {
    min-height: 700px;
}

.button-disabled-fullopacity {
    cursor: default;
    opacity: 1;
    pointer-events: none !important;
}

    .button-disabled-fullopacity input {
        cursor: default !important;
        opacity: 1;
        pointer-events: none !important;
    }

    .button-disabled-fullopacity i {
        cursor: default !important;
        pointer-events: none !important;
    }

.condtionalHeight {
    vertical-align: middle;
    height: 32px;
}

#feedbackSidenav a {
    position: fixed;
    left: -114px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    padding: 10px 15px;
    min-width: 157px;
    text-decoration: none;
    font-size: 14px;
    z-index: 9999 !important;
    color: #fff;
    border-radius: 0 5px 5px 0;
}

    #feedbackSidenav a i {
        padding-left: 8px;
        font-size: 16px;
    }

    #feedbackSidenav a:hover {
        left: 0;
    }

#feedbackbtn {
    bottom: 50px;
    background-color: #2c3e54;
}

.cmnwthdropdwn {
    width: 230px;
}

.cmnwthdropdwnall {
    width: 160px;
}

.cmnwthdpsetropdwnall {
    width: 230px;
}

.filterpostdown {
    position: absolute;
    top: 80px;
    right: 0;
    z-index: 1;
}

.DwellTimetb {
    width: 70px;
}

.changepassword-tiles {
    font-size: 24px;
    margin-top: 5px;
    color: #4c4c4c;
    display: flex;
    justify-content: center;
    flex-direction: row;
    text-align: center;
}

    .changepassword-tiles .change-password {
        color: #777;
        font-size: 14px;
        font-family: 'Open Sans',sans-serif !important;
        margin-top: 3px;
        margin-left: 3px;
    }

        .changepassword-tiles .change-password:hover {
            color: #000;
        }

    .changepassword-tiles:hover {
        color: #000;
    }

.mtopcheckoint20 {
    margin-top: 20px;
}

.createschedulebtnbox {
    height: 30px;
    width: 150px;
    margin: 40px auto 0;
}

.fp-dropdown-irc {
    margin: 7px 38% 0 0;
    float: right;
}

.incedentslider {
    position: relative;
    z-index: 9;
    top: 30px;
}

.incedentmapboxslider {
    margin-top: -30px;
}

.oacone {
    height: 96px;
}

.oacthree {
    position: absolute !important;
    border: 1px solid #363636;
    z-index: 9999;
    width: 30% !important;
    top: 200px;
    left: 550px;
    right: auto;
    height: 482px;
}

.olpcase {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0);
    z-index: 11000;
}

.slide-a1 {
    margin-right: -103px;
}

    .slide-a1:hover {
        margin-right: 0;
    }

.list-group.listgroup-monitoring {
    min-width: 48px;
    position: absolute;
    right: 5px;
    top: 16%;
}

    .list-group.listgroup-monitoring a img {
        width: 20px;
        margin-left: 5px;
    }

    .list-group.listgroup-monitoring a {
        background: #ededed;
        color: #000;
        border: 0 solid;
        margin-bottom: 2px;
        margin-top: 2px;
        border-radius: 8px 0 0 8px !important;
        text-align: right;
    }

.listgroup-monitoring a.setactive {
    background: #2c3e54 !important;
}

.list-group.listgroup-monitoring2 {
    width: 40px;
    position: absolute;
    right: 5px;
    top: 50%;
}

    .list-group.listgroup-monitoring2 a img {
        width: 20px;
        margin-left: 5px;
    }

    .list-group.listgroup-monitoring2 a {
        background: #ededed;
        color: #000;
        border: 0 solid;
        padding: 4px 8px 4px 2px !important;
        margin-bottom: 2px;
        margin-top: 2px;
        border-radius: 8px 0 0 8px !important;
        text-align: right;
    }

.listgroup-monitoring2 a.setactive {
    background: #a9a9a9 !important;
}

.list-group.listgroup-incedent {
    min-width: 48px;
    position: absolute;
    right: 5px;
    top: 16%;
}

    .list-group.listgroup-incedent a img {
        width: 20px;
        margin-left: 5px;
    }

    .list-group.listgroup-incedent a {
        background: #ededed;
        color: #000;
        border: 0 solid;
        margin-bottom: 2px;
        margin-top: 2px;
        border-radius: 8px 0 0 8px !important;
        text-align: right;
    }

.list-group.listgroup-incedent2 {
    min-width: 48px;
    position: absolute;
    right: 5px;
    top: 50%;
}

    .list-group.listgroup-incedent2 a img {
        width: 20px;
        margin-left: 5px;
    }

    .list-group.listgroup-incedent2 a {
        background: #ededed;
        color: #000;
        border: 0 solid;
        margin-bottom: 2px;
        margin-top: 2px;
        border-radius: 8px 0 0 8px !important;
        text-align: right;
    }

.list-group.listgroup-reference {
    width: 46px;
    position: absolute;
    right: 5px;
    top: 8%;
    overflow-y: visible;
    max-height: 142px;
}

    .list-group.listgroup-reference a img {
        width: 20px;
        margin-left: 5px;
    }

    .list-group.listgroup-reference a {
        background: #ededed;
        color: #000;
        border: 0 solid;
        margin-bottom: 2px;
        margin-top: 2px;
        border-radius: 8px 0 0 8px !important;
        text-align: right;
    }

.referenceactiveicon {
    background: #2c3e54 !important;
    color: #fff !important;
    border: 0 solid !important;
}

.referenceactiveicon2 {
    background: #2c3e54 !important;
    color: #fff !important;
    border: 0 solid !important;
}

.monthbox-dashboad span {
    color: #fff;
}

.btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}

    .btn-toggle.focus, .btn-toggle.focus.active, .btn-toggle:focus, .btn-toggle:focus.active {
        outline: 0;
    }

    .btn-toggle.btn-sm.focus, .btn-toggle.btn-sm.focus.active, .btn-toggle.btn-sm:focus, .btn-toggle.btn-sm:focus.active {
        outline: 0;
    }

    .btn-toggle.active {
        background-color: #29b5a8;
    }

    .btn-toggle:after, .btn-toggle:before {
        line-height: 1.5rem;
        width: 4rem;
        text-align: center;
        font-weight: 600;
        font-size: .55rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        transition: opacity .25s;
    }

    .btn-toggle:before {
        content: 'Off';
        left: -4rem;
    }

    .btn-toggle:after {
        content: 'On';
        right: -4rem;
        opacity: .5;
    }

.togglevpbtn:before {
    content: '' !important;
    left: -4rem;
}

.togglevpbtn:after {
    content: '' !important;
    right: -4rem;
    opacity: .5;
}

.btn-toggle > .handle {
    position: absolute;
    top: .1875rem;
    left: .1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
}

.btn-toggle.active {
    transition: background-color .25s;
}

    .btn-toggle.active > .handle {
        left: 1.6875rem;
        transition: left .25s;
    }

    .btn-toggle.active:before {
        opacity: .5;
    }

    .btn-toggle.active:after {
        opacity: 1;
    }

.btn-toggle.btn-sm:after, .btn-toggle.btn-sm:before {
    line-height: -.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: .4125rem;
    width: 2.325rem;
}

.btn-toggle.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-xs:after, .btn-toggle.btn-xs:before {
    display: none;
}

.btn-toggle:after, .btn-toggle:before {
    color: #6b7381;
}

.buttonleftbarhide {
    font-size: 20px;
    margin-top: 8px;
    color: #777;
}

.buttonrightbarshow {
    font-size: 20px;
    margin-top: 8px;
    color: #777;
}

.addtempheader {
    padding-bottom: 10px;
    border-bottom: 1px solid #696969;
}

.popipcameraimage {
    width: 100% !important;
    height: 709px !important;
}

.popipcameraimage2 {
    width: 100% !important;
    height: 80vh !important;
}

#divSnapshot {
    position: absolute;
    bottom: 0;
    padding: 2px 6px;
    background: #eee9;
    font-size: 16px;
}

.playpousebox {
    position: absolute;
    bottom: 1px;
    left: 0;
    font-size: 20px;
    background: #eee9;
    padding: 0 4px 0 6px;
}

.play-videoalert:hover, .pouse-videoalert:hover {
    color: #356ca1;
}

.loaderaid {
    position: absolute;
    top: 48%;
    left: 48%;
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    background: #f3f3f3;
    border-top: 2px solid #e6739a;
    border-right: 2px solid #7e8bd2;
    border-bottom: 2px solid #e8e456;
    border-left: 2px solid #03a9f4;
    width: 20px;
    height: 20px;
    -webkit-animation: spinaid .5s linear infinite;
    animation: spinaid .5s linear infinite;
}

@-webkit-keyframes spinaid {
    0% {
        -webkit-transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spinaid {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.lblbtn-wth {
    width: 40px;
}

.spcfyusr-btn {
    transform: translate(-45%,0);
    -webkit-transform: translate(-45%,0);
    -moz-transform: translate(-45%,0);
    -ms-transform: translate(-45%,0);
    -o-transform: translate(-45%,0);
}

.h-555-camp {
    height: 555px;
    overflow-y: auto;
}

.h-440-camp {
    height: 440px;
    overflow-y: auto;
}

.alertwhatdosendTA {
    height: 290px !important;
}

.instractiondosendTA {
    height: 290px !important;
}

.mngcamp-select-cstmwdth {
    width: 290px;
    padding-right: 5px;
}

.mngcampmultiselect-wth {
    width: 374px;
}

.sendtome-cstmwth {
    width: 205px;
}

.mngcampchkbx-wth {
    width: 116px;
}

.addbtn-transform {
    transform: translate(-45%,0);
    -webkit-transform: translate(-45%,0);
    -ms-transform: translate(-45%,0);
    -moz-transform: translate(-45%,0);
    -o-transform: translate(-45%,0);
}

.Numcstm-wth {
    width: 65px !important;
}

.sentviamodal-cstmwth {
    width: 295px;
}

.mngcampmodal-sel-wth {
    width: 264px;
    padding-right: 5px;
}

.mngcampmultitmodal-wth {
    width: 335px;
}

.sndmodal-cstmwth {
    width: 283px;
}

.mngcampmultisel-fixheight {
    height: 157px !important;
    -webkit-height: 157px !important;
    -ms-height: 157px !important;
    -moz-height: 157px !important;
    -o-height: 157px !important;
}

.ui-rangeSlider {
    height: 30px;
    padding-top: 16px;
    width: 92%;
    margin: 0 auto;
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .ie11-p-3-4 {
        padding: 3px 4px !important;
    }

    .wrap-input-ie input[type=file] {
        padding: 0 !important;
    }

    .aqptn-lbl > span {
        white-space: normal;
    }

    .outer-wrap {
        flex: 1 0 auto;
    }

    .callbacknumber {
        white-space: normal;
    }

    .cll-orgn-lbl {
        white-space: normal;
    }

    .ie-pr-15 {
        padding-right: 15px;
    }

    .hidepassword-ic {
        top: 39px;
    }

    .hidepassword-user {
        bottom: 7px;
    }

    .mtopcheckoint20 {
        margin-top: 0;
    }

    .border-fieldrec3 {
        width: 98% !important;
    }

    .moremenuul li:last-child a {
        padding: 10px 26px !important;
    }

    .repeat-inc-icon {
        position: absolute;
        left: -12px !important;
        top: -4px;
        color: #fff;
        border-radius: 50%;
        width: 30px;
        font-size: 12px;
    }

    .queue-cls-inc {
        right: -10px;
    }


    .dgt-clmn {
        width: 5% !important;
    }

    .header-images {
        margin: 10px auto;
    }

    .locatn-frmgrp .questn-mrk {
        top: 1px;
    }

    .width175px, .width185px {
        width: 182px;
    }

    [type=text].Scheduletitl-w {
        font-size: 9px;
        width: 182px;
    }

    .h-80-p {
        height: 82px;
    }

    .ptrlPlanContner {
        margin-bottom: 4px !important;
    }

    .selactvtContner {
        height: 300px;
    }

    .ptrlOfcerScheduled .showTggleTbl.up, .ptrlOfcerScheduled .uppertoggle {
        top: 80px;
    }

    .fa.changeDivShow {
        margin-top: -7px;
    }

    .uppertoggle .fa.changeDivShow {
        margin-top: -5px;
    }

    .admnhdrtogle, .ptrlCollapse {
        right: 20px;
        position: relative;
    }

    .imstileshdr {
        right: 15px;
        position: relative;
    }

    #TXTRESPONSENOTES {
        white-space: normal;
    }

    .height265 {
        height: 270px;
    }

    .dshbrdprnt-padding {
        padding-left: 5px;
        padding-right: 5px;
    }

    .list-group.listgroup-reference, .list-group.listgroup-reference2 {
        right: 8px;
    }

    .btn-queue {
        -ms-transform: translate(0,-2px);
        -webkit-transform: translate(0,-2px);
        transform: translate(0,-2px);
    }
    .ie-pr-15 {
    padding-right: 15px;
}
}



.mtopcheckoint20 {
    margin-top: 0;
}

.lftlgo-box {
    padding: 15px 5px 5px;
}

#TXTRESPONSENOTES {
    white-space: normal;
}

.height265 {
    height: 270px;
}

#customers {
    text-align: center;
}

.gm-style-iw {
    padding: 20px !important;
}

.gm-ui-hover-effect {
    background: 0 0;
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    cursor: pointer;
    user-select: none;
    top: -2px !important;
    right: -3px !important;
    width: 30px;
    height: 30px;
}

.btn-queue {
    -ms-transform: translate(0,-3px);
    -webkit-transform: translate(0,-3px);
    transform: translate(0,-3px);
}

.gm-style-iw {
    padding: 20px !important;
}

.gm-ui-hover-effect {
    background: 0 0;
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    cursor: pointer;
    user-select: none;
    top: -2px !important;
    right: -3px !important;
    width: 30px;
    height: 30px;
}

.gbutton-lt-corner {
    left: -2px;
    top: -2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.gbutton-top {
    top: -2px;
    left: 0;
}

.gbutton-lb-corner {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 1px;
    left: -2px;
}

.gbutton-tr-corner {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -2px;
    left: 2px;
}

.gbutton-left {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 0;
    left: -2px;
}

.gbutton-right {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    top: -1px;
    left: 0;
}

.gbutton-rb-corner {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 1px;
    left: 2px;
}

.gbutton-bottom {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 0;
    left: 0;
}

.mtopcheckoint20 {
    margin-top: 0;
}

.headerNav.navbar ul li a {
    padding: 5px 8px;
}

.headerNav.navbar ul li:nth-last-child(2)::after {
    left: 99.7%;
}

#tblAdditionalOfficerList tbody tr td:nth-child(1) i {
    position: absolute;
    right: 3px;
    top: 2px;
}

.addtxtinchead {
    position: absolute;
    right: 26px;
    top: -4px;
}

#LocationDiscription, #OriginallyResponding {
    height: 20px !important;
}

#IncidentNotesArea > textarea#txtINCIDENTNOTES {
    height: 100px !important;
}

#TXTRESPONSENOTES {
    height: 100px !important;
}

#PropFileList i {
    position: absolute;
    top: 10px;
    right: 10px;
}

.upload-file-box::-moz-file-upload-button {
    height: 20px !important;
    line-height: 20px !important;
    padding: 0 7px;
}

input[type=file] {
    height: auto;
}

.ptrlOfcerScheduled .showTggleTbl.up, .ptrlOfcerScheduled .uppertoggle {
    top: 85px;
}

.btmtoggle.downnew {
    top: 85px;
}

/*----edge---*/
@supports (-ms-ime-align:auto) {
   /*#theadPlanOfficerLargeView tr th:first-child{
        border-top:0px solid #363636;
    }*/
}
@media only screen and (min-width:992px) {
    .manualClmn .inci-subject {
        width: 29.1%;
    }

    .manualClmn .dgt-clmn {
        width: 7.533%;
    }
}

@media screen and (min-width:992px) and (max-width:1023px) {
    .fp-dropdown-irc {
        margin: 7px 13% 0 0 !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mtopcheckoint20 {
        margin-top: 0;
    }

    .header-images, ::i-block-chrome {
        margin: 15px auto;
    }

    _::-moz-svg-foreign-content, .cbtab, .tab-d-bors, #dvIncidentDispatch, .safarireportheight {
        min-height: 650px !important;
    }

    _::-moz-svg-foreign-content, #dvPatrolManagement {
        min-height: 610px;
    }

    _::-moz-svg-foreign-content, .headerNav.navbar ul li a {
        padding: 5px 7px 4px 10px;
    }

    _::-moz-svg-foreign-content, .surveymenusafari {
        min-height: 700px;
    }

    _::-moz-svg-foreign-content, .abwcSb {
        line-height: 28px;
    }

    _::-moz-svg-foreign-content, .passsafarilogin {
        min-height: 620px;
    }

    _::-moz-svg-foreign-content, .popuptab-height {
        min-height: 720px;
    }

    _::-moz-svg-foreign-content, .rapidsafariclass h3 {
        font-size: 22px;
    }

    _::-moz-svg-foreign-content, .lftNavHeight {
        min-height: 670px;
    }

    _::-moz-svg-foreign-content, .ircsafaribox {
        min-height: 550px;
    }

    _::-moz-svg-foreign-content, .srvyheader strong {
        font-weight: 500;
    }

    .repeat-inc-icon {
        position: absolute;
        left: -35px;
        top: -4px;
        color: #fff;
        border-radius: 50%;
        width: 30px;
        font-size: 12px;
    }

    _::-moz-svg-foreign-content, .dashbg-sb, .dashtmepriod-sb, .ircselectbox {
        line-height: 20px;
    }

    _::-moz-svg-foreign-content, .casebookselectbox {
        line-height: 26px;
    }

    _::-moz-svg-foreign-content, .fntSpcl {
        margin-bottom: 1px !important;
    }

    _::-moz-svg-foreign-content, .ircrgtnav li a.rotait-ic {
        -webkit-transform: translate(-17px,17px);
    }
}

@media all and (max-width:800px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:21) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px) {
    #cssmenu > ul {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .35s ease-out;
        -moz-transition: max-height .35s ease-out;
        -ms-transition: max-height .35s ease-out;
        -o-transition: max-height .35s ease-out;
        transition: max-height .35s ease-out;
    }

        #cssmenu > ul > li > ul {
            width: 100%;
            display: block;
        }

    #cssmenu.align-right ul li a {
        text-align: left;
    }

    #cssmenu > ul > li > ul > li {
        width: 100%;
        display: block;
    }

    #cssmenu.align-right ul ul li a {
        text-align: left;
    }

    #cssmenu > ul > li > ul > li > a {
        width: 100%;
        display: block;
    }

    #cssmenu ul li ul li a {
        width: 100%;
    }

    #cssmenu.align-center > ul {
        text-align: left;
    }

        #cssmenu.align-center > ul > li {
            display: block;
        }

    #cssmenu > ul.open {
        max-height: 1000px;
        border-top: 1px solid rgba(110,110,110,.25);
    }

    #cssmenu ul {
        width: 100%;
    }

        #cssmenu ul > li {
            float: none;
            width: 100%;
        }

        #cssmenu ul li a {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            padding: 12px 20px;
        }

        #cssmenu ul > li:after {
            display: none;
        }

        #cssmenu ul li ul li.has-sub:after, #cssmenu ul li ul li.has-sub:before, #cssmenu ul li.has-sub > a:after, #cssmenu ul li.has-sub > a:before {
            display: none;
        }

        #cssmenu ul li ul, #cssmenu ul li ul li ul, #cssmenu ul li ul li:hover > ul, #cssmenu.align-right ul li ul, #cssmenu.align-right ul li ul li ul, #cssmenu.align-right ul li ul li:hover > ul {
            left: 0;
            position: relative;
            right: auto;
        }

            #cssmenu ul li ul li, #cssmenu ul li:hover > ul > li {
                max-height: 999px;
                position: relative;
                background: 0 0;
            }

                #cssmenu ul li ul li a {
                    padding: 8px 20px 8px 35px;
                    color: #fff;
                }

            #cssmenu ul li ul ul li a {
                padding: 8px 20px 8px 50px;
            }

            #cssmenu ul li ul li:hover > a {
                color: #000;
            }

    #cssmenu #menu-button {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 15px 20px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 1px;
        color: #fff;
        cursor: pointer;
    }

        #cssmenu #menu-button:after {
            display: block;
            content: '';
            position: absolute;
            height: 3px;
            width: 22px;
            border-top: 2px solid #fff;
            border-bottom: 2px solid #fff;
            right: 20px;
            top: 16px;
        }

        #cssmenu #menu-button:before {
            display: block;
            content: '';
            position: absolute;
            height: 3px;
            width: 22px;
            border-top: 2px solid #fff;
            right: 20px;
            top: 26px;
        }
}

@media only screen and (min-width:768px) {
    .manualClmn .inci-subject {
        width: 29.1%;
    }

    .manualClmn .dgt-clmn {
        width: 7.533%;
    }
}

@media screen and (min-width:1024px) and (max-width:1100px) {
    .Wallinnerbox4x4 li {
        height: 171px;
        -webkit-height: 171px;
        -ms-height: 171px;
        -moz-height: 171px;
        -o-height: 171px;
    }

    .Wallinnerbox3x3 li {
        height: 228px;
        -webkit-height: 228px;
        -ms-height: 228px;
        -moz-height: 228px;
        -o-height: 228px;
    }

    .Wallinnerbox2x2 li {
        height: 342px;
        -webkit-height: 342px;
        -ms-height: 342px;
        -moz-height: 342px;
        -o-height: 342px;
    }

    .list-group.listgroup-reference {
        top: 12%;
    }

    .list-group.listgroup-reference2 {
        top: 39%;
    }

    .list-group {
        padding-left: 0;
        margin-bottom: 15px;
    }

    .fp-dropdown-irc {
        margin: 7px 16% 0 0 !important;
    }

    .custom-lbl2 {
        font-size: 9px !important;
    }

    .control-rdo {
        font-size: 10px;
    }

    .cl-label {
        font-size: 11px !important;
    }

    .tbl_offcerPtrl.offcerschedule tbody tr td:nth-child(7), .tbl_offcerPtrl.offcerschedule thead tr th:nth-child(7) {
        width: 300px;
    }

    .tbl_offcerPtrl tbody tr td:nth-child(2), .tbl_offcerPtrl thead tr th:nth-child(2) {
        width: 50px;
    }

    .tbl_offcerPtrl tbody tr td:nth-child(5), .tbl_offcerPtrl thead tr th:nth-child(5) {
        width: 50px;
    }
}

@media screen and (max-width:1680px) {
    .enbluser-l-p {
        padding-left: 50px;
    }
}

@media screen and (max-width:1366px) {
    .enbluser-l-p {
        padding-left: 140px;
    }

    .circle-tile-number {
        font-size: 18px;
    }
}

@media screen and (min-width:1101px) and (max-width:1199px) {
    .fp-dropdown-irc {
        margin: 7px 23% 0 0 !important;
    }
}

@media (max-width:1199px) {
    .circle-tile-content {
        min-height: 98px;
    }

    .role-m-l-320 {
        margin-left: 150px;
    }

    .systmntcmultisel-wth {
        width: 240px;
    }

    .systmnoticwidth {
        width: 198px !important;
    }

    .ActivityUptxtBar {
        width: 273px;
    }

    .activityplanimage {
        width: 97px;
    }

    .offcr-wth {
        width: 285px;
    }

    .shft-wth {
        width: 283px;
    }

    .selprstbl-wth1 {
        width: 85%;
    }

    .schdl-wth1 {
        width: 14.2%;
    }

    .officrschdulimage {
        width: 86px;
    }

    .NoticemMangerSelctorBtns {
        transform: translate(-49%,80%);
    }

    .rspndtldrpdwn {
        width: 130px !important;
    }

    .rspndtlcn1 {
        width: 130px !important;
    }
}

@media only screen and (min-width:1281px) and (max-width:1366px) {
    .dshmapcntnt {
        height: 620px !important;
    }

    .dshmapcntntref {
        height: 660px !important;
    }
}

@media only screen and (min-width:1200px) and (max-width:1280px) {
    .dshmapcntnt {
        height: 600px !important;
    }

    .dshmapcntntref {
        height: 640px !important;
    }

    .systmntcmultisel-wth {
        width: 260px;
    }

    .wg-list {
        max-height: 480px !important;
    }

    .fp-dropdown-irc {
        margin: 7px 25% 0 0 !important;
    }

    .offcr-wth {
        width: 295px !important;
    }

    .ddlshiftstartlbl {
        width: 87px !important;
        margin-left: 10px !important;
    }

    .shft-wth {
        width: 244px !important;
    }

    .lft-pos-70 {
        left: 95px !important;
    }

    .ActivityUptxtBar {
        width: 326px;
    }

    .activityplanimage {
        width: 97px !important;
    }

    .Createoffschdulbtn {
        width: 23% !important;
    }

    .officrschdulimage {
        width: 97px !important;
    }

    .selprstbl-wth1 {
        width: 50% !important;
    }

    .schdl-wth1 {
        width: 16.2% !important;
    }

    .offcshft-wth {
        width: 162px;
    }

    .wthcmnossb245 {
        width: 198px;
    }

    .widthDateTime {
        width: 78px;
    }

    .ADDTOSCHEDULEbtn1 {
        margin-left: 44px;
    }

    .selschdl-p {
        padding-left: 124px;
    }

    .tbl_offcerPtrl.offcerschedule tbody tr td:nth-child(7), .tbl_offcerPtrl.offcerschedule thead tr th:nth-child(7) {
        width: 200px;
    }

    .tbl_offcerPtrl tbody tr td:nth-child(2), .tbl_offcerPtrl thead tr th:nth-child(2) {
        width: 50px;
    }

    .tbl_offcerPtrl tbody tr td:nth-child(5), .tbl_offcerPtrl thead tr th:nth-child(5) {
        width: 50px;
    }

    .crtshbtn-p {
        padding-right: 35px !important;
    }

    .systmnoticwidth {
        width: 260px;
        width: 245px;
    }
}

@media only screen and (min-width:1200px) {
    .manualClmn .inci-subject {
        width: 32.99%;
    }

    .manualClmn .dgt-clmn {
        width: 5%;
    }

    .ml0othr {
        margin-left: 0 !important;
    }

    .iitype {
        padding-left: 5px !important;
    }

    .fp-dropdown-irc {
        margin: 7px 30% 0 0;
        float: right;
    }
}

@media only screen and (min-width:1600px) and (max-width:1919px) {
    .wg-list {
        max-height: 520px !important;
    }
}

@media only screen and (min-width:1681px) and (max-width:1820px) {
    .dshmapcntnt {
        height: 680px !important;
    }

    dshmapcntntref {
        height: 720px !important;
    }
}

@media only screen and (min-width:1821px) and (max-width:1919px) {
    .dshmapcntnt {
        height: 740px !important;
    }

    .dshmapcntntref {
        height: 780px !important;
    }
}

@media only screen and (min-width:1857px) {
    .headerNav.navbar .hdrRight.navbar-nav {
        width: 9%;
    }

    .folder-containt-box {
        width: 66%;
    }
}

@media only screen and (min-width:1920px) {
    .folder-containt-box {
        width: 60%;
    }

    .headerNav.navbar .hdrRight.navbar-nav {
        width: 8%;
    }

    .stepsbox li::after {
        right: -24px !important;
    }

    .folder-box-scroll {
        width: 98.7% !important;
        height: 870px !important;
    }

    .col {
        min-height: 870px !important;
    }

    .setmxwth {
        max-height: 436px !important;
    }

    .fp-dropdown-irc {
        margin: 7px 52% 0 0 !important;
    }

    .wg-list {
        max-height: 690px !important;
    }
}

@media only screen and (min-width:2560px) {
    .folder-containt-box {
        width: 42%;
    }

    .setmxwth {
        max-height: 720px !important;
    }

    .fp-dropdown-irc {
        margin: 7px 62% 0 0 !important;
    }
}

@media print {
    #grdPrint body tr td {
        background-color: #c0dae7 !important;
        -webkit-print-color-adjust: exact;
    }
}
.height-260px {
    height: 260px;
}