.div{
    float:left;
    width:100%;

}


.header-button{
    float: left;
}

/*button global css*/

.buttons-outer > h3{
    color:#fff;
    font-size:15px;
    margin:25px 0 10px;
    line-height: 22px;
}

.table-bordered td{
    padding:8px;
    vertical-align: top;
}

.buttons-outer,
.header-button{
    padding:20px;
    float:left;
    width:50%;
}

table{
    width:100%;
}

.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:95px;
    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;
}

/*button with icon*/

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

.wrap-btn{
    line-height: 30px;
}

.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 */
}
.btn-action:focus{
    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 */
	outline: none;
	border: none;
}

.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 rgb(5, 5, 5);
    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%;
	font-family: 'arial';
}

.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*/
.ot_tip .tooltip{
    background:#d2ccc9!important;
    border-radius:5px!important;
    padding:14px 30px 14px 20px!important;
    width:260px!important;
    height: auto!important;
    float:left!important;
    margin-left: 0px !important;
    top: auto!important;
    bottom:39px !important;
    position: absolute!important;
    right:50% !important;
    z-index: 999!important;
	margin: 0 -130px 0 0;
    
}

.tooltip p{
    line-height:21px;
    color:#000;
    font-size: 14px;
    text-align: left;
}

.tooltip:after{
    top: 100%;
    left: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tooltip:after {
    border-color: #d2ccc9 transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    height: 0;
    width: 0;
    right: 50%;
	margin: 0 -10px 0 0;
}

.tooltip .close{
    position:absolute;
    right:13px;
    top:6px;
    background: none !important;
}
.tooltip .close .fa{
    margin-left: 5px;
    margin-top: 5px;
}
.close{
    cursor:pointer;
}
i.newtip{
    height: 20px;
    width: 20px;
    border-radius: 20px;
    display: inline-block;
    cursor: pointer;
}
/*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;
}

.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: -8px;
    text-align: center;
    top: -6px;
    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: 40px;
    width: 40px;
    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;
}

.circle-side-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:40px;
}

.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.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{
    background-size:100%;
    background-position: center center;
    vertical-align: top;
}



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


/***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 p{
    font-size:12px;
    line-height: 16px;
}

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


/***alert messages***/

.alertvalidate{
	margin:15px 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: 10px 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 15px 5px;
    min-height: 60px;
    text-align: left;
    display: flex;
    align-items: center;
}	

.alertvalidate  .close{
    position: absolute;
    right: 13px;
    top: 25px;
    font-size: 25px;
}


/*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;
}

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

.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;
}




/*custom radio*/

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

.custom-radio input[type=radio] {
    display: inline-block;
    border: 1px solid #9a9a9a;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    /* float: left; */
} 
.custom-checkbox input[type=checkbox] {
    display: block;
    position: absolute;
    z-index: 2;
    width: 93%;
    height: 100%;
    left: -2px;
    top: -4px;
    opacity: 0;
    cursor: pointer;
}

.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-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;
}

.product_table_wrap .custom-checkbox input[type=checkbox] {
    width: auto; 
}

/*custom radio checkbox 2*/
.sr_bt_ico{
    width: 50%;
    float: left;
    position: relative;
}
.sr_bt_ico label,
.custom-checkbox1 label{
    position:relative;
    cursor:pointer;
    font-size: 14px;
}

.sr_bt_ico input[type=radio], 
.custom-checkbox1 input[type=checkbox] {
    position: absolute;
    z-index: 10;
    width: 30px;
    height: 30px;
    top: -2px;
    left: -5px;
    opacity: 0;
}

.sr_bt_ico input[type=radio] + label:before {
    background-color: #fff;
    border-radius: 100px;
    content: "";
    display: inline-block;
    height: 25px;
    margin-right: 8px;
    vertical-align: middle;
    width: 25px;
}
.custom-checkbox1 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;
}
.sr_bt_ico input[type=radio]:checked + label:before {
    background:url(../images/icons/radio-check.png) no-repeat center;
    background-size: cover;
}
.custom-checkbox1 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;
}


