/* BEGIN FONTS */
@font-face {
    font-family: 'Segoe-UI';
    src: local('Segoe UI'), 
        url('/app/css/fonts/SEGOEUIL.eot'), 
        url('/app/css/fonts/SEGOEUIL.woff') format('woff'), 
        url('/app/css/fonts/SEGOEUIL.ttf') format('truetype');
}

@font-face {
    font-family: OpenSans-Bold;
    src: url('/app/css/fonts/OpenSans-Bold-webfont.woff');
}

@font-face {
    font-family: OpenSans-Semibold;
    src: url('/app/css/fonts/OpenSans-Semibold-webfont.woff');
}

@font-face {
    font-family: OpenSans-Regular;
    src: url('/app/css/fonts/OpenSans-Regular-webfont.woff');
}

@font-face {
    font-family: OpenSans-Light;
    src: url('/app/css/fonts/OpenSans-Light-webfont.woff');
}
/* END FONTS */





@keyframes blink {
    0% {
        color: red;
    }

    100% {
        color: yellow;
    }
}

@-webkit-keyframes blink {
    0% {
        color: red;
    }

    100% {
        color: yellow;
    }
}
/*.blink {
    -webkit-animation: blink 0.5s linear infinite;
    -moz-animation: blink 0.5s linear infinite;
    -o-animation: blink 0.5s linear infinite;
    animation: blink 0.5s linear infinite;
}*/
hr {
    border-top: 1px solid silver;
}

.form-control[disabled] {
    opacity: .35;
}

.separator {
    width: 100%;
    height: 5px;
    background: url(../images/icons/separator.png) no-repeat center center;
    background-color: #000000;
    clear: both;
}

.nobr {
    white-space: nowrap;
}

.debug {
    border: #2fb9d7 1px dotted;
}

.vms-border-color {
    border-color: #295287 !important;
}

