/* 
Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Synapse
*/
:root {
    --sidebar-contextmenu-color :#F0F0F0;
    --app-header: #EAEAEA;
    --app-header-contrast: #101823;
  
    --app-primary: #101823;
    --app-primary-contrast: #EAEAEA;
    --app-primary-shade: #717171;
    --app-primary-tint: #333230;
  
    --app-secondary: #16a085;
    --app-secondary-contrast: #333;
  
    --app-tertiary: #e74c3c;
    --app-tertiary-contrast: #fff;
  
    --app-quaternary: #F0F0F0;
    --app-quaternary-contrast: #101823;
 
 }
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* Prevent any object from being highlighted upon touch event*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.n-content::-webkit-scrollbar {
    -webkit-appearance: none;
}

.n-content::-webkit-scrollbar:vertical {
    width: 12px;
}

.n-content::-webkit-scrollbar:horizontal {
    height: 12px;
}

.n-content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.n-content::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input:-moz-read-only {
    /* For Firefox */
    background-color: #cccccc;
}

input:read-only {
    background-color: #cccccc;
}

ul, ol {
    margin-top: 0;
    /*  list-style: none;*/
}

.defaultStyling ul {
    margin: 10px;
    list-style-type: disc;
}

.defaultStyling ol {
    margin: 10px;
    list-style-type: decimal;
}

ul ul, ol ul, ul ol, ol ol, li {
    margin-bottom: 0;
    list-style: none;
}

.defaultStyling li {
    list-style: unset;
}

body {
    line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

/* change border colour to suit your needs */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

html,body {
    min-height: 100%;
    /* make sure it is at least as tall as the viewport */
    position: relative;
    height: 100% !important;
}

body {
    font-family: arial, 'FontAwesome';
    height: 100%;
    color: #fff;
    background-color: #E7E7E7;
    overflow: hidden;
}

a {
    color: #fff;
    text-decoration: none;
    outline: none;
}

img {
    max-width: 100%;
}

/*input placeholder none*/

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

/* FF 4-18 */

input:focus::-moz-placeholder {
    color: transparent;
}

/* FF 19+ */

input:focus:-ms-input-placeholder {
    color: transparent;
}

/* IE 10+ */

.rds {
    border-radius: 3px!important;
}

.page-loader {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 99999999;
    margin: 90px 0 50px 84px;
}

.loder-bg-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #323230;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#777777+0,000000+100 */
    background: #777777;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #777777 0%, #323230 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #777777 0%, #323230 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #555555 0%, #323230 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#323230', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    z-index: 99999
}

.loader_wrap {
    width: 100px;
    height: 130px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -65px -50px -65px -50px;
}

.loader {
    position: absolute;
    border-left: 10px solid #999999;
    border-top: 10px solid rgba(255, 255, 255, 1);
    border-right: 10px solid rgba(255, 255, 255, 1);
    border-bottom: 10px solid rgba(255, 255, 255, 1);
    height: 100px;
    width: 100px;
    left: 0px;
    top: 0px;
    text-indent: -9999em;
    font-size: 10px;
    z-index: 9999;
    -webkit-animation: load 0.8s infinite linear;
    -moz-animation: load 0.8s infinite linear;
    ms-animation: load 0.8s infinite linear;
    o-animation: load 0.8s infinite linear;
    animation: load 0.8s infinite linear;
}

.loader, .loader:after {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.loding_text {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 20px;
    bottom: 0px;
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.no-style {
    background: transparent!important;
    border-radius: none!important;
    box-shadow: none!important;
    padding: 0!important;
}

.no-style .search-btn {
    height: 62px;
}

/*global heading*/

.page, .page-inner {
    float: left;
    width: 100%;
    height: 100%;
}

.page {
    
    font-family: arial, 'FontAwesome'; 
    color: #fff;
}

.page-inner {
    /* padding-bottom: 64px; */
    padding-bottom: 8%;
}

.layout {
    margin: 0 auto;
    width: 100%;
}

/*global header css*/

#header {
    background: #000000;
    position: fixed;
    top: 0;
    padding: 10px 10px;
    right: 0px;
    left: 85px;
    box-sizing: border-box;
    z-index: 999;
    height: 90px;
}

@media screen and (max-width: 768px) {
    #header {
        height: 90px;
        position: absolute;
    }
}

/*.fixfixed #header, 
.fixfixed #footer,
.fixfixed .side-panel { 
    position: absolute; 
} */

.month-date {
    color: #999999;
    display: inline-block;
    font-size: 23px;
    padding: 7px 0;
    ;
}

/*header right*/

.header-right {
    float: right;
    width: 56%;
}

.row-fluid {
    content: " ";
    /* display: table; */
    width: 100%;
}

.task-nbar {
    float: right;
    width: 90%;
    margin-right: 140px;
}

.boothaKannadi {
    color: #222;
    border: 0 none;
    cursor: pointer;
    height: 44px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0px;
    /* text-indent: -999px; */
    top: 15px;
    width: 40px;
}

/*edited*/

.alert_tip {
    float: right;
    width: 22%;
    position: relative;
    margin-left: 5px;
}

.new_UI_Alert_tip {
    width: 14%;
}

.task-nbar a {
    background: #4b4b4b;
    padding: 4px 5px 4px 10px;
    font-size: 12px;
    display: inline-block;
    width: 100%;
}

/*edited*/

.task-nbar strong {
    display: inline-block;
    padding: 8px 0;
}

.alert-icon, .alert-icon.alert {
    background-size: 100%;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    margin-right: 5px;
    float: left;
    margin-top: -2px;
}

.alert-icon {
    background-image: url("../images/icons/side-nav-comms-inbox-white.png");
}

.alert-icon.alert {
    background-image: url("../images/icons/side-nav-comms-alerts-white.png");
}

.alert-icon.task {
    background-image: url("../images/icons/side-nav-security-witness-white.png");
}

.notify-icon {
    width: 29px;
    height: 29px;
    line-height: 29px;
    float: right;
    background: #999999;
    text-align: center;
}

/*notification*/

.message-notification {
    float: left;
    width: 300px;
    background: #ffffff;
    color: #000;
    border-radius: 0 0 4px 4px;
    font-size: 12px;
    position: relative;
}

.mobile-toggle .message-notification {
    position: absolute;
    z-index: 10;
    right: 0px;
    top: 45px;
    box-shadow: 1px 1px 10px #333;
    display: block;
}