/*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) {

    .s-btn-icon{width: 35px;height: 35px;line-height: 35px;}
/*  #securitySection .s-btn-icon{width: 25px;height: 25px;line-height: 25px;font-size: 12px;}
    #commsTaskHome .s-btn-icon{width: 25px;height: 25px;line-height: 25px;font-size: 12px;}*/
	#commsTaskHome .icon-btn .btn-txt{font-size: 12px!important;}
	.padModelBtn .icon-btn .btn-txt{
		padding: 0!important;
	}
}
@media screen and (max-width: 767px) {
	.padModelBtn .icon-btn .btn-txt{
		padding: 0 3px 0!important;
	}
}
@media screen and (max-width: 480px) {
    .tabs {
        display: none;
    }

    .tab_content{
        padding-left:10px;
        padding-right:10px;
    }

    .accordian:after{
        content: "\f105";
        float:right;
    }

    .accordian.accord_active:after{
        content: "\f107";
    }

    .accordian {	
        border-bottom: 1px solid #fff;
        margin: 0;
        padding: 13px 0;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .accord_active {
        color: #fff;
    }
    .error-strip h4{padding: 0px 55px; font-size: 14px;}

}
@media screen and (max-width: 400px) {
    .error-strip h4{padding: 0px 15px 0px 55px; font-size: 14px;}
}

.questionArrayFields .questionArrayFieldAddMoreButton{
    display: none;
}

.questionArrayFieldDeleteButton{
    display: none;
}

.questionArrayFields .questionArrayFieldDeleteButton{
    display: block;
}

.accordion_header{
    background-color: #186BB7;
    padding: 10px 5px;
    float: left;
    width: 100%;
}
.accordion_header .group_title{
    float: left;
}

.accordion_header .group_score{
    float: right;
    display: none;
}
.custom_accordion_header.accordion_header{
    margin-left: 0px!important;
    width: 100% !important;

}
.accordion_content{
    display: none;
}

.accordion_content li{
    padding: 0px !important;
}

.question_score{
    float: right;
    color: #ffffff;
}


/* widget dashboard */

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

.outerWidgetListHolder .widgetListHolder{
    float: left;
    width: 100%;
    
}

.outerWidgetListHolder .widgetListHolder .widgetHolder{
    float: left;
    width: calc(50% - 10px);
    margin-bottom: 20px;
    position: relative;
    padding-right:10px ;
}

.outerWidgetListHolder .widgetListHolder .widgetHolder .widget{
    float: left;
    width: 100%;
}

.outerWidgetListHolder .widgetListHolder .widgetHolder .widget .widgetHeader{
    float: left;
    width: 100%;
    background-color: #ffe62c;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.outerWidgetListHolder .widgetListHolder .widgetHolder .widget .widgetHeader .widgetTitle{
    float: left;
    color: #000000;
    padding: 10px;
}

.outerWidgetListHolder .widgetListHolder .widgetHolder .widget .widgetHeader .widgetConfiguration{
    float: right;
    padding: 8px;
    font-size: 18px;
    cursor: pointer;
}

.outerWidgetListHolder .widgetListHolder .widgetHolder .widget .widgetHeader .widgetConfiguration i{
    color: #000000!important;
}

.outerWidgetListHolder .widgetListHolder .widgetHolder .widget .widgetBody{
    float: left;
    overflow: auto;
    width: 100%;
    background-color: #555150;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.outerWidgetListHolder .widgetListHolder .widgetHolder .addNewWidget{
    float: left;
    width: 100%;
    background-color: #555150;
    min-height: 285px;
    max-height: 285px;
    border-radius: 5px;
}

.outerWidgetListHolder .widgetListHolder .widgetHolder .addNewWidget span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000000;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
}

.outerWidgetListHolder .widgetListHolder .widgetHolder .addNewWidget span i{
    color: #000000;
    font-size: 60px;
}

.outerWidgetListHolder .tableHeader{
    border-bottom: 1px solid #ffe62c!important;
}

.outerWidgetListHolder .widgetListHolder .widgetHolder .widget .widgetBody th,
.outerWidgetListHolder .widgetListHolder .widgetHolder .widget .widgetBody td{
    font-size: 12px;
}

.widget_dropdown_list .widget_dropdown span.label.ng-binding.ng-scope{
    color: #ffe62c!important;
}

.widget_dropdown_list .widget_dropdown.open span.label.ng-binding.ng-scope{
    color: #000000!important;
}

.widget_dropdown_list .nya-bs-select button.dropdown-toggle .caret::before{
    color: #ffe62c!important;
}

.horizontalAccordian{
    position: relative;
}

.accordionHeader{
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.accordionHeader:after{
    content: "\f107";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 0px;
    top: 10px;
}

.accordionHeader.active:after{
    content: "\f106";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 0px;
    top: 10px;
}

.accordionContent{
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.divtable{
    width: 100%;
    position: relative;
    margin-top: 10px;
    display: table;
}

.divtable .divRow{
    width: 100%;
    display: table-row;
    padding: 10px 0px;
    position: relative;
}

.divtable .divCol{
    display: table-cell;
    padding: 5px;
    border-bottom: 1px solid #717171;
}

.divtable .col1{
    width: 40%;
}

#addStaffSection .column1{
    float: left;
    width: 50%;
    padding-right: 10px;
}

#addStaffSection .column2{
    float: left;
    width: 50%;
    padding-left: 10px;
}