.vms-vertical {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.vms-dimmed-element {
    opacity: 0.2;
}

.vms-text-light {
    color: #c0c0c0;
}

.vms-slider-container {
    padding-bottom: 10px;
    margin-left: 10px;
    /*display: flex;*/
}

.bold {
    font-weight: bold;
}

.vms-slider {
    /*display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;*/
    float: left;
    -ms-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -ms-border-top-right-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}

.vms-slider-min {
    float: left;
}

.vms-slider-max {
    float: right;
}

.vms-clear-padding-left {
    padding-left: 0;
}

.vms-clear-padding-right {
    padding-right: 0;
}

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

.vms-min-width-100 {
    min-width: 100px !important;
}

.ui-datepicker .ui-datepicker-title, .ui-timepicker-div dl dt, .ui-timepicker-div dl dd, .ui-datepicker .ui-datepicker-buttonpane button, .ui-datepicker th {
    font-family: Arial, sans-serif;
}

.ui-widget-header {
    background: #505f70;
    border: 0;

}

.vms-slider-container .ui-widget-content {
    border: 0;
    height: 6px;
    background-color: #fff;
}

.vms-numeric .ui-widget-content {
    background: transparent !important;
    border: 0;
    padding-right: 1px;
    min-width: 52px;
}

.vms-numeric-btn-container {
    padding-right: 0;
}

.vms-numeric-min .ui-widget-content {
    min-width: 63px;
}
/*.vms-numeric-xmin .ui-widget-content {
    min-width: 35px;
}*/
.vms-numeric .ui-spinner-input {
    padding-left: 7px;
    margin: 0;
    font-family: Arial, sans-serif;
    border-radius: 2px;
}

.vms-numeric .ui-spinner {
    display: block;
}

.vms-numeric-min .ui-spinner-input {
    height: 24px;
}

.vms-numeric-xmin .ui-spinner-input {
    height: 16px;
    width: 60px;
    font-size: 10px;
}

.vms-numeric-xmin .ui-spinner-button {
    /*right: 20px;*/
}

.vms-slider-storage-container {
    color: #505f70;
    border-bottom: 1px solid #b7bcc0;
    /* outline-offset: 0px; */
    /*padding-left: 15px;
    padding-right: 15px;*/
}


@media (max-width: 1800px) {
    .vms-numeric .ui-widget-content {
        min-width: 52px;
    }
}

.btn-vms-danger {
    color: #ffffff;
    background: -webkit-linear-gradient(#d9534f,#d43f3a); /* For Safari */
    background: -o-linear-gradient(#d9534f,#d43f3a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d9534f,#d43f3a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d9534f,#d43f3a); /* Standard syntax */
    /*border-color: #2a6496;*/
    border-top-color: #d43f3a;
    -webkit-box-shadow: 0px 3px 0px -1px #d43f3a;
    -ms-box-shadow: 0px 3px 0px -1px #d43f3a;
    box-shadow: 0px 3px 0px -1px #d43f3a;
}




    .btn-vms-danger[disabled] {
        color: white;
        background: #808080;
        border-color: #808080;
    }

.btn-vms[disabled] {
    /*color: white;*/
    background-color: #6e8cb0 !important;
    opacity: .35;
}

.btn-vms:hover, .btn-vms:focus, .btn-vms-xs:hover, .btn-vms-xs:focus {
    background: #2a5287;
    color: #ffffff;
    /*border: 1px solid #8DAACF;*/
}

.margin-left-none {
    margin-left: 0;
}

.margin-right-none {
    margin-right: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    /*color: #ffffff;*/
    color: #295287;
}

.vms-selected-color {
    /* color: #D29B55; */
    color: #dd6e0c;
    font-weight: bold;
}

.vms-border-right-none {
    border-right: 0px solid transparent !important;
}

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

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

.border-left-none {
    border-left: 0px solid transparent !important;
}

.btn-vms {
    /*padding: 4.5px 33.5px;*/
    background-color: #3264a3;
    /*line-height: 2.3;*/
    font-size: 14px;
    font-family: Arial;
    min-width: 113px;
    height: 31px;
    position: relative;
    color: #e5e5e5;
}

.btn-vms-min {
    min-width: 80px;
    height: 25px;
    min-width: 0px;
    padding-top: 0px;
}

.btn-vms-lg {
    width: 212px;
    height: 43px;
}

.btn-vms-xs {
    min-width: 0px !important;
    width: 30px;
    height: 28px;
}

.vms-slider-storage-text-container {
    font-size: 12px;
    color: #505f70;
    /*margin-left: 6px;*/
}

@media (max-width: 1500px) {
    .vms-nvr-sotrage-width {
        width: 20%;
    }
}



.vms-slider-storage-padding {
    padding-top: 4px;
}

.vms-slider-container .ui-slider-handle {
    top: -4px;
    width: 12px;
    height: 12px;
    border: 1px solid #707b88;
    border-radius: 2px;
}

.vms-slider-usedSpace {
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -border-bottom-right-radius: 4px;
    color: #333333;
    font-size: 1.1em;
    float: left;
    background-color: #747a89;
    width: 1%;
    height: 6px;
    border-radius: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #707b88;
}

.max_width_height {
    width: 100%;
    height: 100%;
}

.vms-parent-layer {
    position: relative;
}

.no-opacity {
    opacity: 0;
}

.vms-menu-button-hide {
    display: none !important;
}

.vms-menu-button-disabled {
    /* color: #353f4c !important;
    background-color: #353f4c !important; */
    color: #585858 !important;
    background: #363b45 !important;
    pointer-events: none;
    cursor: default;
}

.vms-menu-button-disabled a {
    color: #585858 !important;    
}
/*.rotateRight {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);   
}*/

/*.rotateLeft {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);   
}*/

/*.clearFloat {
    display: block;
    clear: both;
}*/

/* Fonts */
/*.navy {
    color: rgb(59, 60, 123);
}*/

/*.separator { margin-top: 35px;margin-bottom: 35px;}*/

.outline-none:focus, .outline-none:active {
	outline: none !important;
}
label > span.text-overflow {
	display: inline-block;
	vertical-align: top;
	max-width: calc(100% - 4px); /* 4px is place for ":" character */
}
.text-overflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@-ms-viewport {
	width: auto;
}




    .vms-search-with-btn-out{
        display: flex;
        height: 100%;
    }

    .vms-search-with-btn{
        background-color: #292d35; 
        width: 100%;
        height: 36px;
        margin: auto;
        padding: 2px 0px 2px 0px;
    }

    .vms-search-with-btn form{
        display: block;
        height: 32px;
        width: 98%;
        background-color: #1a2028;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 1%;
        position: relative;
    }

    .vms-search-with-btn form input{
        background-color: #1a2028;
        height: 32px;
        width: calc(100% - 44px);
        font-size: 14px;
        font-family: Arial;
        border: 0;
        border-radius: 0;
        outline: none;
        color: #c7cbd1;
        font-style: italic;
        padding: 0px 0px 0px 10px !important;
        margin: 0px 0px 0px 0px;
    }

    .vms-search-with-btn form span.searchit {
        height: 32px;
        width: 30px;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 0px;
        color: #808080;
        font-size: 18px;
    }

    .vms-search-with-btn form span.searchit:before {
        display: inline-block;
        margin: 7px 0px 0px 6px;
    }

    .vms-search-with-btn form span.clearit {
        height: 16px;
        width: 16px;
        margin: 8px 8px 0px 0px;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 0px;
        cursor: pointer;
        color: #808080;
        font-size: 10px;
    }

    .vms-search-with-btn form span.clearit:hover {
        background-position: center right;
        color: #c7cbd1;
    }

    .vms-search-with-btn form span.clearit:before {
        display: inline-block;
        margin: 4px 0px 0px 4px;
    }


    .vms-search-with-top-border:before
    {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        margin: 4px 0px 2px 0px;
        background-color: #1a2028;
        box-shadow: 0px 1px 0px 0px #1a2028, 0px 2px 0px 0px #383d43;
    }

    .vms-search-with-bottom-border:after
    {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        margin: 1px 0px 5px 0px;
        background-color: #1a2028;
        box-shadow: 0px 1px 0px 0px #1a2028, 0px 2px 0px 0px #383d43;
    }

    .hierarchy-groups-search-container.vms-search-with-top-border:before{
        margin: 2px 0px 2px 0px;
    }

    .nvr_redund-search-container.vms-search-with-top-border:before{
        margin: 4px 0px 1px 0px;
    }

    .nvr_redund-search-container.vms-search-with-top-border:after{
        margin: 0px 0px 5px 0px;
    }


    #nvr_redandency_main_container .vms-search-with-top-border:before{
        margin: 4px 0px 0px 0px;
    }

    #nvr_redandency_main_container .vms-search-with-btn form{
        height: 34px;
    }

    .monitoring-search-container.vms-search-with-top-border:before{
        margin: 0px 0px 1px 0px;
    }

    .monitoring-search-container.vms-search-with-top-border:after{
        margin: 0px 0px 5px 0px;
    }

    .vms-search-no-padding .vms-search-with-btn form{
        width: 100%;
        margin: 0px;
    }


    .long-filter-container {
        height: 38px;     
        min-width: 110px;   
        max-width: 490px;
        margin: 0px 0px 0px 0px;
    }
    
    .long-filter-container span.alighn-left{
        display: block;
        width: 100%;
        height: 100%;
    }

    .long-filter-container .vms-search-with-btn{
        height: 38px;
    }

    .long-filter-container .vms-search-with-btn form{
        margin-top: 2px;
    }

    .long-filter-container form{
        height: 30px;
    }

    .long-filter-container form input{
        height: 30px;
    }

.channels-container.devices-new-ui .tab-content {
	position: relative;
	margin-top: 19px;
	min-height: calc(100% - 68px);
	max-height: calc(100% - 68px);
	overflow-y: auto;
	height: calc(100% - 68px);
}

.channels-container .configuration-ditails-form {
	display: flex;
}

.channels-container .vms-channels-properties .configuration-ditails-form label {
	width: 176px !important;
	cursor: default;
	float: none;
}

.channels-container .configuration-ditails-form {
	padding: 0;
}

.channels-container .button-new-ui.height-32 {
	min-height: 32px;
	max-height: 32px;
}

.channels-container .configuration-ditails-form {
    align-items: flex-start;
	height: 38px;
	min-height: 38px;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

	.channels-container .configuration-ditails-form label.h32 {
		height: 32px;
		min-height: 32px;
		line-height: 32px;
	}

	.channels-container .configuration-ditails-form.h40 {
		height: 40px;
		min-height: 40px;
	}

	.channels-container .configuration-ditails-form label:after {
		content: ":";
		margin-left: -2px;
	}

	.channels-container .configuration-ditails-form label > span.text-overflow {
		display: inline-block;
		vertical-align: top;
		max-width: calc(100% - 8px);
		cursor: inherit;
	}

	.channels-container .configuration-ditails-form label ~ .configuration-ditails-data {
		align-items: flex-start;
        max-width: calc(100% - 180px);
		width: calc(100% - 180px);
	}

/*		.channels-container .configuration-ditails-form label ~ .configuration-ditails-data > p {
			margin: -1px 0 0;
		}*/

.channels-container .configuration-ditails-data .vicon-font.v-error:after {
    right: -3px;
    top: -2px;
}


.channels-container .configuration-ditails-data .blue-border-input {
	width: 100%;
}


.channels-container .configuration-ditails-data > .button-new-ui, .channels-container .configuration-ditails-data > .button-new-ui > span.text-overflow {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}

.channels-container .snapsot-container {
	width: 370px;
}

	.channels-container .snapsot-container .snapshot-button {
		flex-grow: 0;
		margin: 0;
		max-width: 100%;
	}
    .channels-container .snapsot-container .snapshot-button .flex-align{
        display: flex;
        justify-content:center;
        align-items:center;
    }

		.channels-container .snapsot-container .snapshot-button .snapshot-filler {
			min-width: 6px;
			max-width: 6px;
			width: 6px;
		}

.channels-container .snapsot-data-container {
	display: flex;
	border: solid 1px;
	box-sizing: border-box;
	margin-top: 16px;
	width: 100%;
	height: 218px;
	min-height: 218px;
	max-height: 218px;
}

.channels-container .snapshot-container-thickclient {
    margin: 0;
    height: 320px !important;
    max-height: 320px;
}

	.channels-container .snapsot-data-container .snapshot-spinner-container {
		display: block;
		position: relative;
		margin: auto;
		width: 88px;
		height: 88px;
	}

	.channels-container .snapsot-data-container .snapshot-videoshot {
		/* position: relative; top: 66px; left: -66px; */
		width: 100%;
		height: 100%;
	}

	.channels-container .snapsot-data-container .snapshot-error-text {
		display: block;
		color: #CDCDCD;
		text-align: center;
		line-height: 28px;
		margin: auto;
		padding: 0 12px;
		width: 100%;
		height: 28px;
		cursor: default;
	}

.channels-container .vms-channels-linked-audio-resources {
	margin: 5px auto 10px 0;
	width: 100%;
	max-width: 300px;
}

.channels-container .configuration-audioresources-container {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	min-height: 30px;
	height: 30px;
}


.channels-container .vms-channels-linked-audio-resources .text-overflow {
	line-height: 25px;
	width: calc(100% - 25px);
	height: 25px;
}

.channels-container .configuration-audioresources-container:hover {
	background-color: #353A44
}

	.channels-container .configuration-audioresources-container:hover .text-overflow {
		width: calc(100% - 50px);
	}

    .channels-container .configuration-audioresources-container:hover .vms-grid-delete-button {
        display: block;
    }

.channels-container .configuration-ditails-form span.ui-spinner {
	width: auto;
}

.channel-properies-floating-container {
	position: relative;
	min-height: 40px;
	width: 100%;
}

	.channel-properies-floating-container .configuration-ditails-form {
		position: absolute;
		bottom: 0;
		min-height: 40px;
		max-width: 100%;
		width: 100%;
	}

.channels-container .snapsot-container {
	margin: 342px auto 0 0;
	padding: 0 15px;
	width: 322px;
	height: 268px;
}

.channels-container .recording-information {
	color: #979ba3;
	line-height: 15px;
	padding: 0 10px;
	overflow: hidden;
	height: 45px;
}

.channels-container .schedule-container {
	padding: 0 10px;
	max-height: calc(100% - 180px);
	height: calc(100% - 180px);
	overflow-y: auto;
}


.uib-tab .tab-header-text {
	display: inline-block;
	vertical-align: top;
	max-width: 120px;
}


.channels-container .schedule-item-container:not(:nth-child(1)) .configuration-recording-row-head {
    margin-top: 12px;
}

.channels-container .configuration-recording-row-head {
	color: #c7cbd1;
}
.channels-container .configuration-recording-row-head .icon-container {
    align-self: flex-start;
    min-width: 30px;
    max-width: 30px;
}
.channels-container .configuration-recording-row-head .content-container {
    align-items: flex-start;
    max-width: calc(100% - 30px - 56px);
}
.channels-container .configuration-recording-row-head .content-container .recording-schedule-name {
    color: #ffffff; white-space: nowrap; align-items: flex-start;
}
.channels-container .configuration-recording-row-head .content-container .recording-schedule-substance {
    align-items: flex-start; flex-wrap: wrap;
}
.channels-container .configuration-recording-row-head .content-container .recording-schedule-title {
    color: #ffffff;
}
.channels-container .configuration-recording-row-head .garbage-container {
    display: none;
    align-self: flex-start;
    min-width: 30px;
    max-width: 30px;
    height: 28px;
}
.channels-container .schedule-item-container:hover .garbage-container {
    display: flex;
}

.channels-container .schedule-container .visible-videosource-item {
	display: flex !important;
    align-items: center;
	line-height: 33px;
    height: 33px;
}
/*.channels-container .schedule-container .visible-videosource-item .eventslist-title {*/
.channels-container .schedule-container .eventslist-title {
    color: #c7cbd1;
    padding: 0 6px;
    max-width: calc(100% - 12px - 36px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.channels-container .schedule-container select-wrapper > .text-overflow {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}

.channels-container .configuration-ditails-data .details-data {
    width: 96px;
    max-width: 96px;
}
.channels-container .configuration-ditails-data .details-minor {
    width: calc(100% - 96px - 6px);
    max-width: calc(100% - 96px - 6px);
    padding-left:10px;
}
.channels-container .configuration-ditails-data .details-minor.small {
    display: none;
}
.channels-container .configuration-ditails-data .details-minor.small .alertIconCmpnt {
    top: 4px;
    cursor: default;
}
/*.channels-container .configuration-ditails-data .details-minor.small .alertMessage {
    top: 11px;
}*/

.channels-container .configuration-ditails-data .details-minor.small .alertIconCmpnt.dir-left.algn-center .alertMessage {
    transform: none;
    left: -252px;
    top: -2px;
}
.channels-container .configuration-ditails-data .details-minor.small .alertIconCmpnt.dir-left.algn-center .alertMessage:after {
    left: calc(100% - 1px);
}

.channels-container .configuration-ditails-data .vms-numeric.dummy-numeric {
    width: 57px;
    height: 26px;
}
    .channels-container .configuration-ditails-data .vms-numeric.dummy-numeric .ui-spinner {
        background: #6e7076;
        display: block;
        height: 100%;
        cursor: no-drop !important;
    }


.channels-container .stream-header-container {
    color: #ffffff;
}
    .channels-container .stream-header-container > .glyphicon {
        text-align: right;
        margin-right: 6px;
        width: 24px;
    }

.views-new-ui .ui-grid-menu-button {
    display: flex;
    background: transparent;
	border: none;
    width: 39px;
	height: 39px;
}


/*.views-new-ui .ui-grid-menu-button:hover i.ui-grid-icon-menu {
    color: #69b9ff;
}*/
    .views-new-ui .ui-grid-menu-button .ui-grid-icon-container {
        margin: auto;
        width: 28px;
        height: 28px;
        display: none;
    }

.views-new-ui .ui-grid-menu-button .ui-grid-icon-container > i {
    display: none;
}
.views-new-ui .report-in-process .ui-grid-menu-button {
    cursor: progress;
}
.views-new-ui .report-in-process .ui-grid-icon-container {
    pointer-events: none;
}
.views-new-ui .ui-grid-menu-button .ui-grid-icon-container:after {
    display: block;
    content: "\e904";
    font-family: "vicon-font";
    font-size: 22px;
    color:#358cd8;
    text-align: center;
    line-height: 26px;
    width: 28px;
    height: 28px;
}
.w-100{
    width:100%!important;
}
/* == Report Icon with spinner == */

#camerasEncoders-grid-placeholder {
    position: relative;
}
/*Integration partner LPR - Neural Labs*/
#integrationPartners-grid-placeholder {
    position: relative;
}

.report-button-container {
	position: absolute;
	top: 7px;
	right: 25px;
    border-radius: 3px;
	width: 25px;
	height: 25px;
    z-index: 1;
    /*background: red;*/
}
.report-button-container:hover {
    background: #292d35;
}
.v-report-spinner {
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 11px;
    z-index: 9999;
    width: 25px;
    height: 25px;
}

.v-report-spinner * {
    font-size: 23px;
    font-style: normal;
    color: #358cd8;
}

.v-report-spinner:hover * {
    color: #69b9ff;
}

/* hidding spinner by default */
.v-report-spinner span {
    display: none;
    color: #358cd8;
}

/* icon spinner displaying when spinner is on */
.v-report-spinner.report-in-process span {
    display: inline;
}

/* icon lines hidding when spinner is on */
.v-report-spinner.report-in-process i { 
    display: none;
}

/* icon frame - always visible */
.v-report-spinner i:nth-of-type(1) {
    display: inline !important; 
}

/* icon inner spinner animation with keyframes below */
.v-report-spinner.report-in-process span:before {
    animation: spinerSpin 1s infinite;
}

@keyframes spinerSpin {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}







/*
@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes spinnerRotate
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(360deg);}
}
.views-new-ui .report-in-process .ui-grid-menu-button .ui-grid-icon-container:after {
    font-family: 'Glyphicons Halflings';
    content: "\e088";
    border-radius: 14px;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}
*/
.views-new-ui .ui-grid:not(.report-in-process) .ui-grid-menu-button:hover .ui-grid-icon-container:after {
    color: #69b9ff;
}

.views-new-ui .ui-grid-menu {
    top: 39px;
    padding: 0;
    box-shadow: -2px 2px 5px 0px #000000;
    transition-property: display;
    transition-duration: .2s, 1s;
    transition-timing-function: linear, ease-in;
}
.views-new-ui .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
    overflow: auto;
    border: 0;
}

.views-new-ui .ui-grid-menu .ui-grid-menu-inner {
    background: #22446f;
    border: none;
}

.views-new-ui i.ui-grid-icon-menu {
}  

.views-new-ui .ui-grid-menu .ui-grid-menu-inner ul li {
    padding: 0 12px;
    min-width: 180px;
}
.views-new-ui .ui-grid-menu .ui-grid-menu-inner ul li:nth-child(1) {
    padding-top: 4px;
}
.views-new-ui .ui-grid-menu .ui-grid-menu-inner ul li:nth-child(2) {
    padding-bottom: 4px;
}
.views-new-ui .ui-grid-menu .ui-grid-menu-inner ul li:hover {
    background: #467cc2;
}
.views-new-ui .ui-grid-menu .ui-grid-menu-inner ul:hover li:nth-child(1) > button  {
    border-bottom: solid 1px transparent;
}
.views-new-ui .ui-grid-menu .ui-grid-menu-inner ul li button {
    display: flex;
    color: #ffffff;
    line-height: 38px;
    padding: 0;
    height: 38px;
}
.views-new-ui .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
	border: none;
}
.views-new-ui .ui-grid-menu .ui-grid-menu-inner ul li:not(:nth-child(1)) {
    display: none;
}
/*
.views-new-ui .ui-grid-menu .ui-grid-menu-inner ul li:nth-child(1) > button {
    border-bottom: solid 1px #358cd8;
}
.views-new-ui .ui-grid-menu .ui-grid-menu-inner ul li:nth-child(2) > button {
    border-bottom: 0;
}

*/