.message-notification .notify-strip {
    background: #999999;
    padding: 8px;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

.n-content {
    padding: 0px 15px 13px;
    float: left;
    width: 100%;
}

.n-content li {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #9a9a9a;
}

.n-content li:last-child {
    border-bottom: none;
    padding-bottom: 5px;
}

.n-content .user-img {
    width: 50px;
    height: 50px;
    float: left;
}

.n-content .n-msg {
    padding: 4px 9px 0 57px;
}

.n-content .m-name {
    color: #999999;
    display: block;
    padding-bottom: 3px;
}

.n-content p {
    line-height: 16px;
}

.n-content .just-now {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: right;
}

.message-notification:before {
    right: 11px;
    top: -7px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.message-notification:before {
    border-color: #999999 transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0;
    height: 0;
    width: 0;
    transform: rotate(180deg);
}

.prof_log {
    float: right;
    text-align: right;
    width: 210px !important;
    position: absolute;
    right: 0px;
}

.n-content .notification_pop .just-now, .n-content .notification_pop .m-name {
    color: #fdac27;
}

.n-content .alert_pop .just-now, .n-content .alert_pop .m-name {
    color: #bd372c;
}

.n-content .over_due .m-name {
    color: #d80100;
}

.n-content .task_complete .m-name {
    color: #60b001;
}

.n-content .task_pending .m-name {
    color: #999999;
}

/*link profile*/

.member-profile {
    display: inline-block;
    position: relative;
    width: 65px;
    margin-right: 2%;
    font-size: 12px;
    z-index: 2;
    vertical-align: top;
    top: -5px;
}

.link-profile span {
    width: 76px;
    height: 76px;
    position: absolute;
    left: 40px;
    top: -5px;
    width: 30px;
    height: 30px;
}

.link-profile .notify-icon {
    position: absolute;
    right: 0;
    top: 0;
}

.logout {
    /* background:url("../images/logout.png") no-repeat scroll center; */
    display: inline-block;
    height: 32px;
    width: 32px;
    cursor: pointer;
    vertical-align: top;
    margin-left: 4px;
}

.refreshIconBtn {
    color: #FFF;
    font-size: 24px !important;
    padding-top: 7px;
}

.synclink {
    display: inline-block;
    height: 32px;
    width: 32px;
    cursor: pointer;
    vertical-align: top;
    margin-left: 4px;
}

/*global header css end*/

/*global footer css start*/

#footer {
    background: #5b5b5b;
    background: -moz-linear-gradient(top, #5b5b5b 0%, #010101 78%, #000 100%);
    background: -webkit-linear-gradient(top, #5b5b5b 0%, #010101 78%, #000 100%);
    background: linear-gradient(to bottom, #5b5b5b 0%, #010101 78%, #000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5b5b5b', endColorstr='#000000', GradientType=0);
    position: fixed;
    bottom: 0;
    z-index: 98;
    padding: 0 0px;
    left: 85px;
    right: 0px;
}

.footer-active {
    bottom: 0;
    margin-left: 0;
    position: absolute;
    width: 50%;
    z-index: 9;
}

.footer-active .primary-nav {
    display: block;
}

ul.primary-nav {
    margin-left: 1%
}

ul.primary-nav li:last-child {
    border-right: 0px none;
}

ul.primary-nav li {
    float: left;
    width: 19%;
    border-right: 3px solid #000
}

ul.primary-nav li a {
    color: #999;
    display: block;
    font-size: 13px;
    line-height: 21px;
    padding: 10px 9px;
    text-align: center
}

ul.primary-nav li strong {
    font-weight: 400;
    vertical-align: text-top;
}

/* ul.primary-nav li:hover, */

ul.primary-nav li.active {
    background: #000;
    background: -moz-linear-gradient(top, #000 0%, #010101 25%, #595959 100%);
    background: -webkit-linear-gradient(top, #000 0%, #010101 25%, #595959 100%);
    background: linear-gradient(to bottom, #000 0%, #010101 25%, #595959 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#595959', GradientType=0);
    color: #999999;
}

/* ul.primary-nav li a:hover {
    color: #999999;
} */

ul.primary-nav li.active a {
    color: #999999;
}

.dahboard-icon, .security-icon, .employment-icon, .resources-icon, .reporting-icon, .calender-icon {
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    height: 30px;
    margin-right: 5%;
    max-width: 100%;
    width: 30px;
    vertical-align: middle;
    margin-bottom: 0px;
}

ul.primary-nav li.active .security-icon, ul.primary-nav li:hover .security-icon {
    /*  background-image: url(../images/icons/footer-nav-security-on.png) */
}

ul.primary-nav li.active .dahboard-icon, ul.primary-nav li:hover .dahboard-icon {
    /* background-image: url(../images/icons/footer-nav-dashboard-on.png) */
}

ul.primary-nav li.active .employment-icon, ul.primary-nav li:hover .employment-icon {
    /* background-image: url(../images/icons/footer-nav-employment-on.png) */
}

ul.primary-nav li.active .resources-icon, ul.primary-nav li:hover .resources-icon {
    /* background-image: url(../images/icons/footer-nav-resources-on.png) */
}

ul.primary-nav li.active .reporting-icon, ul.primary-nav li:hover .reporting-icon {
    background-image: url(../images/icons/footer-nav-reports-on.png)
}

ul.primary-nav li.active .calender-icon, ul.primary-nav li:hover .calender-icon {
    /* background-image: url(../images/icons/footer-nav-commstasks-on.png) */
}

.dahboard-icon {
    /*  background-image: url(../images/icons/footer-nav-dashboard-off.png) */
}

.security-icon {
    /* background-image: url(../images/icons/footer-navigation-security.png) */
}

.employment-icon {
    /* background-image: url(../images/icons/footer-nav-employment-off.png) */
}

.resources-icon {
    /* background-image: url(../images/icons/footer-nav-resources-off.png) */
}

.reporting-icon {
    background-image: url(../images/icons/footer-nav-reports-off.png)
}

.calender-icon {
    /* background-image: url(../images/icons/footer-nav-commstasks-off.png) */
}

/*global footer css end*/

/*breadcrumb*/

.breadcrumb-outer {
    background: #222222;
    padding: 8px 10px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.breadcrumb li span {
    color: #999999;
}

.breadcrumb li a {
    color: #999;
    font-weight: bold;
}

.breadcrumb li {
    margin-right: 13px;
    display: inline-block;
}

.breadcrumb li a {
    padding: 0 13px;
}

.breadcrumb li a:first-child {
    padding-left: 0;
}

.breadcrumb li.active a, .breadcrumb li {
    color: #fff;
    font-size: 13px;
}

/*end breadcrumb*/

/*side panel*/

.side-panel {
    background: #555150;
    width: 390px;
    left: -306px;
    top: 0;
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
    position: fixed;
    overflow: hidden;
    height: 100%;
    z-index: 1000;
}

.side-panel.active {
    left: 0;
    width: 392px;
}

.logo {
    margin: 0 20px;
}

.side-panel .main-menu {
    padding-top: 24px;
    text-align: center;
    height: auto !important;
    min-height: calc(100% - 8em);
}

.main-menu li {
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    border-left: 4px solid #555150;
    margin-bottom: 5px;
}

.main-menu li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.main-menu li a {
    display: block;
}

.main-menu li.push {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

/*hover and active stage line left*/

.main-menu li:hover, .main-menu li.active, .main-menu li.activate {
    border-left: 4px solid #999999;
}

.click-slide li:before {
    border-bottom: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid transparent;
    content: "";
    left: -17px;
    position: absolute;
    top: 44px;
    width: 0;
    margin-top: -7px;
}

.click-slide li.active:before, .click-slide li:hover:before {
    border-bottom: 14px solid transparent;
    border-right: 14px solid #999999;
    border-top: 14px solid transparent;
    content: "";
    height: 0;
    left: -17px;
    position: absolute;
    top: 50%;
    width: 0;
    margin-top: -16px;
}

.main-menu li:after {
    background: url("../images/menu-dot.jpg") no-repeat scroll center;
    bottom: 0;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    width: 100%;
}

.main-menu li p {
    display: block;
    line-height: 18px;
}

.main-menu li .icon {
    display: inline-block;
    margin-bottom: 10px;
}

.icon.icon1, .icon.icon2, .icon.icon3, .icon.icon4, .icon.icon5, .icon.icon6, .icon.icon7, .icon.icon8, .icon.icon9, .icon.icon10, .icon.icon11, .icon.icon12, .icon.icon13, .icon.icon14, .icon.icon15, .icon.icon16, .icon.icon17, .icon.icon18, .icon.icon19 {
    height: 40px;
    width: 40px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.main-menu li a:hover .icon.icon1, .main-menu li.active a .icon.icon1 {
    /* background-image:url("../images/icons/footer-nav-dashboard-on.png"); */
}

.main-menu li a:hover .icon.icon2, .main-menu li.active a .icon.icon2 {
    background-image: url("../images/icons/side-nav-security-incidents-on.png");
}

.main-menu li a:hover .icon.icon3, .main-menu li.active a .icon.icon3 {
    background-image: url("../images/icons/footer-nav-employment-on.png");
}

.main-menu li a:hover .icon.icon4, .main-menu li.active a .icon.icon4 {
    background-image: url("../images/icons/side-nav-security-vehicles-on.png");
}

.main-menu li a:hover .icon.icon5, .main-menu li.active a .icon.icon5 {
    background-image: url("../images/icons/side-nav-security-witness-on.png");
}

.main-menu li a:hover .icon.icon6, .main-menu li.active a .icon.icon6 {
    background-image: url("../images/icons/side-nav-employment-staffdir-on.png");
}

.main-menu li a:hover .icon.icon7, .main-menu li.active a .icon.icon7 {
    background-image: url("../images/icons/side-nav-reporting-venue-on.png");
}

.main-menu li a:hover .icon.icon8, .main-menu li.active a .icon.icon8 {
    background-image: url("../images/icons/side-nav-reporting-zone-on.png");
}

.main-menu li a:hover .icon.icon9, .main-menu li.active a .icon.icon9 {
    background-image: url("../images/icons/side-nav-reporting-region-on.png");
}

.main-menu li a:hover .icon.icon10, .main-menu li.active a .icon.icon10 {
    background-image: url("../images/icons/side-nav-reporting-estate-on.png");
}

.main-menu li a:hover .icon.icon11, .main-menu li.active .icon.icon11 {
    background-image: url("../images/icons/side-nav-resources-docs-on.png");
}

.main-menu li a:hover .icon.icon12, .main-menu li.active .icon.icon12 {
    background-image: url("../images/icons/side-nav-resources-links-on.png");
}

.main-menu li a:hover .icon.icon13, .main-menu li.active .icon.icon13 {
    background-image: url("../images/icons/side-nav-resources-video-on.png");
}

.main-menu li a:hover .icon.icon14, .main-menu li.active a .icon.icon14 {
    background-image: url("../images/icons/side-nav-resources-faqs-on.png");
}

.main-menu li a:hover .icon.icon15, .main-menu li.active a .icon.icon15 {
    background-image: url("../images/icons/footer-nav-security-on.png");
}

.main-menu li a:hover .icon.icon16, .main-menu li.active a .icon.icon16 {
    background-image: url("../images/icons/footer-nav-commstasks-on.png");
}

.main-menu li a:hover .icon.icon17, .main-menu li.active a .icon.icon17 {
    background-image: url("../images/icons/footer-nav-resources-on.png");
}

.main-menu li a:hover .icon.icon18, .main-menu li.active a .icon.icon18 {
    background-image: url("../images/icons/footer-nav-reports-on.png");
}

.main-menu li a:hover .icon.icon19, .main-menu li.active a .icon.icon19 {
    background-image: url("../images/icons/side-nav-employment-venue-on.png");
}

.icon.icon1 {
    background-image: url("../images/icons/footer-nav-dashboard-off.png");
}

.icon.icon2 {
    background-image: url("../images/icons/side-nav-security-incidents-off.png");
}

.icon.icon3 {
    background-image: url("../images/icons/footer-nav-employment-off.png");
}

.icon.icon4 {
    background-image: url("../images/icons/side-nav-security-vehicles-off.png");
}

.icon.icon5 {
    background-image: url("../images/icons/side-nav-security-witness-off.png");
}

.icon.icon6 {
    background-image: url("../images/icons/side-nav-employment-staffdir-off.png");
}

.icon.icon7 {
    background-image: url("../images/icons/side-nav-reporting-venue-off.png");
}

.icon.icon8 {
    background-image: url("../images/icons/side-nav-reporting-zone-off.png");
}

.icon.icon9 {
    background-image: url("../images/icons/side-nav-reporting-region-off.png");
}

.icon.icon10 {
    background-image: url("../images/icons/side-nav-reporting-estate-off.png");
}

.icon.icon11 {
    background-image: url("../images/icons/side-nav-resources-docs-off.png");
}

.icon.icon12 {
    background-image: url("../images/icons/side-nav-resources-links-off.png");
}

.icon.icon13 {
    background-image: url("../images/icons/side-nav-resources-video-off.png");
}

.icon.icon14 {
    background-image: url("../images/icons/side-nav-resources-faqs-off.png");
}

.icon.icon15 {
    background-image: url("../images/icons/footer-navigation-security.png");
}

.icon.icon16 {
    background-image: url("../images/icons/footer-nav-commstasks-off.png");
}

.icon.icon17 {
    background-image: url("../images/icons/footer-nav-resources-off.png");
}

.icon.icon18 {
    background-image: url("../images/icons/footer-nav-reports-off.png");
}

.icon.icon19 {
    background-image: url("../images/icons/side-nav-employment-venue-off.png");
}

.icon.icon1, .icon.icon2, .icon.icon3, .icon.icon4, .icon.icon5, .icon.icon6, .icon.icon7, .icon.icon8, .icon.icon9, .icon.icon10, .icon.icon11, .icon.icon12, .icon.icon13, .icon.icon14, .icon.icon201, .icon.icon202, .icon.icon203, .icon.icon204, .icon.icon205 {
    height: 40px;
    width: 40px;
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center center;
}

.main-menu li a:hover .icon.icon201 {
    background-image: url("../images/icons/side-nav-comms-inbox-on.png");
}

.main-menu li a:hover .icon.icon202 {
    background-image: url("../images/icons/side-nav-comms-alerts-on.png");
}

.main-menu li a:hover .icon.icon203 {
    background-image: url("../images/icons/side-nav-comms-notifications-on.png");
}

.main-menu li a:hover .icon.icon204 {
    background-image: url("../images/icons/side-nav-comms-tasks-on.png");
}

.main-menu li a:hover .icon.icon205 {
    background-image: url("../images/icons/side-nav-news-on.png");
}

.main-menu li.active {
    position: relative;
}

.main-menu li.active a .icon.icon1 {
    /* background-image: url("../images/icons/footer-nav-dashboard-on.png"); */
}

.main-menu li.active a .icon.icon201 {
    background-image: url("../images/icons/side-nav-comms-inbox-on.png");
}

.main-menu li.active a .icon.icon202 {
    background-image: url("../images/icons/side-nav-comms-alerts-on.png");
}

.main-menu li.active a .icon.icon203 {
    background-image: url("../images/icons/side-nav-comms-notifications-on.png");
}

.main-menu li.active a .icon.icon204 {
    background-image: url("../images/icons/side-nav-comms-tasks-on.png");
}

.main-menu li.active a .icon.icon205 {
    background-image: url("../images/icons/side-nav-news-on.png");
}

.icon.icon201 {
    background-image: url("../images/icons/side-nav-comms-inbox-off.png");
}

.icon.icon202 {
    background-image: url("../images/icons/side-nav-comms-alerts-off.png");
}

.icon.icon203 {
    background-image: url("../images/icons/side-nav-comms-notifications-off.png");
}

.icon.icon204 {
    background-image: url("../images/icons/side-nav-comms-tasks-off.png");
}

.icon.icon205 {
    background-image: url("../images/icons/side-nav-news-off.png");
}

.inner-side-panel {
    float: left;
    min-height: 100%;
    height: 100%;
    width: 307px;
    padding: 50px 15px;
    background: #000;
    position: absolute;
    overflow-y: scroll;
    transition: all 1.5s ease 0s;
}

.side-panel.active .inner-side-panel {
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
}

.divs {
    display: none;
    float: left;
}

.menu-wrapper {
    background: #555150;
    float: right;
    padding: 15px 0 10px;
    position: relative;
    width: 85px;
    z-index: 9999;
    min-height: 100%;
}

.partner_client_logo {
    margin-top: 10px;
}

.client_new_wrapper {
    position: absolute;
    bottom: 0px;
    width: 85px;
    right: 0px;
    height: auto;
    text-align: center;
}

.client_new_wrapper img {
    max-width: 100%;
}

.circlenew {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.circlenew div {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.loading_location .cir {
    background: #504c4b !important;
}

.cust-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}

/*global UI styling*/

/*button global css*/

.radius {
    border-radius: 3px 3px 3px 3px!important;
    -webkit-border-radius: 3px 3px 3px 3px!important;
    -moz-border-radius: 3px 3px 3px 3px!important;
    -o-border-radius: 3px 3px 3px 3px!important;
}

.button {
    min-width: 120px;
    text-align: center;
    padding: 20px;
    border: none;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

.btn-block {
    display: block;
    width: 100%;
}

/*.button:hover,*/

.button.active {
    background: #64c100;
    transition: all 0.5s ease 0s;
}

.btn-orange {
    border-color: #999999;
    background: #999999;
}

.btn-green {
    background: #999999;
    border-color: #999999;
}

.container-center-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-widget {
    background: #222222;
    padding: 9px 8px !important;
    border-radius: 10px;
    display: inline-block;
    color: white;
}

.btn-widget:focus {
    outline: none; 
}

/*button with icon*/

.btn-group {
    position: relative;
    vertical-align: middle;
}

.wrap-btn {
    float: left;
    line-height: 30px;
    width: 100%;
}

.s-btn-icon {
    background: #333231;
    width: 40px;
    height: 41px;
    line-height: 40px;
    border-radius: 100%;
    display: inline-block;
    float: right;
    font-size: 22px;
}

.icon-btn .btn-txt {
    float: left;
    font-size: 20px;
    padding: 0 10px;
    text-align: left;
}

.icon-btn .button {
    padding: 10px;
}

/* 
.square-icons .button,
.action-button .button{
        padding:6px 3px;
}
*/

/*Short Buttons With Large Icons*/

.square-icons .s-btn-icon, .action-button .s-btn-icon {
    height: 36px;
    width: 36px;
    border-radius: 0;
    height: 41px;
    width: 40px;
}

/*action button*/

.btn-action {
    background: #ffffff;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #888888);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #888888);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #888888);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #888888);
    /* Standard syntax */
}

.action-button .btn-txt {
    float: right;
}

.action-button .s-btn-icon {
    float: left;
    font-size: 25px;
}

.action-nxt .s-btn-icon {
    float: right;
}

.action-nxt .btn-txt {
    float: left;
}

.large-btn li {
    margin-top: 15px;
}

/*large button*/

.large-btn .btn-group {
    text-align: center;
}

/*input style*/

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #000;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.input-lg {
    font-size: 18px;
    height: 46px;
    line-height: 1.33333;
    padding: 10px 16px;
}

.form-control:not(select) {
    -moz-appearance: none;
}

/*0.5 App Assistance*/

/*info button*/

.q-info {
    float: left;
    margin: 16px 0 0 27px;
}

.q-info .info-btn {
    background: #545150;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 23px;
    height: 44px;
    line-height: 41px;
    text-align: center;
    width: 44px;
}

/*notification*/

.message-notification {
    float: left;
    width: 300px;
    background: #ffffff;
    color: #000;
    border-radius: 0 0 4px 4px;
    font-size: 12px;
    position: relative;
}

.message-notification .notify-strip {
    background: #999999;
    padding: 8px;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

.n-content {
    padding: 0px 15px 13px;
    float: left;
    width: 100%;
    max-height: 225px;
    overflow-y: auto;
}

.n-content li {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #9a9a9a;
}

.n-content li:last-child {
    border-bottom: none;
    padding-bottom: 5px;
}

.n-content .user-img {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 100%;
    overflow: hidden;
}

.n-content .n-msg {
    padding: 4px 9px 0 57px;
}

.n-content .m-name {
    color: #999999;
    display: block;
    padding-bottom: 3px;
}

.n-content p {
    line-height: 16px;
}

.n-content .just-now {
    display: block;
    font-weight: bold;
    margin-top: 5px;
    text-align: right;
    float: right;
}

.message-notification:before {
    right: 11px;
    top: -7px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.message-notification:before {
    border-color: #999999 transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0;
    height: 0;
    width: 0;
    transform: rotate(180deg);
}

.v-flex {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}

.circle-flex {
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
}

/*dashboard*/

.welcome-column {
    background: #333230;
    border-radius: 10px;
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.item-circle {
    background: #999999;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 23px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: -16px;
    text-align: center;
    top: -8px;
    width: 40px;
}

.col-box-left {
    background: #555150;
    border-radius: 10px 0 0 10px;
    float: left;
    height: 100%;
    min-height: 251px;
    padding: 23px 20px;
    position: absolute;
    text-align: center;
    width: 250px;
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}

/*dashboard left box icons*/

.security-icon1, .task-icon, .employment-icon1, .resource-icon1, .reporting-icon1 {
    background-size: 100%;
    display: inline-block;
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
}

.security-icon1 {
    background-image: url(../images/icons/footer-navigation-security.png);
}

.task-icon {
    background-image: url(../images/icons/footer-nav-commstasks-off.png);
}

.employment-icon1 {
    background-image: url(../images/icons/footer-nav-employment-off.png);
}

.resource-icon1 {
    background-image: url(../images/icons/footer-nav-resources-off.png);
}

.reporting-icon1 {
    background-image: url(../images/icons/side-nav-reporting-zone-off.png);
}

.col-box-left p {
    color: #989898;
    font-size: 23px;
    margin-top: 56px;
    text-shadow: 1px 1px 1px #000;
    width: 100%;
}

.center {
    display: inline-block;
}

.circle-icon {
    background: #222222;
    border-radius: 100%;
    text-align: center;
    width: 80px;
    height: 80px;
    display: table;
}

.v-m {
    display: table-cell;
    vertical-align: middle;
}

.circle-icon {
    font-size: 50px;
}

.user-column {
    padding: 32px 40px 32px 312px;
}

.center-icon {
    display: inline-block;
    position: relative;
}

.user-column li {
    display: inline-block;
    width: 200px;
    margin-right: 5%;
    text-align: center;
    vertical-align: top;
}

.user-dashboard h3 {
    font-size: 18px;
    margin: 15px 0;
}

.user-dashboard .button {
    border-radius: 7px;
    padding: 3px;
    box-shadow: 0 1px 3px #222222;
    -webkit-box-shadow: 0 1px 3px #222222;
    -moz-box-shadow: 0 1px 3px #222222;
}

.d-icon {
    width: 40px;
    height: 45px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-top: 0px;
}

.d-icon.d-icon5 {
    height: 50px;
}

.d-icon.d-icon1, .d-icon.d-icon2, .d-icon.d-icon3, .d-icon.d-icon4, .d-icon.d-icon5, .d-icon.d-icon6, .d-icon.d-icon7, .d-icon.d-icon9, .d-icon.d-icon10, .d-icon.d-icon11, .d-icon.d-icon12, .d-icon.d-icon13, .d-icon.d-icon14, .d-icon.d-icon15, .d-icon.d-icon16, .d-icon.d-icon17, .d-icon.d-icon19, .d-icon.d-icon20, .d-icon.d-icon21, .d-icon.useful-link, .d-icon.new-view-icon, .d-icon.faq-icon {
    background-size: 100%;
    background-position: center center;
    vertical-align: top;
}

/***notifications ***/

.notification {
    padding: 20px 10px 20px 14px;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
    position: relative;
}

.notification.success {
    background: rgba(73, 173, 73, 0.8);
}

.notification.info {
    background: rgba(49, 133, 159, 0.8);
}

.notification.warning {
    background: rgba(209, 130, 11, 0.8);
}

.notification.error {
    background: rgba(162, 54, 44, 0.8);
}

.notification .success-icon, .notification .info-icon, .notification .warning-icon, .notification .error-icon, .notification .no-internet-icon {
    float: left;
    height: 40px;
    width: 40px;
    margin: 3px 0;
}

.notification .success-icon {
    background: url(../images/icons/notification-success.png) no-repeat;
    background-size: 100%;
}

.notification .info-icon {
    background: url(../images/icons/notification-information.png) no-repeat;
    background-size: 100%;
}

.notification .warning-icon {
    background: url(../images/icons/notification-warning.png) no-repeat;
    background-size: 100%;
}

.notification .error-icon {
    background: url(../images/icons/notification-alert.png) no-repeat;
    background-size: 100%;
}

.notification .no-internet-icon {
    background: url(../images/icons/notification-no-internet.png) no-repeat;
    background-size: 100%;
}

.notification .notify-txt {
    padding-left: 50px;
    padding-top: 7px;
}

.notification h4 {
    margin-bottom: 6px;
    font-size: 14px;
}

.notification h5 {
    margin-bottom: 0px;
    padding: 13px 50px;
    font-size: 18px;
    font-weight: 100;
}

.notification p {
    font-size: 12px;
    line-height: 16px;
}

.notification .close {
    position: absolute;
    right: 13px;
    top: 6px;
    color: #fafafa;
}

/***alert messages***/

.alertvalidate {
    margin: 0 auto;
    padding: 10px 20px 10px 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
    position: relative;
    float: left;
    width: 100%;
}

.alertvalidate.success {
    background: #def0d6;
    color: #498f49;
}

.alertvalidate.info {
    background: #d9edf6;
    color: #566f8e;
}

.alertvalidate.warning {
    background: #fbf9e2;
    color: #896f32;
}

.alertvalidate.error {
    background: #f2dedf;
    color: #b64a3e;
}

.alertvalidate .success-icon, .alertvalidate .info-icon, .alertvalidate .warning-icon, .alertvalidate .error-icon {
    float: left;
    height: 40px;
    width: 40px;
    margin: 3px 0;
}

.alertvalidate .success-icon {
    background: url(../images/icons/notification-success-color.png) no-repeat;
    background-size: 100%;
}

.alertvalidate .info-icon {
    background: url(../images/icons/notification-information-color.png) no-repeat;
    background-size: 100%;
}

.alertvalidate .warning-icon {
    background: url(../images/icons/notification-warning-color1.png) no-repeat;
    background-size: 100%;
}

.alertvalidate .error-icon {
    background: url(../images/icons/notification-alert-color.png) no-repeat;
    background-size: 100%;
}

.alertvalidate .notify-txt {
    padding-left: 50px;
    padding-top: 7px;
}

.alertvalidate h4 {
    font-size: 16px;
    padding: 15px 65px;
}

/*small icons*/

.small-icons {
    text-align: center;
}

.small-icons li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
}

.d-icon.video, .d-icon.calender {
    background-size: 100% auto;
}

/*incident details icons*/

.indicate-outer li {
    display: inline-block;
}

.indicate-icon {
    width: 118px;
    height: 119px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
}

.arson {
    background-image: url(../images/icons/arson-icon.png);
}

.assault {
    background-image: url(../images/icons/assault-icon.png);
}

.breakin {
    background-image: url(../images/icons/breakin-icon.png);
}

.cash-swap {
    background-image: url(../images/icons/cash-swap-icon.png);
}

.criminal-damage {
    background-image: url(../images/icons/criminal-damage-icon.png);
}

.empty-packaging {
    background-image: url(../images/icons/empty-packaging-icon.png);
}

.price-swap {
    background-image: url(../images/icons/price-swap-icon.png);
}

.public-disorder {
    background-image: url(../images/icons/public-disorder-icon.png);
}

.refund-fraud {
    background-image: url(../images/icons/refund-fraud-icon.png);
}

.theft-icon {
    background-image: url(../images/icons/theft-icon.png);
}

.theft-violence {
    background-image: url(../images/icons/theft-violence-icon.png);
}

.theft-with-violence {
    background-image: url(../images/icons/theft-with-violence-icon.png);
}

.vehicle-incident {
    background-image: url(../images/icons/vehicle-incident-icon.png);
}

.verbal-abuse {
    background-image: url(../images/icons/verbal-abuse-icon.png);
}

/*modal box*/

button {
    border: 0;
    cursor: pointer;
}

.modal-box {
    background: #ffffff;
    border-radius: 5px;
    padding: 17px 13px 17px 27px;
    max-width: 591px;
    position: relative;
}

.modal-box h4 {
    font-size: 25px;
    color: #f58021;
    margin-bottom: 15px;
}

.modal-box p {
    font-size: 20px;
    line-height: 24px;
    color: #000;
}

.modal-btn {
    margin-top: 20px;
    text-align: right;
}

.modal-box .close {
    color: #d2cdc9;
    font-size: 26px;
    position: absolute;
    right: 12px;
    top: 10px;
}

.close-btn, .save-btn {
    border-radius: 5px;
    font-size: 17px;
    padding: 10px 20px;
}

.close-btn {
    background: #d2ccc9;
    color: #000;
}

.save-btn {
    background: #f58021;
    color: #fff;
}

/*onscreen notification*/

.onscreen-notify {
    background: rgba(10, 10, 10, 0.8);
    border-radius: 5px;
    padding: 17px 13px 17px 27px;
    max-width: 391px;
    position: relative;
}

.notify-user-img {
    width: 71px;
    height: 71px;
    float: left;
}

.onscreen-content {
    padding: 10px 30px 10px 90px;
}

.onscreen-notify h4 {
    font-size: 20px;
    color: #f58021;
    margin-bottom: 5px;
}

.onscreen-notify p {
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
}

.onscreen-notify .close {
    color: #333231;
    font-size: 26px;
    position: absolute;
    right: 12px;
    top: 10px;
}

/*form validation*/

.error-strip {
    background: #991918;
    color: #ffffff;
    border-radius: 7px;
    float: left;
    margin: 0 auto 15px;
    padding: 15px 20px 15px 25px;
    position: relative;
    width: 100%;
    box-shadow: -1px -1px 5px #2d2c2b;
    -webkit-box-shadow: -1px -1px 5px #2d2c2b;
    -moz-box-shadow: -1px -1px 5px #2d2c2b;
}

#forgetPassword_security_question .error-strip {
    padding: 5px 10px 5px 15px;
}

#header_login .login_form-wrap .success {
    padding: 0px 10px 0px 15px;
}

.error-strip h4 {
    font-size: 16px;
    padding: 15px 65px;
}

#forgetPassword_security_question .error-strip h4 {
    font-size: 12px;
    padding: 15px 15px 15px 50px;
    text-align: left;
}

.error-strip .error-icon {
    background: url("../images/icons/notification-alert.png") no-repeat scroll 0 0 / 100% auto;
    float: left;
    height: 40px;
    margin: 3px 0;
    width: 40px;
}

.error-strip .no-internet-icon {
    background: url("../images/icons/notification-no-internet.png") no-repeat scroll 0 0 / 100% auto;
    float: left;
    height: 40px;
    margin: 3px 0;
    width: 40px;
}

.error-strip .close {
    position: absolute;
    right: 13px;
    top: 25px;
    font-size: 28px;
    color: #b54b3e;
}

.txtImgSelected {
    color: green;
    font-size: 13px;
}

.securityQuestionChangePassword {
    width: 320px;
    margin: auto;
    height: auto;
}

.securityError {
    width: 320px;
    margin: auto;
}

.securityError .error-strip {
    padding: 5px 10px 5px 15px;
}

.securityError .error-strip h4 {
    font-size: 12px;
    padding: 15px 15px 15px 50px;
    text-align: left;
}

/*custom radio*/

.custom-radio label, .custom-checkbox label {
    position: relative;
    cursor: pointer;
}

.custom-radio input[type=radio], .custom-checkbox input[type=checkbox] {
    display: none! important;
}

.custom-radio input[type=radio]+label:before {
    background-color: #fff;
    border-radius: 100px;
    content: "";
    display: inline-block;
    height: 30px;
    margin-right: 8px;
    vertical-align: middle;
    width: 30px;
}

.custom-checkbox input[type=checkbox]+label:before {
    background-color: #fff;
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 30px;
    margin-right: 8px;
    vertical-align: middle;
    width: 30px;
}

.custom-radio input[type=radio]:checked+label:before {
    background: url(../images/icons/radio-check.png) no-repeat;
}

.custom-checkbox input[type=checkbox]:checked+label:before {
    background: url(../images/icons/checkbox-check.png) no-repeat;
}

/*custom file type*/

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile+label {
    max-width: 100%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 5px 5px;
    /* 10px 20px */
}

.no-js .inputfile+label {
    display: none;
}

.inputfile:focus+label, .inputfile.has-focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile+label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile+label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: #9a9a9a;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

/* style 2 */

.inputfile-2+label {
    color: #333333;
    outline: none;
    border: 1px solid #9a9a9a;
    border-radius: 5px;
}

.inputfile-2:focus+label, .inputfile-2.has-focus+label, .inputfile-2+label:hover {
    color: #333333;
}

.task-nbar a {
    border-radius: 5px 25px 25px 5px;
}

.notify-icon, .link-profile img {
    border-radius: 50%;
}

.link-profile img {
    width: 50px;
    height: 50px;
}

.selectbtns .dropdown-menu .btn.btn-default {
    width: 48%;
    margin: 0 1%;
    padding: 6px 0;
    font-size: 12px;
}

.fadeBtnClr .dropdown-toggle {
    background: #999999!important/*#999999!important;*/
}

/*media Queries*/

@media screen and (max-width:1024px) {
    .buttons-outer, .header-button {
        padding: 20px;
        float: left;
        width: 100%;
    }
    .user-column li {
        margin-bottom: 30px;
        width: 176px;
    }
}

@media screen and (max-width:991px) {
    .selectbtns .dropdown-menu .btn.btn-default {
        width: 100%;
        margin: 2px 0;
    }
}

@media screen and (max-width: 768px) {
    .notification1-left {
        width: 100% !important;
    }
}

/*global UI styling end*/

/* map css */

.gm-style .gm-style-iw {
    font-weight: 300;
    font-size: 13px;
    color: #000;
    overflow: inherit;
}

.gm-style .gm-style-iw>div {
    display: inline-block;
    overflow: initial;
    max-height: 171px;
    max-width: 199px;
}

.gm-style .gm-style-iw>div>div {
    overflow: auto;
    color: #000;
    width: 100px;
    min-height: 17px;
}

.redColor {
    color: #bf3b2c!important;
    float: left;
    margin-top: 10px;
}

.blueColor {
    color: #27819c!important;
}

.margin-top {
    margin-top: 50px;
}

.mapinside {
    padding: 0 !important;
}

.addpadding {
    padding: 0 15px !important;
}

.employee_img .empl_btn {
    padding: 8px 10px;
    background: #999999;
    margin: 10px 0 0 0;
    font-size: 12px;
    border-radius: 5px;
    float: left;
}

.employee_img .empl_btn.rl {
    float: right
}

.link_incident_holder ul {
    position: absolute;
    /* display: none; */
    top: 30px;
    width: 100%;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #ffffff;
    color: #000000;
    padding: 0px 15px;
    z-index: 1000;
}

.link_incident_holder ul li {
    padding: 5px;
    border-bottom: 1px solid #CCCCCC;
    float: left;
    width: 100%;
}

.link_incident_holder ul li a {
    color: #999999;
    float: right;
    padding-top: 4px;
}

.link_incident_holder ul li span{
    padding-top: 4px;
    float: left;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

#statusSelect option[value="? undefined:undefined ?"] {
    display: none;
}

.incident_lists_tabs.opened {
    height: auto;
    overflow: hidden;
}

.incident_lists_tabs.closed {
    height: 50px;
    overflow: hidden;
}

.open_close_button {
    /*background-image: url(https://travisperkins.vsg247.co.uk/web_app/images/icons/up-down-arrows.png);
     background-repeat: no-repeat; */
    position: absolute;
    top: 34px;
    right: 60px;
    width: 21px;
    height: 27px;
    font-size: 27px;
    cursor: pointer;
}

.open_cog_button {
    position: absolute;
    top: 25px;
    right: 20px;
    width: 21px;
    height: 27px;
    font-size: 27px;
    cursor: pointer;
}

.arrow-topAdjust {
    top: 136px;
    right: 115px; 
}

.incident_status_holder {
    position: relative;
    float: left;
    width: 100%;
}

.incident_lists_tabs.ng-hide.opened+.open_close_button {
    background-position: 0px;
}

.incident_lists_tabs.ng-hide.closed+.open_close_button {
    background-position: -21px;
}

.filtrationDateRange {
    float: none !important;
}

.dateInput_Text {
    padding-left: 50px !important;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.ui-multiselect {
    padding: 2px 0 2px 4px;
    text-align: left;
    width: 100%!important;
    border: none!important;
    height: 49px;
    background-color: #999999;
    border-radius: 2px;
}

.ui-multiselect span {
    color: #ffffff!important;
    font-weight: normal!important;
}

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

.ui-multiselect-header {
    display: none!important;
}

.ui-multiselect-menu {
    padding: 0px!important;
    border: none!important;
}

.ui-multiselect-checkboxes li {
    padding: 0px!important;
}

.ui-multiselect-checkboxes label input {
    display: none!important;
}

.ui-multiselect-checkboxes label {
    border: none!important;
    border-radius: 0px!important;
    padding: 8px 15px!important;
    font-size: 14px;
    font-weight: bold;
}

.ui-multiselect-checkboxes label input[aria-selected="true"]+span:after {
    content: "\f00c";
    color: #000000;
    float: right;
    font-family: "FontAwesome";
    font-size: 12px;
}

/* endorse feature */

.btn-blue {
    background: #0080FF;
    border-color: #0080FF;
}

.incident_btn_wrap.last_btn.margin-left {
    margin-left: 20px;
}

.btn-green {
    background: #6AC100!important;
    border-color: #6AC100!important;
}

.endorse_button_holder {
    margin-bottom: 20px;
}

.current_endorse_status {
    width: 100%;
    padding: 10px 0px;
    text-align: right;
    font-size: 18px;
}

.disabled_endorse_button .button {
    background-color: grey!important;
}

/*make comm popup scrollable */

.add_comm_modal .alert_pop_wrap, .view_comm_modal .alert_pop_wrap {
    /* position: absolute; */
    top: 0;
    left: 0;
}

.image_editor{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 9999;
}

.webView .image_editor{
    background: rgba(0, 0, 0, 0.6);
    padding: 20px;
    padding-bottom: 70px;
}
.mobileView .image_editor{
    padding-bottom: 70px;
}
.webView .model_button_right{
    margin-right: 20px;
}

.webView .model_button_left{
    margin-left: 20px;
}

.image_editor_btn_wrap{
    background-color: #151515;
}

.image_editor_btn_color{
    background-color: white;
    color: black !important;
    border-radius: 10px !important;
    top: 80%;
}
 zd-image-editor tr td{
    background-color: unset !important ;
}

zd-image-editor .tui-image-editor-container .tui-image-editor-main{
      top:00px !important
     }

zd-image-editor .tui-image-editor-wrap{
    overflow: hidden !important;
}

.mobileView .tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item{
    padding-left: 1px;
    padding-right: 1px;
}



.add_comm_modal .model_wrapper, .view_comm_modal .model_wrapper {
    width: 850px;
    position: absolute;
    top: 10%!important;
    left: 50%;
    margin-top: 0px !important;
    transform: translate(-50%, 0%);
    max-height: 80vh;
    overflow: hidden;
}

#notePopup.add_comm_modal .model_area {
    overflow-x: hidden!important;
    overflow-y: scroll!important;
    max-height: 80vh;
}

#taskPopup.add_comm_modal .model_area {
    overflow-x: hidden!important;
    overflow-y: scroll!important;
    max-height: 80vh;
}

#noteCommsPopup.add_comm_modal .model_area {
    min-height: 100%;
    overflow-y: scroll;
}

.incident_report_details .whh_wrap ul li .roff_wrap {
    min-height: 250px;
}

.acurateSlider {
    min-width: 0px !important;
}

.btn-plus {
    width: 30px;
    margin-top: 10px;
}

.weightSlider {
    float: left;
    width: 63%;
    margin-right: 10px;
}

.circle-icon:hover {
    background: #999999 !important;
}

.circle-icon:active {
    background: #999999 !important;
}

.red_button {
    background-color: red!important;
    background-image: unset;
}

.button:hover, .button:active {
    background-color: #999999;
}

.category-margin {
    margin: 30px auto 0;
}

.thankyouBtn {
    float: left;
    line-height: 30px;
    margin: 3px;
}

.incident_view_page .incident_view_top_header {
    float: left;
    width: 100%;
    padding: 10px;
}

.incident_view_page .location_holder {
    float: left;
    line-height: 24px;
}

.incident_view_page .status_holder {
    float: right;
}

.incident_view_page .incident_view_section_holder {
    background-color: #999999;
    float: left;
    border-radius: 11px;
    margin: 10px 0px;
    width: 100%;
}

.margin{
    
    margin-top:10px
}

.incident_view_width{
    width: 49%;
}
.left{
    float: left;
}
.right{
    float: right;
}
.incident_view_spacing{
    min-height: 300px;
    max-height: 300px;
    background: black;
}

select {
    /* styling */
    background-color: white;
    border: thin solid blue;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    ipadding: 0.5em 3.5em 0.5em 1em;
    /* reset */
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

option.minimal {
    background: white;
    border-color: white;
    color: black;
}

select.minimal {
    min-width: 100%;
    background: #999999;
    border-color: #999999;
    color: white;
    font-weight: 700;
    background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, white, white);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

select.minimal:focus {
    background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, white, white);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    outline: 0;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.incident_report_tab .col_1 .incident_wrap .locDetail {
    height: 165px;
    padding: 0px;
    overflow: auto;
}

ul.multiple_venue_list {
    float: left;
    width: 100%;
    padding: 10px;
}

ul.multiple_venue_list li {
    float: left;
    margin-bottom: 5px;
    margin-left: 5px;
}

ul.multiple_venue_list li span.venue_name {
    font-family: Arial;
    font-size: 15px;
    color: rgb(255, 128, 0);
    width: 100%;
}

ul.multiple_venue_list li span.site_code_number {
    font-family: Arial;
    font-size: 12px;
}

.mobile-header-search {
    display: block;
    width: calc(100% + 20px);
    height: 40px;
    z-index: 99999;
    padding: 2px 0px;
    background: #000000;
    margin-left: -10px;
}

@keyframes scrollDown {
    from {
        height: 40px;
    }
    to {
        height: 0px;
    }
}

.mobile-header-search.ng-hide {
    animation: 0.5s scrollDown;
}

@keyframes scrollUp {
    from {
        height: 0px;
    }
    to {
        height: 40px;
    }
}

.mobile-header-search {
    animation: 0.5s scrollUp;
}

.mobile-header-search-box {
    width: calc(100% - 10px);
    padding: 0px;
    border-radius: 0px;
    height: calc(100% - 10px);
    background: #ACACAC;
    border: none;
    padding-left: 10px;
    color: #373737;
    font-size: 20px;
    float: left;
    position: absolute;
    top: 5px;
    left: 5px;
}

.mobile-search-btn {
    text-align: center;
    color: #373737;
    position: absolute;
    float: left;
    top: 50px;
    left: 0px;
    padding-left: 0px;
    width: 100%;
}

.mobile-search-filter {
    float: right;
    text-align: center;
    color: #373737;
    position: absolute;
    top: 51px;
    padding-right: 10px;
    right: 10px;
}

.mobile-search-results {
    top: 83px;
    height: calc(100% - 80px);
    position: fixed;
    width: 100%;
    left: 0px;
    background: #77767B;
    z-index: 99;
}

.mobile-search-results li {
    padding: 15px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
}

.mobile-search-results ul {
    max-height: calc(100% - 125px);
    overflow: auto;
    text-transform: capitalize;
}

.mobile-search-results .filterText li {
    color: #000;
    border-top: none;
    border-bottom: none;
}

.filterText a {
    color: #000;
    font-size: 15px;
}

.mobile-search-results a {
    font-size: 15px;
}

.filterResult {
    cursor: pointer;
    font-size: 15px;
    float: right;
    margin-right: 10px;
}

.filterResulText {
    color: #000;
    margin-right: 10px;
    float: left;
    width: 120px;
    text-align: right;
    word-wrap: break-word;
    font-weight: bold
}

span.seacrhBtnText {
    padding: 10px;
    font-size: 14px;
}

.incident_report_btn_wrapper .searchBtnNext {
    width: 120px;
}

.searchFilterBtns {
    position: absolute;
    bottom: 0px;
    width: calc(100% - 40px) !important;
    left: 20px;
}

i.fa.fa-sliders.mobile-search-filter {
    padding: 20px;
    top: 35px;
}

ul.header_mobile_icons {
    float: right;
    display: flex;
    font-size: 22px;
    /*  margin-left: 90%; */
    /* width: 32%; */
}

ul.header_mobile_icons li {
    padding: 4px;
}

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

.signature {
    cursor: pointer;
}

.signature canvas {
    border: 1px solid #999;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 5px;
}

.comms-signature-pad canvas{
    height: auto !important;
    width: 100% !important;
}

.sign-result {
    border: 1px solid blue;
    margin: 30px auto 0 auto;
    height: 220px;
    width: 568px;
}

.signature_detail_holder {
    width: 100%;
    height: 100%;
    background: #fff;
    margin-top: 20px;
    border-radius: 5px;
}

.signature_parent_holder {
    width: 100%;
}

.taskSign {
    position: relative;
    top: 50px
}

.tasksignature canvas {
    position: relative;
    top: -30px;
    border: none;
}

.pull-to-refresh {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: -40px auto 0;
    padding: 0;
    width: 100%;
    height: 40px;
    border-bottom: 1px dashed #ccc;
    text-align: center;
    line-height: 40px;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transition-property: margin;
    -moz-transition-property: margin;
    transition-property: margin;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    transform: translateZ(0px);
}

.fingerprint {
    padding-top: 5px;
    width: 70px;
    cursor: pointer;
}

.changePassword {
    float: right;
    padding-top: 10px;
}

.changePassword .lock-icon {
    display: inline-block;
    background: url("../images/icons/forgot-password-tab.png") no-repeat center center;
    background-size: 100% 100%;
    width: 15px;
    height: 15px;
    margin: 0 5px 5px 0;
    vertical-align: middle;
}

.underline-header {
    text-align: left !important;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.tintColor2 {
    text-align: center;
    font-size: 13px;
}

.venueListTab td, .venueListTab th {
    padding: 5px;
    vertical-align: middle;
    font-weight: normal;
    color: #fff;
    /* display: table-cell; */
    border: 0px;
}

.venueListTab tr {
    border-bottom: 1px solid #eee;
}

.venueListTabheader {
    background: #999999;
    color: #fff;
    height: 30px;
    vertical-align: middle;
    text-align: left;
}

.td_view2 {
    padding-top: 8px;
}

.orange_select2 .btn.btn-default {
    padding: 8px;
    padding-top: 3px !important;
    height: 32px;
}

.orange_select2 .nya-bs-select .dropdown-toggle .caret {
    position: absolute;
    top: 10%;
}

.employee_details .data_col3 {
    margin-top: -5px;
    padding-right: 15px;
}

.notification1-left {
    width: 75%;
}

.employee_details .notification1-left .data_col2 {
    width: 40%;
    float: left;
}

.thankyouselect {
    max-width: 140px;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.incident_confirmed .left div span {
    width: 100px;
    color: #ffffff;
    display: inline-block;
    float: left;
}

.thank_you_page_fields {
    margin-bottom: 10px;
}

.spinner_loader_p {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
    top: 10px;
    position: absolute;
}

/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.spinner_loader_text {
    display: inline-block;
    position: absolute;
    top: 26px;
    left: 135px;
}

.spinner_model_wrapper {
    top: 50% !important;
    left: 50% !important;
    margin: -52px 0 0 -325px !important;
}

.goodWishMessage {
    top: 10% !important;
    left: 50% !important;
    margin: -52px 0 0 -325px !important;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    left: 0;
    background-color: #000;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 30px;
    top: 0px;
}

.sidenav {
    position: fixed;
    left: 0px;
    width: calc(100% - 83px);
    padding-left: 10px;
    height: calc(100% - 50px);
    background-color: #333;
    top: 50px;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    z-index: 9999;
}

.loginSideNav {
    position: fixed;
    width: 100%;
    padding-left: 10px;
    height: 100%;
    background-color: #333;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

.nav-view {
    transform: translateX(0);
    left: 83px;
}
.nav-view-login {
    transform: translateX(0);
    left:0px;
}
.version {
    margin: 10px;
}

.sidenav a {
    padding: 8px 8px 8px 0px;
    text-decoration: none;
    font-size: 25px;
    color: white;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    font-size: 36px;
    text-align: left;
    left: 25px;
}

.loginSideNav a {
    padding: 8px 8px 8px 0px;
    text-decoration: none;
    font-size: 25px;
    color: white;
    display: block;
    transition: 0.3s;
}

.loginSideNav a:hover {
    color: #f1f1f1;
}

.loginSideNav .closebtn {
    position: absolute;
    top: 0;
    font-size: 36px;
    text-align: left;
    left: 25px;
}

.contentLoginCOG {
    margin-top: 50px;
}

.profileDetails {
    text-align: center;
    padding-bottom: 10px;
}

.circle-color {
    color: #222222;
}

.profileImg {
    margin-bottom: 10px;
}

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

.slide-setting-details ul {
    max-height: calc(100% - 70px);
    overflow: auto;
    text-transform: capitalize;
    margin-bottom: 10px;
}

ul.mobile_dashboard {
    background-color: #000;
    padding: 2%;
    border-radius: 10px;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

ul.mobile_dashboard li {
    float: left;
    position: relative;
    width: 33%;
    margin: 10px 0px;
}

ul.mobile_dashboard li span.item-circle {
    height: 30px;
    width: 30px;
    font-size: 18px;
    line-height: 32px;
}

ul.mobile_dashboard li .circle-icon {
    position: relative;
    font-size: 30px;
    width: 70px;
    height: 70px;
}

ul.mobile_dashboard li .icon_holder {
    position: relative;
    width: 70px;
    margin: 0px auto;
}

.slide-setting-details li {
    padding: 10px;
    margin-left: 40px;
    margin-right: 40px;
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
}

.slide-setting-details a {
    font-size: 18px;
    display: inline;
}

.slide-setting-details .filterResult {
    padding: 10px;
}

.view-page-title {
    color: #999999;
}

#realButton {
    width: 100px;
    height: 100px;
}

.hiddenUpload {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.dashboard-blocks {
    margin-top: 25px !important;
}

.resource-security-sections {
    margin-top: 0px !important;
    margin-bottom: 15px;
}

.incident_report_tab.offender_add .angTabWrapper2 ul.nav-tabs {
    font-size: 15px;
}

.edit_siteAssigned {
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.off-p1 {
    display: inline-block !important;
}

.off-m1 {
    display: none !important;
}

.active .off-p1 {
    display: none !important;
}

.active .off-m1 {
    display: inline-block !important;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */

.prefferdmethods ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */

.prefferdmethods ul[dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */

.prefferdmethods ul[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

.prefferdmethods ul[dnd-list] li {
    border-top: 1px solid #ddd;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}

.details-content .passinfoList span {
    font-size: 18px;
}

.details-content .passinfoList .labelLeft {
    min-width: 130px;
}

.details-content .passinfoList li {
    margin-bottom: 5px;
}

.passinfoList.event-list span {
    font-size: 18px;
}

.event-list .labelVal {
    display: block;
    overflow: hidden;
}

.ngdialog-custom {
    height: 400px;
}

.popupShow {
    height: 100%;
    overflow: auto;
    position: fixed;
    width: 100%;
    z-index: 999999;
    display: block;
}

.popupWrap {
    max-width: 700px;
    width: 100%;
    margin: 0px auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 10px;
    margin-left: 27%;
    margin-top: 11%;
    ttransform: translateX(-50%) translateY(-50%);
    position: absolute;
}

.popupWrap2 {
    top: 10%;
    left: 19%;
}

.popupWrapmini {
    max-width: 700px;
    width: 100%;
    margin: 0px auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 10px;
    top: 33%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
}

/*.popupWrapTraingEvent {
    max-width: 700px;
    width: 100%;
    margin: 0px auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 10px;
    left: 25%;
    position: absolute;*/

/* top: 350px; */

/* transform: translateX(-50%) translateY(-50%); */

/* position: relative; */

/* height: 100%; */

/* float: left; */

/* display: table-row-group; */

/*}*/

.popupWrapTraingEvent {
    max-width: 700px;
    width: 100%;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 10px;
    /* top: 350px; */
    /*left: 25%;*/
    /* transform: translateX(-50%) translateY(-50%); */
    /* position: relative; */
    /* height: 100%; */
    /* float: left; */
    /* display: table-row-group; */
    /* position: absolute;*/
    vertical-align: middle;
    display: flex !important;
    height: auto;
    max-height: 100%;
}

/* Working  pop up Hourse Css */

.popupWrapTraingEvent button.button {
    min-height: 86px;
    text-align: left;
}

.popupWrapTraingEvent button.button i {
    font-size: 33px;
    width: 39px;
    float: left;
    line-height: 1.3;
}

.popupWrapTraingEvent .nya-bs-select.btn-group .dropdown-menu.inner {
    height: calc(100% - 77px);
}

.popupWrapTraingEvent button.active {
    background: #186BB7;
}

.fc .fc-button-group>* {
    outline: none;
}

/*file Upload Css*/

.SickAbsencefile {
    float: left;
    margin-top: 28px;
    position: relative;
}

.SickAbsencefile .fileload {
    width: 100%;
    opacity: 0;
    position: absolute;
    height: 30px;
}

.SickAbsencefile .icon-folder {
    background: #186BB7;
    font-size: 12px;
    border-radius: 5px;
    padding: 8px 10px;
    color: #fff;
}

/*.innerPop {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    
    float: left;
}*/

.innerPop {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    /*height: 100%;*/
    float: left;
    vertical-align: middle;
    overflow: auto;
}

.popupHeading {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.popupHeading .imgBx {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #72b800;
    float: left;
    display: table;
    margin-right: 20px;
}

.popupHeading .imgBx span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.popupHeading .imgBx img {
    width: 48%;
}

.popupHeading h2 {
    display: block;
    overflow: hidden;
    color: #012956;
    font-size: 34px;
    font-weight: 400;
    line-height: 38px;
    text-transform: capitalize;
    margin-top: 1%;
}

.innerPop p {
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 400;
    color: #000;
}

.innerPop .rowSpace {
    margin-bottom: 30px;
}

.innerPop .back-icon {
    height: 54px;
    line-height: 54px;
}

.innerPop .btn-wrapper .default-btn {
    line-height: 54px;
    min-width: 185px;
}

.innerPop .default-btn {
    font-size: 17px;
}

.innerPop .next-icon {
    height: 54px;
    line-height: 54px;
}

/******page120***/

.popupHeading .labelH3 {
    padding-right: 15%;
    overflow: hidden;
}

.attendees-block {
    display: inline-block;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background-color: #0b59bb;
    background-image: url(../images/icons/tester-profile-icon.png);
    background-repeat: no-repeat;
    background-position: 100% 75%;
    background-size: 60%;
    position: relative
}

.attendees-block h3 {
    color: #fff;
}

/**
 * Show selected elements in green
 */

.prefferdmethods ul[dnd-list] li.selected {}

.prrow1 {
    display: inline-block;
    width: 10%;
    position: relative;
    top: -15px;
    text-align: center;
}

.prrow2 {
    display: inline-block;
    width: 48%;
    position: relative;
    top: -15px;
    text-align: center;
}

@media screen and (max-width: 568px) {
    .prrow2 {
        width: 60%;
        top: 5px;
        float: left;
    }
    .prrow3 {
        top: 0px;
    }
    .prrow1 {
        top: 0px;
    }
}

.prrow3 {
    display: inline-block;
    width: 10%;
    text-align: center;
}

.prrow4 {
    display: inline-block;
    width: 30%;
    position: relative;
    top: -15px;
    text-align: center;
    color: #CECECE;
}

.bold {
    font-weight: bold;
    text-align: center;
}

.SOSImg {
    color: #00ABCE;
}

.linkedTabs {
    overflow-y: scroll;
    max-height: 420px;
}

.main-mand-conf {
    cursor: pointer;
    top: 95px;
    left: calc(50% - 100px);
}

.main-mand-conf .error-strip {
    padding: 0px;
}

.main-mand-conf .error-strip h4 {
    padding: 16px;
}

.main-mand-conf .circle-flex {
    position: absolute;
    float: right;
    right: 5px;
    top: 5px;
}

.main-mand-conf .s-btn-icon {
    background: #fff;
    color: #000;
    padding-left: 9px;
    width: 37px;
    height: 38px;
    padding-left: 7px;
}

.table tbody tr.mandatory-confirm:nth-child(odd) td, .table tbody tr.mandatory-confirm td {
    background: #991918!important;
}

.table tbody tr.mandatory-confirmed:nth-child(odd) td, .table tbody tr.mandatory-confirm td {
    background: #4B6222 !important;
}

.conference_number {
    color: #000000;
}

@media screen and (max-width: 568px) {
    .prrow2 {
        width: 60%;
        top: 0px;
    }
    .prrow3 {
        top: 0px;
    }
    .prrow1 {
        top: 0px;
        width: 15%;
    }
    .main-mand-conf .s-btn-icon {
        padding-left: 12px;
        padding-top: 7px;
    }
    ul.header_mobile_icons {
        /* float: none;*/
        margin-left: 90%;
        /* width: 32%; */
    }
}

.mobile_activity_toolbar {
    text-align: center;
    padding-bottom: 5px;
}

.staff_directory .staff_heading_row .in_heading_left {
    width: 50% !important;
}

.staff_directory .staff_heading_row .in_heading_right {
    width: 50% !important;
}

.changemyselection {
    border-bottom: 3px solid #ffffff;
    padding-bottom: 5px;
    font-size: 14px;
    margin: 0px 5px;
    cursor: pointer;
}

.changemyselection2 {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px;
    font-size: 20px;
    text-align: center;
    margin: 0px 5px;
    cursor: pointer;
    width: 92px;
    display: inline-block;
    background: #64c100;
    color: #fff;
    transition: all 0.5s ease 0s;
}

.confirmation_msg_ans_content {
    font-weight: bold;
    text-transform: capitalize;
}

.inbox_audit_circle {
    background-color: #499524;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%;
}

.inbox_message_subject {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
    display: inline-block;
}

.confirmation_msg_ques {
    font-weight: bold;
}

.confirmation_msg_ques_mand {
    color: #991918;
    font-weight: bold;
}

.emptybar ul.nav.nav-tabs {
    min-height: 50px;
}

.login_container .questions .log-question-containner .login_profile_heading {
    margin-top: 25px;
    padding-bottom: 20px;
}

.login_container .questions .que {
    margin-top: 10px;
}

.button_notification_confirm .model_button_left, .button_notification_confirm .model_button_right {
    width: 50%;
}

.AOCtabs div.fancy-select div.trigger {
    background: #999999;
}

.alert_pop_wrap .model_head .green {
    color: #FFF;
    background: #4EA347;
    margin-bottom: 10px;
    border-radius: 5px;
}

.slide-setting-details li:last-child {
    border-bottom: 1px solid #cccccc !important;
}

table.incidentNotificationView {
    font-family: arial;
    border-collapse: collapse;
    width: 100%;
}

.small_btn_ {
    width: 100%;
    padding-top: 16px;
}

.small_btn_1 {
    width: 100%;
    padding-top: 25px;
}

.incidentNotificationView td, th {
    border: 1px solid #eeeeee;
    text-align: left;
    padding: 8px;
    border-bottom: 1px solid #000000;
    color: black;
}

.incidentNotificationView td, th {
    color: white;
}

.incidentNotificationView tr:nth-child(even) {
    background-color: #eeeeee;
}

.labelNoti {
    display: inline-block;
    width: 150px;
    color: #333333;
    font-weight: 700;
}

.notiDetails {
    margin-top: 40px;
    color: black;
    font: 14px Arial;
    margin-bottom: 20px;
}

.notiTableDetails {
    color: black;
    font: 14px Arial;
    margin-bottom: 20px;
}

.archiveIcon {
    font-size: 50px !important;
}

.column {
    float: left;
    width: 20%;
    padding: 5px;
}

/* Clear floats after the columns */

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

.recipentsStatus {
    margin-right: 2px;
}

.recipientPhoneNumber {
    font: 14px Arial !important;
}

.recipientTitles {
    display: inline-block;
    width: 35%;
}

.recipents div:nth-child(2) {
    margin-left: 0px !important;
}

.recipientPhoneNumberDiv {
    display: block;
}

.labelColor {
    color: #B72018;
    font: 12px Arial;
    font-weight: 700;
    line-height: 18px;
}

.labelLayout {
    width: 67px;
}

.valueColor {
    color: black;
    font: 12px Arial;
    line-height: 18px;
}

.valueLayout {
    width: 112px;
}

.fa-med {
    font-size: 20px !important;
}

@media screen and (max-width: 479px) {
    .labelLayout {
        width: 80px;
    }
    .valueLayout {
        width: 145px;
    }
    .venueListTabheader {
        height: 35px;
    }
}

.labelColor p {
    padding-top: 10px;
}

.valueColor p {
    padding-top: 10px;
}

.conferenceLayout {
    /*     border-top: 1px solid black; */
    border-bottom: 1px solid black;
    padding-bottom: 10px;
}

.conferenceNumber {
    font-size: 22px;
}

.conferenceNumberLayout {
    width: 80%
}

.joinBtn {
    width: 20%;
    min-width: 80px;
}

.accessCode {
    font: 20px Arial;
    font-weight: 700;
}

.dateDurationLayout {
    float: left;
    width: 96px;
}

.dateValueLayout {
    width: 30%;
}

.attendeesDetials {
    color: black !important;
}

.incident-victim-tabs.attendeesLayout .left-col1 {
    background: lightgray !important;
}

.incident-victim-tabs.attendeesLayout .left-col1 .content-block {
    color: black;
}

.attendeesImage {
    border-radius: 50%;
    overflow: hidden;
    width: 70px !important;
    height: 70px !important;
    margin-top: 8px;
    margin-left: 8px;
    background: none !important;
}

.statusBtn {
    min-width: 98px;
    padding: 5px;
    color: white;
    cursor: default;
}

.staff_text_detail .btn-group .unlinkMe button {
    background: #B72018 !important;
}

.conferenceTitle {
    width: 88%;
    float: left;
}

.mySelect.blue-bg-btn .select-box .dropdown-toggle {
    background: #0b59bb;
    color: #fff;
    margin-top: 3%;
}

.commsIconConference {
    font-size: 20px !important;
    margin-top: 10px;
}

.recipientPhone {
    margin-bottom: 5px;
    font: 12px Arial
}

.recipientPhone .fa-mobile {
    margin-right: 10px !important;
}

.noLinkedInfo {
    background: #B72018;
    padding: 20px 10px 10px;
    border-radius: 5px;
}

.lastUpdatedOffenders {
    font-size: 20px !important;
}

.btn-wrapper button {
    padding: 5px 15px 5px 5px;
    text-align: center;
    min-width: 200px;
    line-height: 60px;
    margin-left: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.btn.next-step-btn {
    padding: 5px 5px 5px 15px;
    float: right;
}

.saveBtn {
    width: 88px !important;
    text-align: center;
}

.btn-wrapper button .next-icon {
    background: #333231 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    float: right;
    font-size: 35px;
    height: 60px;
    line-height: 60px;
    width: 60px;
    margin-left: 10px;
}

.btn-wrapper {
    float: left;
    width: 100%;
    margin-top: 4%;
}

.btn-wrapper button {
    padding: 5px 15px 5px 5px;
    text-align: center;
    min-width: 200px;
    line-height: 60px;
    margin-left: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.btn-wrapper button:first-child {
    margin-left: 0;
}

.radioclass_ {
    margin-top: 7%;
}

.testarea_class {
    margin-top: 23%;
}

.conferenceComms {
    left: auto!important;
    top: auto!important;
}

/* .notes_wrap_text.conference_comms_text:before{
    left: 128px !important;
    top: 29% !important;
} */

/* .next_line .notes_wrap_text.conference_comms_text:before{
    right: 128px!important;
    top: 50%!important;
} */

.notes_wrap_text.conference_comms_text:before {
    left: auto!important;
    top: auto!important;
    margin-top: 27px;
    margin-left: -25px;
}

.conference_comms_text h3 {
    margin-bottom: 0px !important;
}

.next_line .notes_wrap_text.conference_comms_text:before {
    /* right: 129px!important; */
    top: auto!important;
}

.next_line .notes_wrap_img.conference_comms_img {
    right: 25px!important;
}

.oneWholeCommsDiv {
    padding-top: 10px;
}

.global_Load_head .mobile_activity_toolbar .icon {
    float: none!important;
}

#header .fa-refresh {
    color: #FFF;
    font-size: 24px !important;
    padding-top: 7px;
}

.close_faq_btn {
    color: #B72018;
    float: right;
}

.rightSideBtn {
    width: 232px !important;
}

.activitySite {
    width: 100%!important;
    height: auto;
    float: none!important;
    position: relative;
}

.email_overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 120px;
    display: inline-block;
    text-overflow: ellipsis;
}

.giveMeEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    font: 18px Arial!important;
    /* line-height: X;       
    max-height: X*N;    */
}

.no_results {
    color: #000;
}

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

.someTab {
    position: relative;
}

.task-highlight {
    background: #999999;
    margin-top: 5px;
    padding-left: 10px !important;
}

.task-highlight .asignList p span {
    color: #4a4947;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /*16:9*/
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container object, .video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inner-sos-types {
    display: inline-block;
    padding: 10px;
    text-align: center;
}

.sos-types-img {
    width: 55px;
    margin-top: 12px;
    margin-left: 0px;
}

.user-dashboard .sos-types-txt {
    font-size: 12px;
    font-weight: normal;
}

.slide-to-unlock {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 400px;
    height: 80px;
}

.slide-to-unlock .dragdealer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    background: none;
    height: auto;
}

.slide-to-unlock .handle {
    height: 100%;
    border-radius: 0;
}

.slide-to-unlock .disabled {
    background: none;
}

.slide-to-unlock .slide-text {
    position: absolute;
    top: 0;
    height: 80px;
    font-size: 30px;
    line-height: 80px;
    text-align: center;
}

.old-slider {
    border-radius: 16px;
    background: #222;
    background-image: -webkit-linear-gradient(top, #111 0%, #333 100%);
    background-image: -moz-linear-gradient(top, #111 0%, #333 100%);
    background-image: -o-linear-gradient(top, #111 0%, #333 100%);
    background-image: linear-gradient(to bottom, #111 0%, #333 100%);
}

.old-slider .dragdealer {
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}

.old-slider .slide-text {
    right: 0;
    width: 290px;
    height: 70px;
    color: #999;
    line-height: 70px;
    cursor: default;
    font-size: 14px;
}

.old-slider .handle {
    width: 100px;
    border-radius: 12px;
    background: #ccc;
    background-image: -webkit-linear-gradient(top, #f1f1f1 0%, #aaa 100%);
    background-image: -moz-linear-gradient(top, #f1f1f1 0%, #aaa 100%);
    background-image: -o-linear-gradient(top, #f1f1f1 0%, #aaa 100%);
    background-image: linear-gradient(to bottom, #f1f1f1 0%, #aaa 100%);
}

.silde-dashboard {
    background: none !important;
    width: 100% !important;
}

.silde-dashboard-p {
    display: inline;
    vertical-align: super;
    padding-left: 15px;
}

.search-tab {
    display: inline-block;
    background: #4D4C4B;
    padding: 5px 10px;
    border: #000;
    margin-left: -5px;
    font-weight: bold;
    position: relative;
    z-index: 99;
    /* z-index: 9999; */
}

.search-tabs {
    margin-left: 19px;
    margin-bottom: -7px;
}

.srch-box2 {
    background: #4D4C4B;
    box-shadow: none;
    padding: 10px;
}

.search-tab.active {
    background: #000;
}

.offender-add-linked {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 30px;
    height: 30px;
    display: block;
    background-size: 30px;
    background: #000;
    z-index: 999;
}

.conference table tr {
    line-height: 4;
}

.conference table tr td {
    vertical-align: middle;
}

.sub_btn {
    width: 200px;
    float: right;
}

.conference_date_time {
    width: 15%;
    float: left;
    margin-right: 3px;
}

.date_pic {
    margin-top: 14px;
}

.date_picc {
    width: 68%
}

@media screen and (max-width: 479px) {
    .labelLayout {
        width: 80px;
    }
    .valueLayout {
        width: 145px;
    }
    .dateDurationLayout {
        width: 104px;
    }
    .dateValueLayout {
        width: 38%;
    }
}

div.inmailrow {
    display: flex;
}

div.inmailbtnleft {
    width: 100%;
    min-width: 45%;
    display: inline;
}

div.inmailbtnright {
    width: 100%;
    min-width: 45%;
    margin-left: 36px;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

/* Mail To Css */

.mailtodropdown .select2-with-searchbox {
    border-radius: 5px;
}

.mailtodropdown .select2-with-searchbox ul li {
    line-height: 2;
    font-size: 15px;
}

.profile_img_ {
    display: block;
    margin: auto;
    width: 100%;
}

input[type="date"] {
    display: block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
}

.currentlyOnline {
    color: #A4C835 !important;
}

#staffDetail .employee_dteails_wrap ul li:nth-child(2) {
    /* display: none; */
}

#addStaffSection .employee_details-tabs ul li:nth-child(2) {
    /* display: none; */
}

#addStaffSection .employee_details-tabs ul.dropdown-menu li:nth-child(2) {
    display: block
}

.global-v-o-w #content h1.white_text {
    color: white !important;
}

/*  #staffDirectory .incident_lists_wrapper{
     display: none !important;
 }
 #staffDirectory .staff_tabs{
    display: none !important;
}
 #staffDirectory .staff_select_wrapper{
    display: none !important;
}
#staffDirectory .staff_cols .access_level_wrap{
    display: none;
} */

.human_body {
    width: 78%;
    margin-left: 17%;
    height: 100%;
}

.injuri_tittle {
    width: 56%;
    float: right;
}

.category_btn_left_ {
    width: 42%;
    float: left;
    margin-right: 20px;
    margin-top: 20px;
}

.human_tittle {
    float: left;
    width: 100%;
    margin-top: 30px;
}

/* .head {
   
    position: absolute;
    color: #000;
    top: 11%;
}
 */

.body_part {
    font-size: 16px;
    width: 145px;
    /* float: left; */
    Z-INDEX: 9999;
    margin: 48px 0px;
}

.body_part:hover {
    color: #fff;
    cursor: pointer;
}

.white {
    color: #fff;
}

.allbodypart {
    float: left;
    width: 0%;
    Z-INDEX: 99;
    POSITION: RELATIVE;
}

/* .body1 {
    position: absolute;
    color: #000;
    top: 23%;
}

.left_arm {
    position: absolute;
    color: #000;
    top: 33%;
}

.right_arm {
    position: absolute;
    color: #000;
    top: 38%;
}

.left_leg {
    position: absolute;
    color: #000;
    top: 42%;
}

.right_leg {
    position: absolute;
    color: #000;
    top: 50%;
} */

.teaxtarea_text {
    float: left;
    width: 100%;
    height: 50px;
}

.teaxtarea_ {
    float: left;
    width: 100%;
    height: 121px;
}

.titel_val {
    width: 100%;
    float: left;
    margin: 20px 0px;
}

#ck-button label span {
    text-align: center;
    padding: 9px 0px;
    display: block;
    background-color: #999999;
    margin: 0px 10px;
}

#ck-button label input {
    /* position: absolute; */
    /* top: -20px; */
    /* opacity: 5px;*/
    opacity: 0;
}

#ck-button input:checked+span {
    background-color: #64c100;
    color: #fff;
}

.human_class {
    width: 50%;
    float: left;
    /* border-color: #999999; */
    /* background: #999999; */
    /* padding: 10px; */
}

.subdivquestion .dropdown-menu {
    display: block;
    position: relative;
    z-index: 2;
}

.day_selection {
    float: left;
    width: 100%;
    margin-top: 13px;
}

.question-main-container {
    float: left;
    width: 100%;
    margin-top: 5px;
}

div.category_class_btn_new {
    width: 46%;
}

div.radiocatbutton1 {
    margin-top: 21px;
}

div.radiocatbutton2 {
    margin-top: 32px;
}

.offender_add h4 {
    color: #fff ! important;
}

.lastUpdatedOffenders {
    font-size: 20px !important;
}

.btn-wrapper button {
    padding: 5px 15px 5px 5px;
    text-align: center;
    min-width: 200px;
    line-height: 60px;
    margin-left: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.btn.next-step-btn {
    padding: 5px 5px 5px 15px;
    float: right;
}

.saveBtn {
    width: 88px !important;
    text-align: center;
}

.btn-wrapper button .next-icon {
    background: #333231 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    float: right;
    font-size: 35px;
    height: 60px;
    line-height: 60px;
    width: 60px;
    margin-left: 10px;
}

.btn-wrapper {
    float: left;
    width: 100%;
    margin-top: 3%;
}

.pullfromdate ul {
    margin: 2%;
}

.pullfromdate ul li {
    line-height: 2.3;
}

.pullfromdate ul li input {
    margin-top: -2px;
}

.btn-wrapper button {
    padding: 5px 15px 5px 5px;
    text-align: center;
    min-width: 200px;
    line-height: 60px;
    margin-left: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.btn-wrapper button:first-child {
    margin-left: 0;
}

.radioclass_ {
    margin-top: 4%;
}

.radioclass_ input {
    margin-top: -2px;
}

.innerPop .savebtn .bback-icon {
    float: right;
    margin-right: -10px;
}

.innerPop .col-xs-12, .btn-wrapper .col-sm-12 {
    padding-right: 0px;
}

.nya-bs-select button.dropdown-toggle .caret {
    margin-top: -10px;
}

.testarea_class {
    margin-top: 3%;
    float: left;
    width: 100%;
}

.delete_icon span.fa-trash {
    font-size: 47px;
}

.delete_icon {
    margin: 6px 28px;
    float: right;
    text-align: right;
    margin: 6px;
}

.default_btn_ {
    width: 22%;
    float: right;
}

div.Topradioddisp {
    float: left;
    margin-top: 5%;
}

div.bottomradioddisp {
    float: left;
    margin-top: 6%;
}

.radio_button_disp input {
    margin-top: 0px;
}

.queried_class {
    float: left;
    width: 100%;
    margin: 14px 0px 0px;
}

.reason_class, .document_req {
    float: left;
    width: 100%;
    margin: 18px 0px 11px;
}

.reason_class h4, .document_req h4 {
    float: left;
    /* width: 100%;*/
    margin: 0px 0px 8px;
    color: #000;
}

.reason_class input, .document_req input {
    margin-top: 0px;
}

.smallPopup .col-md-12, .smallPopup .col-xs-12 {
    padding-right: 0px;
}

.delete_events li {
    float: left;
    width: 100%;
    margin: 8px 0px;
}

.delete_events li input {
    margin-top: 0px;
}

.button.activenewbt {
    background: #64c100 ! important;
}

.btn_new {
    float: left;
    width: 31% ! important;
    ;
    margin: 0px 4px;
}

.new_btn {
    float: left;
    width: 31% ! important;
    ;
    margin: 0px 4px;
}

.radoi_s {
    float: left;
    margin: 10px 0px;
}

.btnvv {
    display: table;
    float: left!important;
}

.lookup {
    float: right;
    width: 20px;
    font-size: 20px;
    margin-top: 10px;
}

.tabel_div {
    width: 62px !important;
    float: left;
}

.tabel_div1 {
    width: 88px !important;
    float: left;
}

.tabel_td {
    width: 99px;
}

.event_cal_new_class .fc-basic-view tbody .fc-row {
    height: 0px ! important;
    min-height: 2em ! important;
}

.event_cal_new_class #myCalendar {
    width: 368px ! important;
}

.whole-main-div {
    width: 100%;
    float: left;
    margin: 53px 0px;
}

.whole-main-div .event_cal_new_class {
    width: 50%;
    float: left;
}

.whole-main-div .ViewEventClass {
    width: 50%;
    float: left;
}

.whole-main-div .ViewEventClass table {}

.whole-main-div h5 {
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0px;
}

.whole-main-div .ViewEventClass table tr td, .whole-main-div .ViewEventClass table tr th {
    border: 1px solid #eeeeee;
}

.whole-main-div .ViewEventClass table tr th {
    background: grey;
    color: #fff;
    padding: 11px;
}

.whole-main-div .ViewEventClass table tr td {
    background: #000;
    color: #fff;
    padding: 11px;
}

.whole-main-div .ViewEventClass table tr td.active {
    background: green;
}

.whole-main-div .ViewEventClass table tr th.firsth, .whole-main-div .ViewEventClass table tr td.firsttd {
    background: rgb(175, 47, 47);
    font-weight: bold;
}

.whole-main-div .ViewEventClass table tr th.firsth {
    width: 87px;
}

.tabel_scrol {
    height: 267px;
    overflow: auto;
}

.event_cal_new_class .fc-right button {
    background: none;
    box-shadow: none;
    color: #fff;
    border: none;
    outline: none;
}

.event_cal_new_class .fc-left button {
    background: no-repeat;
    box-shadow: none;
    border: none;
    color: #fff;
    outline: none;
}

.event_cal_new_class .fc-toolbar {
    background: #af2f2f;
    font-size: 17px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 0px;
}

.event_cal_new_class .fc-center h2 {
    font-size: 15px!important;
    padding: 10px 0px;
}

.event_cal_new_class .fc th, .fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
    /* border-top: none; */
    color: #fff;
}

.event_cal_new_class .fc-month-view {
    padding: 0px
}

.addactivate {
    background: green !important;
}

.dontshow {
    display: none !important;
}

.mymobiletable table, .mymobiletable thead, .mymobiletable tbody, .mymobiletable th, .mymobiletable td, .mymobiletable tr {
    display: unset ! important;
}

table.mymobiletable td, table.mymobiletable th {
    padding: 15px 16px;
}

table.mymobiletable td.type_td_class {
    display: block ! important;
}

table.mymobiletable td, table.mymobiletable th, table.mymobiletable tr {
    border: none ! important;
}

.row-class-div .column2 span.date_picc {
    width: 63%;
}

.conference table {
    margin: auto;
    width: 66%;
}

.row-class-div .colomn2 {
    float: left;
    width: 65%;
}

.tableViewMobile {
    float: left;
    width: 100%;
}

.row-class-div {
    float: left;
    width: 100%;
    padding: -3px;
    margin: 7px 0px;
}

.row-class-div .column1 {
    float: left;
    width: 35%;
}

.row-class-div .colomn2 .date_pic {
    margin-top: 0px;
}

.incident-mobile-list .off-hover .view-detail a {
    height: 80px !important;
    width: 80px !important;
    margin: 0px 10px;
}

.incident-mobile-list .off-hover .view-detail a .fa-lg {
    font-size: 1.7em;
    line-height: 2em;
}

.week_drop {
    width: 10%;
}

.tempHideAlertBar {
    display: none;
}

.searchbyflname {
    width: calc( 100% - 40px);
    background: #fff;
    color: #000;
    border-radius: 5px;
}

.search-btn.first-name-search, .search-btn.last-name-search {
    width: 45%;
    display: inline-block !important;
    padding-right: 0px !important;
}

.search-btn.first-name-search:focus, .search-btn.last-name-search:focus {
    outline: none;
}

.main-search-outer {
    padding: 5px;
    height: 40px;
    background: #373737;
    position: relative;
    top: 38px;
    width: 100%;
}

.filter_cog1 {
    position: relative;
    right: 0px;
    float: right;
    margin-top: 75px;
}

.popOverlinks-subtitle {
    font-size: 10px;
    color: #A6A6A6;
    display: block;
    padding: 5px;
    padding-left: 30px;
}

.popover__content.activePopOver .popOverlinks i.fa {
    padding-right: 10px;
}

.dashboard-title-icon {
    padding-right: 10px;
}

.arrow-topAdjust2 {
    top: 165px;
}
.arrow-topAdjust3{
    top: 193px;
}

.absence_list {
    width: 100%;
    float: left;
}

.popupWrapTraingEvent .innerPop {
    width: 100%;
}

.absenceSickness {
    float: left;
}

.absenceSickness .radioclass_ {
    margin-top: 4.8%;
}

.absenceSickness div.bottomradioddisp {
    margin-top: 6.7%;
}

.staff_directory .staff_tabs li a.active_ho {
    border-bottom: 2px solid rgb(29, 241, 10) !important;
}

.titleconditionhide {
    display: none;
}

.defaulttitlediv {
    font-size: 25px;
    font-weight: 400;
}

.staff_directory .staff_tabs li a.active_ab {
    border-bottom: 2px solid #FF0000 !important;
}

.default_calendar label {
    color: #000;
    position: absolute;
}

.default_calendar .select-box {
    margin-top: 10px;
}

.default_calendar {
    margin-top: 14px;
}

.default_calendar .mySelect.blue-bg-btn .select-box .dropdown-toggle {
    margin-top: 1%;
}

.cal_title {
    text-align: center;
    width: 100%;
    /* float: left; */
    position: absolute;
    top: 7px;
}

.absentee {
    background: #0b59bb;
    color: #fff;
    margin-top: 2%;
    padding: 8px;
    border-radius: 4px;
}

.offender_wrapper .subdivquestion .dropdown-menu {
    min-width: 100%;
}

.alert_pop_wrap.injury_popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: transparent;
    animation: .5s alert-flyin;
}

.alert_pop_wrap.injury_popup .saveIncidentPopupWrap {
    max-width: 890px;
    width: 100%;
    margin: 0px auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 770px;
    max-height: 76vh;
}

.alert_pop_wrap.injury_popup .model_wrapper1 {
    border-radius: 10px;
    padding: 20px;
    height: 100%;
    float: left;
    overflow: auto;
    background: #888888;
}

.alert_pop_wrap.injury_popup .incident_report_tab {
    background: transparent;
}

.ng-hide-add-active {
    display: none !important;
}

/* Key holder Css */

.staff_directory .staff_details_wrap .staff_cols.keyholders_list {
    width: 66.66%;
}

@media only screen and (max-width: 479px) {
    .alert_pop_wrap.injury_popup .saveIncidentPopupWrap {
        left: 0px;
    }
    .staff_directory .staff_details_wrap .staff_cols.keyholders_list {
        width: 100%;
        margin-bottom: 30px;
    }
    .staff_cols .right_initial ul {
        overflow: hidden;
    }
}

.staff_cols.keyholders_list .left_name {
    width: 92%;
}

.staff_cols.keyholders_list .left_name {
    width: 92%;
}

.staff_cols.keyholders_list .right_initial {
    width: 8%;
}

.staff_cols.keyholders_list .left_name ul li {
    border-bottom: 1px solid #fff;
    padding: 0px 0px 3px 0px;
    float: left;
}

.staff_cols.keyholders_list .left_name ul li .coloum1 {
    width: 35%;
    float: left;
}

.staff_cols.keyholders_list .left_name ul li .coloum2, .staff_cols.keyholders_list .left_name ul li .coloum3, .staff_cols.keyholders_list .left_name ul li .coloum4 {
    width: 21%;
    float: left;
}

.trash_btn:hover {
    cursor: pointer;
}

a._720kb-datepicker-calendar-day:hover, a._720kb-datepicker-calendar-day._720kb-datepicker-active {
    background: blue;
    color: #fff;
}

.incident_report_details .inc_wrap ul li.parent_question {
    margin: 10px 0px 0px 0px!important;
}

.incident_report_details .inc_wrap ul li:not(.parent_question) {
    margin: 0px!important;
}

.subtab {
    overflow: hidden;
    /* border: 1px solid #ccc; */
    background-color: #777;
}

.subtab button {
    /* background-color: inherit; */
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

.subtab button:hover {
    background-color: transparent;
    text-decoration: underline;
    color: white;
}

/* Create an active/current tablink class */

.subtab button.active {
    background-color: transparent;
    text-decoration: underline;
    color: white;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    /* border: 1px solid #ccc; */
    border-top: none;
}

.subtabContent tr td {
    padding: 10px;
}

.subtabContent {
    height: 395px;
    overflow-y: scroll;
}

.form-group.error_msg_ {
    /* Ticket 31272 fix for multi date field position shift*/
    margin-bottom: 5%;
}

.venue_dropdown_color_square {
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: 8px;
}

a.Comms_view_icon {
    margin-top: 7px;
}

/* a.Comms_view_icon i {
    line-height: 1.2;
} */

/* -------- tablet style --------- */

@media screen and (min-width:768px) and (max-width:1024px) {
    .filterResult {
        margin-right: 0px!important;
    }
    #header .fa-power-off {
        padding-right: 0px !important;
    }
    .dahboard-icon, .security-icon, .employment-icon, .resources-icon, .reporting-icon, .calender-icon {
        margin-right: 7%!important;
    }
    .task-nbar {
        margin-right: 190px!important;
    }
}

.orange_select2.myProfileModule .nya-bs-select .dropdown-toggle .caret {
    display: none !important;
}

.clickDisabled {
    pointer-events: none;
    /* //This makes it not clickable */
    opacity: 0.8;
    /* //This grays it out to look disabled */
}

/* .side-panel-labels a p::first-letter {
    text-transform: uppercase;
} */

/*.af_search_listing ul{text-align:center;}*/

.data_col2 span.error-mes {
    z-index: 99;
    width: 100%;
    margin-top: 6px;
    position: relative;
    top: 0px;
}

.error-heading{
    top: 10px!important;
    left: 5px!important;
}

.popopupcont {
    overflow: auto;
    float: left;
    width: 100%;
}

.model_area.faqsmodal_area {
    max-height: 400px;
    overflow: auto;
    height: 100%;
}

.human_multi_image {
    float: left;
    width: 44%;
}

.testhight {
    margin-top: 20px;
}

#incidenctCreateMainId .incident_report_wrapper div#310 {
    margin-top: -40px!important;
}

#incidenctCreateMainId .incident_report_wrapper .offender_add h3, #incidenctCreateMainId .incident_report_wrapper .of_detail_view .offender_details h3 {
    font-size: 18px!important;
}

ol.nya-bs-select:not([multiple]) .bs-actionsbox.bs-toolsbox.hidden {
    display: none!important;
}

/* calenderModule */

.calenderWidget th, .calenderWidget td {
    border: 1px solid #dce2e4;
    border-collapse: collapse;
    background-color: white;
    color: black;
    padding: 20px;
}

.eventBox {
    /* border: 1px solid; */
    /*  height: 50px; */
    /* border-left: 2px solid green; */
    margin: 0 0 5px 0;
    overflow: hidden;
    padding: 5px 5px 7px 7px;
    box-sizing: border-box;
    /* border-left: 3px solid #ddd; */
    background-color: #fff;
    background-color: rgba(255, 255, 255, .7);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: right top
}

#week-picker-wrapper .datepicker .datepicker-days tr td.active~td, #week-picker-wrapper .datepicker .datepicker-days tr td.active {
    color: #fff;
    background-color: #04c;
    border-radius: 0;
}

#week-picker-wrapper .datepicker .datepicker-days tr:hover td, #week-picker-wrapper .datepicker table tr td.day:hover, #week-picker-wrapper .datepicker table tr td.focused {
    color: #000!important;
    background: #e5e2e3!important;
    border-radius: 0!important;
}

.addstaffToCalender {
    border: 1px solid rgb(207, 96, 96);
    border-collapse: collapse;
    background-color: white;
    color: black;
    width: 13%;
    min-height: 50px;
}

.orange_select.plussign .btn.btn-default.dropdown-toggle span {
    display: none;
}

.orange_select.plussign .btn.btn-default.dropdown-toggle {
    background: transparent!important;
    border: none;
}

.plusIcon {
    position: absolute;
    margin-top: 15px;
    margin-left: -60px;
}

.eventDelete {
    display: none;
}

.eventBox :hover i {
    display: block!important
}

.calenderWidget {
    /* margin-bottom: 30px; */
    margin-top: -1px;
    table-layout: fixed;
}

.calenderWidget tr td, .calenderWidget tr th {
    border: 1px solid #dce2e4;
    /* vertical-align: top; */
    vertical-align: middle;
    padding: 5px;
    /* text-align: left; */
    font-weight: normal;
    background-clip: padding-box;
}

.calenderWidget th {
    background-color: #f0f0f0;
    text-align: center;
}

.calenderWidget .staffShiftTime {
    font-weight: bold;
    font-size: .9em;
    margin: 0 5px 0 0;
    white-space: normal;
}

.shiftEvent {
    margin: 0 0 5px 0;
    overflow: hidden;
    padding: 5px 5px 7px 7px;
    box-sizing: border-box;
    /*  border-left: 3px solid #ddd; */
    background-color: #fff;
    background-color: rgba(255, 255, 255, .7);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: right top;
}

.calenderWidget tr.calenderRowOpen td {
    border-bottom-width: 3px;
}

.staffHolder {
    background-color: #fbfbfb;
    padding: 1px !important;
}

.calenderStaffDetails {
    min-height: 60px;
    padding: 10px 5px 12px 13px;
    box-sizing: border-box;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
}

.shiftEvent:last-child {
    margin-bottom: 0;
}

.calenderShiftRole {
    color: #b0b3b7;
}

.calenderWorkRole {
    color: red;
}

.publishcalenderShiftRole {
    color: black !important;
}

.calenderHeader th b.larger {
    font-size: 1.3em;
    margin: 0 3px 0 3px;
}

.shiftInfo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 440px;
    background-color: #fff;
    border: 2px solid #1d466c;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.shiftInfo h2 {
    color: #1d466c!important;
    font-weight: 600!important;
    font-size: 1.5em!important;
}

.shiftInfo table {
    width: auto!important;
}

.shiftInfo .shiftInfoIcon {
    text-align: center!important;
    width: 25px!important;
    padding: 14px 14px 0 0 !important;
    vertical-align: top!important;
}

.shiftInfo table tr td {
    padding: 5px 0 5px 0!important;
    vertical-align: middle!important;
    border: 0!important;
}

.shiftInfo #shiftInfoSubmitTime {
    width: 175px!important;
}

#shiftInfoSubmitTime, #shiftInfoSubmitBreak, #shiftInfoSubmitNotes {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
    -webkit-user-select: auto!important;
    width: 100%!important;
    display: block!important;
    box-sizing: border-box!important;
    font-size: 1.0em!important;
    outline: none!important;
    resize: none!important;
    border: 1px solid #d5dcdf!important;
    padding: 8px 10px 9px 10px!important;
    background-color: #fff!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
}

:placeholder-shown {
    color: #b0b3b7!important;
}

.lighter {
    color: #b0b3b7;
}

.shiftInfo table tr td.alignRight {
    font-weight: bold;
    text-align: right;
    padding: 13px!important;
}

.inputUnits {
    margin: 10px 0 0 10px;
    font-style: italic;
}

.floatLeft {
    float: left;
    display: inline;
}

.shiftInfo #shiftInfoSubmitBreak {
    width: 43%;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
}

.shiftInfo #shiftInfoSubmitNotes, .shiftInfo #shiftInfoSubmitRole, .shiftInfo #shiftInfoSubmitEmployee {
    width: 360px;
}

.shiftInfo #shiftInfoSubmitNotes {
    height: 97px;
}

.rotaEmployee .rotaEmployeeAvatar {
    /* position: absolute; */
    float: left;
    top: 10px;
    left: -22px;
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.rotaShift p, .rotaEmployee p {
    /* line-height: 1.2em;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
    text-align: left!important;
}

#div1 {
    width: 350px;
    height: 70px;
    padding: 10px;
    border: 1px solid #aaaaaa;
}

.workUnderline {
    border-bottom: 2px dotted;
}

.defaultEventBox {
    margin: 0 0 5px 0;
    overflow: hidden;
    padding: 5px 5px 7px 7px;
    box-sizing: border-box;
    /*  border-left: 3px solid #ddd; */
    background-color: #fff;
    background-color: rgba(255, 255, 255, .7);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: right top;
}

.shiftInfoDate input[type="date"] {
    padding: 6px 6px;
    border: none;
}

.shiftInfoDate button.btn.btn-rm {
    background: #1d466c;
    color: #fff;
    margin: 0 -5px !important;
}

.grp_names {
    background-color: #f0f0f0;
    /* text-align: center; */
    border: 3px solid #dce2e4;
    /* vertical-align: top; */
    vertical-align: middle;
    padding: 5px;
    /* text-align: left; */
    font-weight: normal;
    background-clip: padding-box;
    color: black;
}

.hide_show_grp_list {
    display: none;
}

.nya-bs-select.btn-group.toolListDropDown .dropdown-menu.inner {
    height: calc(100% - 108px);
}

/* .nya-bs-select.btn-group .dropdown-menu {
    top: 20%;
    left: 22.5%;
    height: 60%;
    width: 55%
} */

.last_updated_holder {
    float: right;
    margin-bottom: 10px;
    color: #ffffff!important;
}

#content .detail_view_name_holder h1 {
    color: #ffffff !important;
}

.staff_directory .staff_heading_row .heading_right .left_text_box.searchbx {
    width: 100%;
    float: left;
}

.staff_directory .staff_heading_row .heading_right .left_text_box.searchbx .srch-box2 {
    float: left;
    width: 62%;
}

#incidenctCreateMainId .add_offender_form {
    margin-top: -40px;
}

#incidenctCreateMainId .add_offender_form .offender_global_head .text_form {
    margin-top: 0px!important;
}

.staffMiniProfileVenuesList {
    color: #FFFFFF;
    max-height: 325px;
    float: left;
    position: relative;
    overflow-x: auto;
    margin-bottom: 10px;
}

.alert-strip {
    color: #ffffff;
    border-radius: 3px;
    float: left;
    margin: 0 auto 15px;
    padding: 15px 20px 15px 25px;
    position: relative;
    width: 100%;
    box-shadow: -1px -1px 5px #2d2c2b;
}

.alert-strip.success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-strip.information {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-strip.warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-strip.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-strip .alert-strip-icon {
    font-size: 34px;
    float: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.alert-strip .alert-strip-close {
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
}

.alert-strip h4 {
    float: left;
    padding: 5px 5px 5px 45px;
    width: 97%;
}

.shifts {
    cursor: pointer;
    color: white;
    width: 40%;
    cursor: pointer;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
    margin: 15px;
}

.video_img {
    width: 49% !important;
    float: left !important;
}

.form-control-dropDown>button {
    border: 1px solid #9a9a9a;
    margin: 10px 0px 12px;
    border-radius: 10px;
    height: 48px;
    padding-right: 40px;
}

.noti_classs {
    color: white !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

.noti_cool_class {
    color: #CECECE !important;
    width: 100%;
    float: left;
}

#Notification .data_col {
    float: left;
    width: 50%;
    text-align: left;
}

#Notification .data_col.data_col2 {
    float: left;
    width: 50%;
    margin-bottom: 12px;
}

@media only screen and (max-width: 800px) {
    .button-left-mob {
        width: 50%;
    }
    .product_tr {
        width: 100% ! important;
    }
    .product_tr td {
        width: 50%;
        float: left;
        padding-left: 0px ! important;
        display: list-item;
        border-bottom: none ! important;
    }
    td.productStockPage:before {
        top: 14px;
    }
    /* .incident_notes_wrap.task_add_notes .tab-content{
        margin-top: 10px;
    } */
}

@media only screen and (max-width: 500px) {
    #RecentLogins.incident_report_details, #sites.incident_report_details, #Region.incident_report_details {
        padding: 0px !important;
    }
    #RecentLogins.incident_report_details table, #sites.incident_report_details table, #Region.incident_report_details table {
        padding: 0px !important;
        display: table!important;
    }
    #RecentLogins.incident_report_details table tbody, #sites.incident_report_details table tbody, #Region.incident_report_details table tbody {
        display: table-row-group!important;
    }
    #RecentLogins.incident_report_details table tr, #sites.incident_report_details table tr, #Region.incident_report_details table tr {
        width: 100% !important;
        display: table-row!important;
        height: auto;
    }
    #RecentLogins.incident_report_details table tr th, #sites.incident_report_details table tr th, #Region.incident_report_details table tr th, #RecentLogins.incident_report_details table tr td, #sites.incident_report_details table tr td, #Region.incident_report_details table tr td {
        float: none !important;
        display: table-cell!important;
        width: auto !important;
        padding: 10px !important;
    }
    .prrow3.onoff_button {
        text-align: right !important;
        width: 40%;
    }
    .messageDiv table tr td {
        display: inline;
        padding-left: 0px !important;
    }
}

.dropdown_search .bs-searchbox {
    display: none;
}

.biggercheckbox {
    width: 20px;
    height: 20px;
}

.activityWallPopup {
    margin-top: -33px;
    position: absolute;
    margin-left: 84%;
    color: #B72018;
    background: white;
    border-radius: 21px;
}

/* table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
} */

/* .temporaryCommentedFromSiteCss{
    display: none;
} */

body {
    padding-top: constant(safe-area-inset-top);
    /* iOS 11.0 */
    padding-top: env(safe-area-inset-top);
    /* iOS 11.2 */
}

.downmenu ul.options.inboxclass:before {
    content: none;
}

.bookmark-right {
    margin-right: 15px;
}

p.pclass p {
    color: #fff !important;
}

.breakWord {
    overflow: hidden;
    word-break: break-all;
}

.inbox_message_subject {
    font-weight: bold;
}

.view_afteradd {
    padding-right: 0px !important;
}

.view_afteradd_text {
    text-align: left;
}

.view_afteradd .detail_view_name_holder {
    padding-right: 0px !important;
}

.submit_btn_process2 {
    padding: 21px 0px !important;
}

.quill-editor-container {
    background: #fff;
    color: #000;
}

.ql-editor {
    min-height: 200px;
}

th.broder_remove {
    border: none ! important;
}

/*keyholder screen*/

.keyholderList div.table {
    text-align: left;
    width: 100%;
    float: left;
}

.keyholderList div.table div.tr {
    width: 100%;
    float: left;
    display: flex;
}

.keyholderList div.table div.th {
    padding: 10px;
    width: 25%;
    float: left;
}

.keyholderList div.table div.td {
    padding: 15px;
    width: 25%;
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #333230;
    border-right: 1px solid #333230;
    background-color: orange;
    vertical-align: -webkit-baseline-middle;
}

.keyholderList div.table div.td .phone_usr {
    float: left;
    width: 60%;
}

.keyholderList div.table div.td .checkphone {
    float: right;
    font-size: 45px;
}

.keyholderList div.table div.td .checkphone.red {
    color: red;
}

.keyholderPopupDetails .error {
    color: red;
}

.keyholderList div.table div.td .checkphone.greeen {
    color: #64c100;
}

.keyholderList div.table div.td.no_data {
    opacity: 0.5;
}

.keyholderPopupDetails p, .keyholderPopupDetails label {
    color: #000000;
}

.keyholderPopupDetails .popup-icon {
    position: absolute;
}

.keyholderPopupDetails .popup-heading p {
    color: #ff8000;
    padding-left: 100px;
    padding-top: 20px;
    min-height: 82px;
    font-size: 30px;
}

.keyholderPopupDetails ul {
    font-size: 19px;
}

.keyholderPopupDetails ul li {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.ftb {
    width: 68%;
    float: right;
}

#staffAddDropDown.nya-bs-select .bs-toolsbox {
    display: none;
}

.lightenRow {
    color: blue !important;
}

.darkenRow {
    color: #000000!important;
}

.hideStaff {
    display: none !important;
}

.showStaff {
    display: block!important;
}

.pagination_input {
    display: none !important;
    float: right;
    margin-top: 10px;
    margin-right: 6px;
    text-align: right;
    width: 100%;
}

.pagination_input .search-btn {
    width: 50px;
    margin: 5px;
}

.det_vic_wit_venue {
    overflow: hidden;
    white-space: nowrap;
    clear: both;
    text-overflow: ellipsis;
    float: right;
    width: 59%;
}

.product_table_wrap h1 {
    color: #fff;
}

/* .hide_priority{
    display: none;
} */

/* .filters_hidden_via_css{
    display: none;
} */

/* .incident-lists .table-main table .incident_list_table tr th
{
    padding: 15px 13px!important;
} */

.injury_tabel .injury_tabel_class th, .injury_tabel .injury_tabel_class td, .injury_tabel .injury_tabel_class {
    border: 1px solid black;
}

.subquestion_class {
    padding-left: 60px;
}

.part_class {
    font-size: 20px;
}

.incident_comms_icon {
    top: 8px!important;
}

.title_font_size {
    width: 84%;
}

.title_font_size span {
    color: #ffffff !important;
}

.tab-content ul.personal_details_text li {
    padding: 7px 15px!important;
}

.input_fields_names {
    margin-top: 0px!important;
}

.task_list_table_view th {
    padding: 20px;
    color: #ffe62c;
    text-align: center;
}

.venueListTab .task_list_table_view td {
    padding: 15px;
    text-align: center;
}

.venueListTab tr.venueListTabheader.task_list_table_view {
    border-bottom: none;
}

.task_view_details {
    width: 100%!important;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
    margin-top: 0px!important;
    margin-bottom: 16px;
}

.task_add_notes {
    width: 100%!important;
    padding-left: 0px!important
}

.task_view_col {
    background: #000;
}

.notes_list_text {
    color: #ffe62c !important;
}

.task_view_yellow_bar {
    padding: 12px 30px 12px;
    color: #000000;
}

.task_view_yellow_bar_date {
    float: left;
}

.task_view_yellow_bar_status {
    float: right;
}

.notes_list {
    width: 100%!important;
    float: left!important;
}

/* .notes_list :nth-child(3) {
    margin-bottom: 10px;
    border-bottom: 1px solid white;
} */

.each_notes {
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
}

.task_desc {
    margin-top: 10px;
}

.task_left_details {
    width: 40%!important;
    border-right: 1px solid #fff;
}

.task_right_details {
    width: 55%!important;
}

.employee_details .task_left_details .data_row {
    margin: 15px!important;
}

.task_add_notes .angTabWrapper.orangeTabs .tabbable ul.nav-tabs {
    padding: 13px 23px 10px;
}

.task_view_icon {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 2.5%;
}

.task_action_icon {
    margin-top: 8px;
}

.task_add_text {
    display: inline-block;
    vertical-align: top;
    padding: 10px 0px;
}

.task_add_page .orange_select .btn.btn-default {
    padding-top: 7px;
    height: 34px;
}

.task_add_page .nya-bs-select button.dropdown-toggle .caret {
    margin-top: -16px;
}

.task_add_page .vd_wrap .rb_wrap textarea {
    height: 264px;
}

.add_new_task_left {
    width: 45%!important;
    float: left;
}

.add_new_task_right {
    width: 55%!important;
    float: left;
}

.task_add_page {
    width: 100%!important;
}

#taskPopup .model_content_text .data_row {
    padding: 0px 10px;
}

#taskPopup .model_content_text .data_row label {
    color: #000000;
}

#taskPopup .model_forms {
    margin-top: 30px;
}