#addStaffSection #firsttab .data_row{
    float: left;
    width: 100%;
    line-height: 36px;
}

#addStaffSection #firsttab .data_col{
    float: left;
    text-align: right;
    width: 30%;
}

#addStaffSection #firsttab .data_col2{
    float: left;
    width: 70%;
    text-align: left;
    padding-left: 10px;
}

#addStaffSection .userDetails{
    float: left;
    width: 100%;
}

#addStaffSection .staffImage{
    width: 100%;
    text-align: center;
    position: relative;
}

#addStaffSection .staffImage button{
    position: absolute;
    text-align: center;
    top:40%;
    left: 45%;
    background: transparent;
} 

#addStaffSection .staffImage .staffProfileImage{
    max-width: 100%;
    width: 220px;
    height: 220px;
    border-radius: 110px;
}

#addStaffSection input{
    border-radius: 15px;
    border: .5px;
    padding: 20px;  
}

#addStaffSection .venueTextBox{
    border-radius: 15px;
    border: .5px;
    padding: 20px;  
}

#addStaffSection .select2-container{
    width: 100% !important;
    background-color: white;
}

#addStaffSection .select2-search-choice{
   color: black !important;
}

#addStaffSection .select2-search-choice{
    padding-left: 10px !important;
 }

 #addStaffSection .pullDetails{
    float: right;
    margin-right: 6px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    background: transparent;
 }

 #addStaffSection .alertSucess{

    background-color: #30dfee;
    color: black;
    padding: 20px;
    margin-bottom: 10px;
 }
 #addStaffSection .alertfail{

    background-color: #e4174a;
    color: black;
    padding: 20px;
    margin-bottom: 10px;
 }

#addStaffSection .submited input:invalid {
    border:1px solid #f00
 }

 #addStaffSection .submited .ng-invalid {
    border:1px solid #f00
 }

 #addStaffSection .close{
     float: right;
 }


.divtable .col1{
    width: 40%;
}

#staffDetail .column1{
    float: left;
    width: 50%;
}

#staffDetail .column2{
    float: left;
    width: 50%;
}

#staffDetail #firsttab .data_row{
    float: left;
    width: 100%;
    line-height: 36px;
}

#staffDetail #firsttab .data_col{
    float: left;
    text-align: right;
    width: 30%;
}

#staffDetail #firsttab .data_col2{
    float: left;
    width: 70%;
    text-align: left;
    padding-left: 10px;
}

#staffDetail .userDetails{
    float: left;
    width: 100%;
}

#staffDetail .staffImage{
    width: 100%;
    text-align: center;
}

#staffDetail .staffImage img{
    max-width: 100%;
    width: 220px;
    height: 220px;
    border-radius: 110px;
}

#keyholdersCtrl_list input{
    float: right;
}

#keyholdersCtrl_list th{
   border: none;
}

#keyholdersCtrl_list h2{
   color: #000 !important;
}

#keyholdersCtrl_list h3{
    color: #000 !important;
}

#keyholdersCtrl_list span{
    /*float: left;*/
}

#keyholdersCtrl_list i{
    font-size: 200%;
    float: right;
}

#keyholdersCtrl_list .numberDisplay{
    padding-bottom: 5px;
}

#keyholdersCtrl_list .nameDisplay{
    background-color:transparent;
    vertical-align: middle;
    padding-left: 5px;
}

#keyholderPopup select{
    width: 100%;
    border: thin solid #333333;
    -webkit-appearance: auto;
}

#keyholderPopup .cancelPopup{
    float: right; 
    color: #000;
}

#keyholderPopup h2{
    color:  #333333 !important;
}

#keyholderPopup h5{
    color:  #333333;
}

#keyholderPopup .keyholderError{
  border:   2px solid red;
}

#keyholdersCtrl_list td{
    padding: 20px;
    border: 1px solid black;
    border-spacing: 0 15px;
    border-bottom: 10px solid #39182d !important;
    border-left: 4px solid #39182d !important;
}

#keyholdersCtrl_list td.data{
    background:#dc87bd;
}

#keyholdersCtrl_list td.noData{
    background: #946583;
}