.views-new-ui .ui-grid-menu .ui-grid-menu-inner ul li button:hover,
.views-new-ui .ui-grid-menu .ui-grid-menu-inner ul li button:focus,
.views-new-ui .ui-grid-menu .ui-grid-menu-inner ul li button:active {
    box-shadow: none;
    outline: none;
}

.views-new-ui .excel-icon {
    /*background-color: #ffffff;*/
    position: relative;
    display: block;
    /*vertical-align: top;*/
    width: 16px;
    height: 12px;
    margin: auto;
	/*
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 12px;
    position: relative;
    margin: auto 12px auto 2px;
	*/
}
	.views-new-ui .excel-icon:before {
		content: "";
		position: absolute;
		top: -0.5px;
		left: 0.5px;
		background: #ffffff;
		width: 16px;
		height: 13px;
	}
.views-new-ui .excel-icon:after {
    content: "\e902";
    color: green;
    font-size: 18px;
    display: block;
    position: absolute;
    /*z-index: 20;*/
    top: -3px;
    left: -1px;
}
/*
.views-new-ui .excel-icon:before {
	content: "\e902";
	color: green;
	font-size: 18px;
	display: block;
	position: absolute;
	z-index: 20;
	top: -3px;
	left: -1px;
}
*/
.views-new-ui .pdf-icon {
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    position: relative;
    margin: auto 12px auto 2px;
}
.views-new-ui .pdf-icon:before {
    content: "\e903";
    color: red;
    font-size: 18px;
    display: block;
    position: absolute;
    z-index: 20;
    top: -3px;
    left: 0px;
}
.views-new-ui .pdf-icon:after {
    content: '';
    width: 10px;
    height: 2px;
    display: block;
    background-color: #ffffff;
    position: absolute;
    z-index: 10;
    top: -2px;
    left: 1px;
}