.tasksChecklist .tab-content ul li {
    padding: 0px !important;
}

#taskAndCheckList .task_view_yellow_bar .option_select {
    float: right;
    margin-top: -10px;
}

#taskAndCheckList .task_view_yellow_bar .option_select span.label.ng-binding.ng-scope {
    font-size: 14px;
}

.tag-template .left-panel {
    float: left;
}

.tag-template .left-panel img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.tag-template .right-panel {
    float: left;
    margin-left: 5px;
}

.autocomplete-template .left-panel {
    float: left;
}

.autocomplete-template .left-panel img {
    width: 48px;
    height: 48px;
    vertical-align: middle;
}

.autocomplete-template .right-panel {
    float: left;
    margin-left: 5px;
    margin-top: 7px;
}

.autocomplete-template .right-panel span:first-child {
    font-size: 16px;
}

.autocomplete-template .right-panel span:nth-child(2) {
    font-size: 14px;
    color: gray;
}

.autocomplete-template .right-panel span:last-child {
    display: block;
    font-size: 14px;
    font-style: italic;
}

.tasks_lists_tabs {
    background: #222;
}

.tasks_each_lists_tabs {
    border-bottom: 1px solid #999;
}

.tasks_lists_tabs:hover .off-hover {
    opacity: 1;
    z-index: 1;
}