#keyholdersCtrl_list td{
    border: none;
}

#keyholdersCtrl_list td .far{
   /*float: right;*/
}

div#keyholdersCtrl_list {
    font-size: 80%;
}

#venuedetail .column1{
    float: right;
    width: 74%;
}

#venuedetail .userDetails{
    float: left;
    width: 100%;
}

 #venuedetail td i{

   font-size: 10px;
   min-width: .5px !important; 
    max-width: 1px !important;
 }

 #venuedetail td{

    border-bottom: 1px solid #6461617a;
    padding: 10px;
  }
  #venuedetail th{

    border-bottom: 1px solid #6461617a;
  }


#keyholders_list input{
    float: right;
}

.fullWidthKeyholder{
    width: 100% !important;
}

#keyholders_list td{
    padding: 20px;
    border: 1px solid black;
    background: #272724;
    border-spacing: 0 15px;
    border-bottom: 100px;
}

#keyholders_list td{
    border: none;
    border-bottom: 10px solid #222222 !important;
    border-left: 10px solid #222222 !important;
    border-top: 10px solid #222222 !important;
}

#keyholders_list i{
    float: right;
    font-size: 200%;
}

#keyholders_list th{
    border: none;
}

#keyholders_list .nameDisplay{
    background-color:transparent;
    vertical-align:middle;
    padding-left: 5px;
}

#keyholders_list  {
    padding-left: 0px !important;
    height: 475px !important;
    overflow-y: scroll !important;
}


#keyholders_list::-webkit-scrollbar {
    width: 3px;
  }
  
  /* Track */
  #keyholders_list::-webkit-scrollbar-track {
    background: #272724; 
  }
   
  /* Handle */
  #keyholders_list::-webkit-scrollbar-thumb {
    background: #cbb64c; 
  }
  
  /* Handle on hover */
  #keyholders_list::-webkit-scrollbar-thumb:hover {
    background: #8E7F35; 
  }

table.keyholders td p span {
    color: aqua; 
}


table.keyholders td p.keyholderNumber {
    color: chartreuse; 
}


.keyholder_note {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
    width: 100px;
}

.keyholder_note_wrap { 
    width: 100px;
}

table.keyholders{
    font-size: 80%;
}
.fa_custom { color: #ffffff }

zd-incident-grid-question select{
border: white;
-webkit-appearance: auto;
vertical-align: super;}

zd-incident-grid-question td {
    font: 16px Arial;
    text-align: left;
    line-height: 26px;
}

zd-incident-grid-question textarea{
    font: 16px Arial;
}

.gridtemplate{
    overflow: auto;
}
.incident_report_details zd-incident-grid-question td.answer{
    border-left: 10px solid #464543 !important;
    border-bottom: 10px solid #464543 !important;
}

zd-incident-grid-question p.columnQuestion{
    margin: 5px;
}

zd-incident-grid-question td.answer{
    padding-left: 5px;
    padding-right: 5px;
}

zd-incident-grid-question td.question{
    padding: 5px;
   }

zd-incident-grid-question td.answer textarea{
    overflow: hidden;
}

.incident_report_wrapper zd-incident-grid-question td.answer{
    border-left: 10px solid #000000 !important;
    border-bottom: 10px solid #000000 !important;
}

.incident_report_details zd-incident-grid-question td.answer p.columnQuestion{
    word-break: break-word;
}

.dashboardEditIcon{
    top: 12px;
    position: absolute;
    padding-left: 4px;
    font-size: small;
}
.dashboardShareTextBox{
    width: 100% !important;
    background-color: white;
    color: #000;
    outline: 1px solid black;
}

.dashboardEditInput{
    font: inherit;
    width: 250px;
}
.dashboardShareTextBox{
    width: 100% !important;
    background-color: white;
    color: #000;
    outline: 1px solid black;
}

.dashboardShareTextBox .select2-container-multi .select2-choices .select2-search-choice{
    color: black !important;
}

li.select2-search-choice div{
    padding-left: 10px !important;
}
zd-incident-grid-question textarea{
    font: 16px Arial;
    width: 100%;
 }
  zd-incident-grid-question td.question{
    padding: 5px;
    border-left: 10px solid #000000 !important;
    border-bottom: 10px solid #000000 !important;
 }
  zd-incident-grid-question td:first-child {
    min-width: 150px !important;
  }
  
  .grid-view-mode zd-incident-grid-question td.question {
    padding: 5px;
    border-left: 10px solid #464543 !important;
    border-bottom: 10px solid #464543 !important;
 }

 zd-incident-grid-question textarea{
    border-radius: 5px;
 }

 zd-incident-grid-question select{
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
 }

 zd-incident-grid-question p.columnAnswer {
    margin-top: 9px;
}

#shareWidgetLoader{
    position: absolute;
    top:-10px;
}