.reports-grid-container .ui-grid-header-cell:nth-last-child(1) .ui-grid-header-cell-label {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 62px);
}



@media (max-width: 1530px) {
	.channels-container .configuration-ditails-data .details-minor:not(.small) {
        display: none;
    }
    .channels-container .configuration-ditails-data .details-minor.small {
        display: block;
    }    
}
/*common-blue-radio-btn css start*/

.common-blue-radio-btn {
    position: relative;
    cursor: pointer;
}
 .common-blue-radio-btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    outline: 0;
}
.common-blue-radio-btn .checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: #ffffff;
}

.common-blue-radio-btn input:checked ~ .checkmark {
    background-color: #3c88fd;
}


 .common-blue-radio-btn input:checked ~ .checkmark:after {
    display: block;
    transition: all 0.4s;
}
 .common-blue-radio-btn .checkmark:after {
      content: "";
    position: absolute;
    display: none;
    top: 5px;
    left: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
     transition:all 0.4s;
}

/*common-blue-radio-btn css End*/
/*new class added for colors*/
.green-color {
    color: #62be2a;
}

.red-color {
    color: #ff0000;
}
.ui-grey-color{
    color:rgb(128,128,128);
}
.ui-brightGrey-color {
    color: rgb(234,234,234) !important;
    font-weight:normal;
}