#taskPopup .model_content_text textarea {
    height: 337px;
}

.header_title {
    color: #ffe62c
}

.task_detail_date {
    width: 100%;
    height: 40px;
    background: #ffe62c;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.no_linked_tasks {
    padding: 10px;
}

.tab-content .tasks_each_item ul li {
    padding: 0px;
}

.task_view_yellow_bar .option_select .nya-bs-select .dropdown-toggle .caret {
    display: block
}

#timepicker:before {
    content: 'Time:';
    margin-right: .6em;
    color: #333;
}

.advancedSearchHolder .searchButton, .advancedSearchHolder .clearButton {
    width: 150px;
    float: right;
}

.advancedSearchHolder .clearButton {
    width: 150px;
    float: right;
}

.query-popover .popover-header {
    display: none;
}

.custom_text_color p {
    color: #000!important;
}

.arrow-leftAdjust {
    margin-right: 24px;
}

/* .mail_main_container.alert_and_noti h2.alertIco{
    color: #fff!important;
} */

.pdfgeneration {
    width: 168px;
    text-align: center;
    padding: 6px;
    background: #ffe62c;
    float: right;
    color: #333333;
    border-radius: 5px;
    cursor: pointer;
    font: 14px arial;
}

.ExportTabel {
    margin-top: 20px;
    float: right;
}