#shareWidgetLoader .textStyle{
    color: black;
    font: 30px Arial;
    font-weight: bold;
}

button.disabledButton{
    pointer-events: none !important;
}

button.disabledButton.active{
pointer-events: none !important;
}

button.disabledButton:hover{
    pointer-events: none !important;
}

.disabledClick{
    pointer-events: none !important;
}

.disabledClick.active{
pointer-events: none !important;
}

.disabledClick:hover{
    pointer-events: none !important;
}

.failed_head{
    background-color:#ffbf00 !important;
    color: white !important;
}

.cross-match-popup zd-ag-grid .ag-root-wrapper{
    height: 70vh !important;
}

.cross-match-popup .widgetBody{
    height: 80vh !important;
}
.errorPopup .red{
    color: red;
}

body {
    counter-reset: section; /* Set a counter named 'section', and its initial value is 0. */
}

div.saveIncidentPopupWrap .widget_dropdown_list label::before {
    counter-increment: section;       /* Increment the value of section counter by 1 */
    content: " " counter(section)". ";    /* Display the word 'Section ', the value of section counter, and a colon before the content of each h3 */
}

.location-tracking-msg{
    color: #666;
    text-align: right;
    padding-bottom: 10px;
}

#changePasswordCon .red_text{
    color: red !important;
    background: none;
    word-break: break-word;
}

#changePasswordCon .green_text{
    color: green !important;
    background: none;
    word-break: break-word;
}

#changePasswordCon .black_text{
    color: black !important;
    background: none;
    word-break: break-word;
}

.county-container{
    top: 108px;
    position: relative;
    padding: 20px 0px;
    width: 350px;
}

.county-container zd-county-count-table{
    padding: 20px 0px;
}
.resetColomnOrderButton{
    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;
}
.resetColomnOrder{
    float: right;
    margin-right: 7px;
}
.agGridTooltip{
    position: relative;
    display: inline-block;
}
  
  .agGridTooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    font-size: 14px;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -60px;
  }
  
  .agGridTooltip button:hover .tooltiptext {
    visibility: visible;
  }

  .edit_apply_filter{
      display: none;
  }
  
  .global_Load_head p.crossMatchDateRangeHolder{
      color: #000000;
  }

  .crossMatchNoDataHolder, .crossMatchLoadingHolder{
      text-align: center;
      line-height: 249px;
  }

  .crossMatchDashboardHolder .widgetBody{
      height: 250px;
  }

  .noCrossMatchQuestionsHolder{
      color: #000000;
  }

  zd-tag-dropdown .list_ul{
    position: initial !important;
  }
  .noCrossMatch{
    position: relative;
    text-align: center;
    top: 50%;
  }
  .last_updated_date{
    display: inline-block;
    position: relative;
    top: 56px;
  }
  .pdfLoaderMessage{
      float: left;
      margin-top: 10px;
      text-align: center;
  }

  .disabledButtonClick:hover{
    cursor: not-allowed;
  }

  .dynamic_question_dropdown .clear{
    position: relative;
    float: right;
    right: 40px;
    top: -43px;
    color: black;
    font-size: xx-large;
  }

  .titles_table {
      height: 500px;
      top: 95px;
      position: relative;
  }

  .incident_status_holder .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  .incident_status_holder .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  .incident_status_holder .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .incident_status_holder .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .incident_status_holder input:checked + .slider {
    background-color: #2196F3;
  }
  
  .incident_status_holder input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  .incident_status_holder input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  /* Rounded sliders */
  .incident_status_holder .slider.round {
    border-radius: 34px;
  }
  
  .incident_status_holder .slider.round:before {
    border-radius: 50%;
  }
  .incident_status_holder .switch-title {
    top: 10px;
    position: inherit;
  }
  .incident_status_holder .switch {
    background: transparent !important;
    border: 1px solid transparent !important;
    padding: 0px !important;
  }
  .reg_exp {
    float: left !important;
    padding-left: 47px;
    font-weight: 600;
   }

.hideForNow{
    display: none;
}

.mobile_view_offender_view{
    display: none;
}

.titles_table_add {
    width: 202px;
    right: 40px;
    position: absolute;
}

.para_formate{
    white-space: pre-line;
}


.restrict_url {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.blackrestrict_btn {
    width: 189px;
}