.ExportTabel tr {
    border-bottom: 1px solid #fff;
}

.ExportTabel td {
    padding: 10px;
}

.nyaBsSelectClose {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
}

.widget_dropdown_list {
    padding-bottom: 15px;
}

.nya-bs-select.btn-group.widget_dropdown .dropdown-menu {
    position: relative;
    top: 110%;
    left: 0;
    z-index: 1000;
    /* opacity: 0; */
    float: left;
    min-width: auto;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #F0F0F0;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    min-height: 150px;
    width: 100%;
}

.nya-bs-select.btn-group.widget_dropdown.change_language .dropdown-menu.dropdown-menu-keyclose {
    position: absolute!important
}

.nya-bs-select.btn-group.widget_dropdown .nya-bs-title-header {
    display: none;
}

.model_forms .widget_dropdown_list label {
    font: 18px Arial;
    color: #333333;
    margin-bottom: 5px;
    display: block;
    border-radius: 20px;
    font-weight: 700;
    padding-bottom: 10px;
}

.nya-bs-select.btn-group.widget_dropdown .dropdown-menu li.re_order_items a {
    cursor: move!important;
}

/* .white_selectbox.pop_slect .widget_dropdown .btn.btn-default {
    background-color: #000;
    color: #ffe62c;
    border-radius: 6px;
} */

.widget_pop_up {
    margin-top: 6%;
    overflow-y: scroll!important;
    max-height: 550px;
}

.nya-bs-select.btn-group.widget_dropdown .dropdown-menu.inner {
    overflow-y: scroll;
    max-height: 200px;
}

/* .white_selectbox .widget_dropdown .btn-default.active, .white_selectbox .widget_dropdown .btn-default:active, .white_selectbox .widget_dropdown.open>.dropdown-toggle.btn-default{
    background-color: #ffe62c !important;
    color: black
} */

.nya-bs-select.widget_dropdown button.dropdown-toggle .caret::before {
    top: 10px;
}

.white_selectbox .widget_dropdown.change_language .btn-default {
    background-color: #ffe62c !important;
    color: black
}

.change_language {
    /* max-width: 18%;
    float: right!important;
    min-width: inherit!important; */
    margin-top: 10px!important;
    margin-right: 10px!important;
    /* background-color: #ffe62c !important; */
}

.filterIcon {
    background-color: transparent!important;
    padding: 0px!important;
    margin-left: 15px!important;
}

.filterTitle {
    padding: 10px;
    color: black;
    float: left;
}

.filterInput {
    width: 95%!important;
}

.login_language {
    width: 10%;
    position: absolute;
    /* right: 40px; */
    right: 73px;
}

.login_quick_actions {
    margin-top: 19px;
}

.my_profile_language {
    width: 15%;
    position: absolute;
    right: 214px; 
    top: 10px;
}

.saveFilterOption .search-btn.search-btn-custom {
    margin-right: 0px!important;
}

.widget_drop_zone {
    cursor: move;
}

.savedFilterList {
    display: grid;
    border: 1px solid #000;
    width: 95%;
    margin-left: 36px;
    border-radius: 6px;
    margin-top: 10px;
}

.savedFilterEachItem {
    padding: 10px 0px;
    border-bottom: 1px solid #000;
    margin: 0px 10px;
}

.savedFilterList li:last-child {
    border-bottom: none;
}

.filterListHeading {
    color: #000!important;
    margin-left: 36px;
    margin-bottom: 10px;
}

.viewBtnFullWidth {
    width: 100%!important;
}

.required_field_star {
    color: #F00
}

.saved_filter_title {
    float: left
}

.saved_filter_title_action {
    float: right;
}

.error_save_filter{
    color: red;
    margin-left: 40px;
    padding-top: 7px;
}
.my_profile_language.widget_dropdown_list .widget_dropdown span.label.ng-binding.ng-scope{
    color: #000000!important;
}
.my_profile_language.widget_dropdown_list .white_selectbox.pop_slect .btn.btn-default{
    border-radius: 8px;
}
.my_profile_language.widget_dropdown_list .nya-bs-select button.dropdown-toggle .caret::before{
    color: #000000!important;
}
.google_translator_added { right: 0px }
.task_details{
    max-height: 250px;
    overflow-y: scroll;
}
.date_widget{
    width: 50%;
    padding-right: 10px;
    padding-bottom: 15px;
}
.parent_div_date{
    display: flex;
}
.widget_name{
    width: 100%;
}
.chart_no_data{
    text-align: center;
    padding-top: 20%;
}
.message-notification .user-img .user-email-img img{ 
    background-color: black; 
    margin-bottom: -20px;
    width :50px;
    top : 50%;
}
.incident-lists .table-main table .incident_list_table tr th.incident-action{
    width: 130px ! important;
 }
.edit_notes{
    color: white;
    float: right;
}
.re_apply_filter{
    background-color: #ffe62c;
    padding:5px;
    border-radius: 5px;
}
.query_lable{
    color: #000000;
    border-radius: 3px;
    text-decoration: none;
    padding: 10px 15px;
    background: #ffe62c;
    border: 1px solid #ffe62c;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
}
.query_operator{
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    padding: 2px 8px;
    background: black;
}
.clear_query_reapplied{
    cursor: pointer;
    background-color: #000000;
    color: #ffffff;
    display: inline-block;
    padding: 11px 50px;
    border-radius: 4px;
    margin-right: 25px;
    margin-bottom: 15px;
    }
.incident_head_select_box{ pointer-events: none; }
.disabelpointer
{
    pointer-events: none;
}
.last-item-arrow .fal.fa-long-arrow-alt-right{
  display: none;
}
.staff_filters{
    width: 30%;
    float: left;
}
/* .task_type_icon{
    color: white;
    font-size: 25px;
    margin-top: 6px;
    margin-left: 12px;
} */
/* task_type_icon css needs to handled via site CSS */

.img_title_name{
    color: black!important;
}
.hideExtraTitle{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 30px!important;
}
.img_main_div{
    margin-bottom: 10px;
}

.progress-bar {
    width: 100%;
    height: 5px;
    background: white;
    position: relative;
    display: block;
    margin-right: 15px;
    overflow: hidden
}

.progress-indicator {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 5px;
    width: 0%;
    background: greenyellow;
    transition: width 0.2s;
}

ion-content {
    --background: radial-gradient(ellipse at center, #666 0%,#666 100%);
    height: 100%;
}


.breadcrum-mob-dropdown li {
    padding: 10px !important;
    border-bottom: 1px solid;
}
.dropdown-popover 
{
    position: absolute;
    width: calc(100% - 32px);
    background: #282828;
    color: #FFF;
    margin: 10px;
    margin-top: 15px;
    border-radius: 5px;
    padding: 10px;
    z-index: 99;
}



.dropdown-popover:before 
{
    content: "";
    position: absolute;
    top: -10px;
    right: 10px;
    border-style: solid;
    border-width: 0px 12px 12px;
    border-color: #282828 transparent;
    display: block;
    width: 0;
    z-index: 0;
}
.security_breadcrumb li a.txt_bold strong {
    color: #000;
}
ul.security_breadcrumb.security_breadcrumb_mob {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.security_breadcrumb_mob li:first-child a:first-child {
    border-radius: 10px;
}
ul.security_breadcrumb.security_breadcrumb_mob.security_breadcrumb_mob_second{
    margin-top: -5px;
    margin-bottom: 5px;
}
.security_breadcrumb_mob{
    display: none;
}
 
.layout { margin: 0 auto; max-width: 95%; }
#content { width: 100% !important; max-width: 95%;padding-top: 10px; }
.col-2 { width: 31%; margin: 0 1% 1% 0 !important; padding: 45px 25px; }

bar-chart {
    display: block;
    margin: 0 auto;
    background-color: #222222;
}

pie-chart {
    display: block;
    margin: 0 auto;
    background-color: #222222;
}
.context-sidebar-nav .sub-menu-close {
    font-size: 22px;
    height: 26px;
    width: 26px;
}

.pac-container{
    z-index: 10000 !important;
    margin-top: -70px;
}

:root{
    --app-primary: #000000;
    --sidebar-contextmenu-color :#BCBCBC;
}
.incident_ag_tabs {
    min-height: 50px;
}
.filter-toggle-buttons{
    float: right;
    margin-right: 20px;
}
.toggle-list-view ,.toggle-grid-view{ 
    height: 32px;
    width: 36px;
    margin-left: 4px;
    font-size: 20px;
   
    text-align: center;
    line-height: 1.4;
    border-radius: 4px;
    border: none;
    outline: none;
    background: #2D3436;
    color: #F5F5F5;
}
.toggle-list-grid-on{
    color: #222222;
    background: #FFF;
}
zd-incident-map {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

input.form-control.incident-filter-input {
    height: 55px  !important;
    padding: 5px 8px  !important;
    border-radius: 2px !important;
    border: 0  !important;
    width: 100%;
}

.resetSignatureButton{
    cursor: pointer; 
    text-decoration: underline;
    float: right;
    margin-top: 10px;
}

.incident_report_wrapper .date_wrapper.dateOnly{
	width: 100%;
	padding: 0px;
}

#main-security_breadcrumb li a{
    text-align: center;
}

.simpleStyleTable {
    margin-top: 20px;
    float: right;
}

.simpleStyleTable tr {
    border-bottom: 1px solid #fff;
}

.simpleStyleTable td {
    padding: 8px 4px;
    font-size: 12px;
    text-align: center;
    background-color: unset !important;

}

.simpleStyleTable th {
    padding: 8px 4px;
    text-align: center;
}

.viewIncidentIcon, .unlinkIncidentIcon{
    margin: 5px;
}

.noLinkedIncidentsPlaceHolder {
    margin-top: 20px;
}

.link_incident_holder{
    width: 400px;
    position: relative;
}

.incIncidentTabHolder{
    min-height: 200px;
}

.product_list_container {
    display: flex;
    flex-flow: row nowrap;
    overflow-x: auto;
}

.product_item {
    flex: 0 0 33.333333%;
}

.product_card_view {
    padding: 2% !important;
    background: #464543 !important;
}

.product_content_view {
    padding: 1% !important;
}

.breadcrumb-list{
    pointer-events: none;
}
.sharable-dashboard-title {
    display: none !important;
}
.context-nav-flyout .menu-icon.fal {
    margin-left: 14px;
}
zd-context-side-menu .context-sidebar-nav ul li a{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 40px;
}

#content h2.add-new-location-header-title {
    font-weight: bold;
    font-size: 16px !important;
}
.add-new-location-header {
    padding-bottom: 10px;
    padding-top: 5px;
}
textarea:placeholder-shown{
    padding: 10px;
}
.employee_img.locate_me_point .empl_btn{
    color: #000 !important;
}
.indicent-map textarea {
    padding: 10px;
}
.map-expand {
    display: inline-block;
    padding: 5px;
    background: #fff;
    font-size: 22px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: rgb(86, 86, 86);
    z-index: 999999;
  }
input#map-search-input {
    height: 33px;
    font-size: 12px;
    position: absolute;
    width: 174px;
    right: 45px;
    z-index: 999999;
    margin-top: 10px;
}
#div_addNewLocation {
    margin-top: -5px !important;
    display:grid
}
.dashboardRightButtonContainer{
    float: right;
    padding: 10px 0px;
}

#shareDashboardButton{
    padding: 10px;
    width: 150px;
}

.shareDashboardUserListTable th{
    color: #000;
    border-bottom: 1px solid #000000;
    border-top: none;
    border-left: none;
    border-right: none;

}

.shareDashboardUserListTable{
    color: #000;
}

.noShareDashboardUserList{
    color: #000;
}

.poi-container strong{
    font-weight: bold;
}
.poi-notes-text{
    display: block;
    margin-left: 80px;
    margin-top: -16px;
}
.incident_report_tab .col_1 .incident_wrap .poi-container span {
    width: 85px;
}

.breadcrumb-list{
    pointer-events: none;
}

.civil_main_container {
    display: flex; 
    flex-direction: column;
}

.civil_inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.content_main {
    width: 72% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content_inner {
    width: 100%;
}

.civil_data {
    width: 62% !important;
}

.field_margin_top {
    margin-top: 0% !important;
}

.field_margin_bottom {
    margin-bottom: 2%;
}

.civil_img_main {
    width: 25%;
    height: 25%
}

.offender_detail {
    width: 42% !important;
    padding-right: 0% !important;
}

.offender_label {
    width: 60% !important;
}

.off_top_margin {
    padding-bottom: 3%;
}

.civil_status {
    padding-right: 8%;
}

.status_main {
    width: 20%; 
    height:92%;
    padding-top: 1%;
}

.status_dropdown_color {
    -webkit-appearance: menulist !important;
    background-color: #ccc !important;
}

div[ng-controller="addNewWitnessCnt"] .offender_global_head,
div[ng-controller="addNewVictimeCnt"] .offender_global_head {
    margin-bottom: 10px;
}

.total_stock_value {
    display: contents !important;
}

.advancedSearchLoader{
    margin-top: 20px;
}
.staff-venue-select{
    margin-top: 26px;
    display: block;
}
.staff-venue-select input#dropdown_searchbox {
    padding: 6px 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
}
.task-staff-select zd-dropdown .dropdown-toggle.btn-default{
    min-height: 20px;
}
.inbox-staff-drop zd-dropdown .dropdown-toggle.btn-default{
    min-height: 20px;
    background: #333230;
    border: none;
}
.resource-venue-select zd-dropdown .dropdown-toggle.btn-default{
    min-height: 20px;
}
.resource-venue-select zd-dropdown .nya-bs-select button.dropdown-toggle .caret {
    margin-top: 0px;
   
}
.resource-venue-select zd-dropdown .nya-bs-select button.dropdown-toggle .caret::before{
    color: #fff;
}
staff-select.inbox-staff-drop {
    float: left;
    margin-left: 61px;
    width: calc(100% - 60px);
    margin-top: 1px;
    margin-bottom: 5px;
    overflow: hidden;
}
.inbox-staff-drop zd-dropdown li.dropdown-selected-item {
    padding-top: 0px;
    padding-bottom: 0px;
    background: #333230;
    color: #fff;
}
.inbox-staff-drop zd-dropdown span,.inbox-staff-drop zd-dropdown li.dropdown-selected-item .fa-times-circle{
    color: #fff;
}
.inbox-staff-drop input#dropdown_searchbox {
    color: #000;
    padding-left: 14px;
    font-size: 14px;
}

button.questionArrayFieldAddMoreButton {
    width: 160px;
     display: table;
    color: #ffffff;
    position: relative;
    z-index: 9;
    text-align: center;
    background: #666;
    min-height: 68px;
    padding: 18px 10px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    border-radius: 3px;
    margin-bottom: 10px;
    font-size: 15px;
}

.mobile-filter-dselect zd-dropdown .nya-bs-select.btn-group .dropdown-menu{
    width: calc(100% - 20px);
    left: 10px;
    top: 100px;
}
.mobile-filter-dselect zd-dropdown .dropdown-toggle.btn-default{
    background: #77767B;
    border-color: #77767B;
}

.incident-loc-clear-map{
    float: right;
    position: relative;
    top: 10px;
    right: 15px;
    padding-bottom: 10px;
}

.tooltip-box{
    z-index: 1;
    width: 500px;
    position: absolute;
    background: black;
    padding: 12px;
    border: 2px solid white;
}

.tooltip-box p {
    color: cornflowerblue;
}

.quick_add_success_bar {
    display: none;
	min-width: 250px;
	margin-left: -125px;
	background-color: #E4E4E4;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
	bottom: 30px;
	font-size: 17px;
	opacity: 1;
}

.quick_add_success_bar i {
	color: #72c96f;
	font-weight: 500;
	font-size: 20px;
}

.quick_add_success_bar a {
	color: #2e8ea4;
	vertical-align: text-top;
}

.hand_cursor {
	cursor: pointer;
}

.quick_add_success_bar span {
	color: #000;
	vertical-align: text-top;
}

.fade {
	-webkit-transition: 4s ease-in-out opacity;
	-moz-transition: 4s ease-in-out opacity;
	-ms-transition: 4s ease-in-out opacity;
	-o-transition: 4s ease-in-out opacity;
	transition: 4s ease-in-out opacity;
	opacity: 0;
}

.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #222;
       -moz-box-shadow: 0 10px 6px -6px #222;
            box-shadow: 0 10px 6px -6px #222;
  }

  .updated-date{
    font-size: 10px !important;
    padding-top: 26px;
    padding-left: 5px;
  }


    #google_translate_element {
        margin-right: 13px;
    }

    .gtrans {
        float: right;
        margin: 8px 0px 0px 0px;
    }

    .goog-te-gadget {
        font-family: Roboto, 'Open Sans', sans-serif !important;
        text-transform: uppercase;
    }

    .goog-te-gadget-simple {
        background-color: rgba(255, 255, 255, 0.20) !important;
        border: 1px solid rgba(255, 255, 255, 0.50) !important;
        padding: 8px !important;
        border-radius: 4px !important;
        font-size: 1rem !important;
        line-height: 2rem !important;
        display: inline-block;
        cursor: pointer;
        zoom: 1;
    }

    .goog-te-menu2 {
        max-width: 100%;
    }

    .goog-te-menu-value {
        color: #fff !important;
    }

    .goog-te-menu-value:before {
        content: '\25B4';
        margin-right: 16px;
        font-size: 2rem;
        vertical-align: -10px;
    }

    .goog-te-menu-value span:nth-child(5) {
        display: none;
    }

    .goog-te-menu-value span:nth-child(3) {
        border: none !important;
    }

    .goog-te-menu-value span:nth-child(3):after {
        content: '\25BE';
        font-size: 1.5rem;
        vertical-align: -6px;
    }

    .goog-te-gadget .goog-te-combo {
        margin: 0px !important;
    }

    .goog-te-combo {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
        width: 100%;
        padding-right: 25px;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }



    body {
        top: 0px !important;
    }

    .goog-logo-link {
        display: none !important;
    }

    .goog-te-gadget {
        color: transparent !important;
    }

    .goog-te-banner-frame.skiptranslate {
        display: none !important;
    }

    @media (max-width: 667px) {
        #google_translate_element {
            width: auto;
        }

        .gtrans {
            width: 95px !important;
        }

        #google_translate_element goog-te-gadget {
            width: 100% !important;
        }

        #google_translate_element .skiptranslate {
            width: 100% !important;
        }

        #google_translate_element .goog-te-gadget-simple {
            width: calc(100% - 32px) !important;
            text-align: center;
        }
    }

 #goog-gt-tt, .goog-te-balloon-frame{display: none !important;} 
.goog-text-highlight { background: none !important; box-shadow: none !important;}

datepicker, .datepicker, [datepicker], ._720kb-datepicker-calendar-header, ._720kb-datepicker-calendar-body, ._720kb-datepicker-calendar-days-header, ._720kb-datepicker-calendar-years-pagination-pages{
    font-family: sans-serif !important;
}

/* bellow hidden function is for missing bootstrap css for nya-bootstrap-select */
.hidden {
    display: none!important;
}