@charset "utf-8";
/* CSS Document */

.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 
{
	float:left; 
	padding:0 10px; 
} 
.btn 
{ 
	font-size: 12px; 
	padding: 4px 10px; 
}
.pagination 
{ 
	margin: 15px 0;
}
.pagination li a 
{ 
	padding: 4px 10px; 
}
.red 
{ 
	color:red; 
}
.red i:hover 
{ 
	color:#23527C; 
}
.error 
{ 
	color: red; 
	float: left; 
}

input[type='range'] 
{ 
	-webkit-appearance: none; 
	appearance: none; 
	-moz-appearance: none; 
	border-radius: 5px; 
	box-shadow: inset 1px 1px 1px rgba(000, 000, 000, 0.25); 
	background-color: #FFF; 
	vertical-align: middle; 
	width: 200px; 
}

input[type=range]::-webkit-slider-runnable-track 
{
 	-webkit-appearance: none;
 	appearance: none;
	border-radius: 5px;
 	box-shadow: inset 1px 1px 1px rgba(000, 000, 000, 0.25);
 	background-color: #FFF;
 	height: 10px;
 	vertical-align:middle;
 	border:solid 1px rgba(0, 0, 0, 0.25);
}

input[type='range']::-webkit-slider-thumb 
{ 
	-webkit-appearance: none; 
	border-radius: 10px; 
	background-color: #FFF; 
	box-shadow:inset 0px 1px 0px rgba(000, 000, 000, 0.5); 
	border: 1px solid #999; height: 20px; 
	width: 7px; 
	vertical-align:middle; 
	margin-top: -6px; 
}

input[type='range']::-moz-range-track 
{
	-moz-appearance: none;
 	border-radius: 5px;
 	box-shadow: inset 1px 1px 1px rgba(000, 000, 000, 0.25);
 	background-color: #FFF;
 	height: 8px;
 	border:solid 1px rgba(0, 0, 0, 0.25);
 	vertical-align:middle;
 	margin:0;
 	padding:0;
}

input[type='range']::-moz-range-thumb 
{
	-moz-appearance: none;
	border-radius: 10px;
	background-color: #FFF;
	box-shadow:inset 0px 1px 0px rgba(000, 000, 000, 0.5);
	border: 1px solid #999;
	height: 20px;
	width: 5px;
}

a 
{ 
	color:#333; 
}

#automation .error
{
	color:#F00; 
	font-weight:normal; 
	line-height:34px;
}

#automation input.error
{
	color:#000;
}

.pixflex-hide 
{
	display: none; 
}
.pixflex-hide-priority
{
	display:none !important;
}

.pixflex-show-inline-priority
{
	display:inline !important;
}

.pixflex-height 
{
	height: auto !important; 
}

.pixflex-blur 
{
	background-color: #888 !important;  
}

.pixflex-gray 
{
	background-color: #eee !important;  
}

.pixflex-cursor 
{
	cursor: pointer; 
}

.pixflex-no-cursor 
{
	cursor: text !important;
}

.pixflex-prevent-pointer 
{ 
	pointer-events: none; 
}

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

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

.tooltip
{ 
	z-index : 0!important;
}

.header_top_right_sc
{
	line-height: 0px;
}

.header_top_right_sc .pixflex-tooltip + .tooltip > .tooltip-inner , .pixflex-quick-tooltip + .tooltip > .tooltip-inner
{
	white-space:nowrap;
  	max-width:none;
}

.pixflex-tooltip + .tooltip > .tooltip-inner , .pixflex-quick-tooltip + .tooltip > .tooltip-inner
{
	background-color:white !important; 
	color: #000;
	font-family : "open_sansregular"; 
	text-align: center; 
	font-size: 12px;	
	white-space:nowrap;
  	max-width:none; 
	border: 1px solid#73879C;
}

#stat_master_block .pixflex-tooltip-break-word + .tooltip > .tooltip-inner
{
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
	word-break: break-all;
	white-space: normal;
}

.pixflex-tooltip + .tooltip.bottom .tooltip-arrow , .pixflex-quick-tooltip + .tooltip.bottom .tooltip-arrow 
{
	border-bottom-color: #eee; 
}

.pixflex-tooltip-extended + .tooltip > .tooltip-inner
{
	max-width:500px; width:auto;
}

.pixflex-tooltip-outer
{
	margin-top : 4px; 
	margin-top : 4px; 
	padding-top : 4px; 
	padding-top : 4px;
	font-size: 10px;
}

.pixflex-toltip-hr
{
	color : currentColor; 
	border-bottom :1px solid currentColor; 
	padding : 2px; 
	margin-bottom : 10px;
	font-weight: 700;
}

.pixflex-load
{	
    text-decoration: none !important;    
    font-size: 10px;
}

.pixflex-advance
{
	padding : 2px 4px;
	border-radius : 2px; 
}
				
.form-control 
{ 
	height: 30px; 
	padding: 2px 6px; 
	border-radius: 1px;
}

input[type='range'] 
{ 
	border-radius: 1px;
}

.green 
{ 
	color: green;
}

.start-job, .start-job:active, .start-job:focus, .start-job:hover 
{ 
	color: green !important; 
	text-decoration: none; 
	font-size: 13px;
} 

.pause-job 
{ 
	font-size: 13px;
}

.resume-job 
{ 
	font-size: 13px;
}
	
.stop-job 
{ 	
	font-size: 13px;
} 

.refresh-job 
{ 
	color: blue !important; 
	font-size: 13px;
} 

.job-load 
{ 
	width: 25px; 
	height: 25px; 
	display: inline;
}

.job-status, .job-status:active, .job-status:focus, .job-status:hover
{ 
	padding: 2px 8px; 
	background-color: #204d74; 
	border-color: #122b40; 
	font-size: 13px;
}

.logs-message-send
{ 
	position: absolute; 
	margin-top: 200px; 
	margin-left: 500px; 
}

.logo-container
{
	max-height: 90px;
}

.logo-container img
{
	max-height: 90px;
}


#profile #profile_modal , #input_modal_container #input_modal
{
	overflow-y: scroll;
}

#profile_modal .modal-body #container_header , #input_modal .modal-body #container_header
{
	display: none;
}

.sub_menu ul li a
{
	padding-top : 8px !important;
	padding-bottom: 8px !important;
}

.profile_tab_panel
{
	padding: 8px 15px !important;
}

#profile_form .nav 
{
    height:37px !important
}

.profile_tab_add_panel
{
	padding: 8px 5px !important;
}

.pixflex-description
{
	width: 350px !important;
	height: 30px !important;
}

.status-icon
{
	border-radius: 15px !important; 
	width: 5px !important; 
	padding: 5px 5px !important;
}

.input-status 
{
    color: #fff;
    background-color: #008856;
    border-color: #008856;
}

.image_process
{
	font-size: 17px;
}

.nav_title 
{
	height:0px !important;
	min-height: 0px !important
}
.menu_section ul 
{ 
	margin-top:0px !important; 
}
.top_nav .nav .open>a, .top_nav .nav .open>a:focus, .top_nav .nav .open>a:hover, .top_nav .nav>li>a:focus, .top_nav .nav>li>a:hover 
{
    color: white !important;
}

.equalizer_block  .tooltip.right 
{ 
	margin-left: -10px;
}
.eqaulizer_block .slider .tooltip-inner 
{
	margin-top:10px; 
}
.eqaulizer_block .tooltip-inner 
{ 
	padding: 2px 5px !important
}
.equalizer_block .font_size_10 
{ 
	font-size:10px; 
	text-align: center; 
	font-weight:5px!important
}
.equalizer_block .slider.slider-vertical 
{
	height: 100px;
	width: 20px; 
	margin-top:10px
}
.slider-handle 
{ 
	position: absolute; 
	top: 0; 
	width: 10px; 
	height: 10px; 
	background-repeat: repeat-x; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); 
	filter: none; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); 
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); 
	border: 0px solid transparent;
 }

.grid_custom .grid_header
{ 
	width:100%; 
	float:left; 
	font-size:14px; 
	color:#FFF; 
	text-align:left; 
	padding:7px 0px; 
	border-radius: 5px 5px 0 0; 
	font-weight:600
}
.container 
{ 
	width:100%;
}
.grid_custom 
{     
	margin: 0 0 10px 0px;
}
.grid_custom .row 
{ 
	margin:0px; 
	padding:5px 0px; 
	clear:both; 
	border:1px solid #ddd; 
	margin-bottom:-1px;
}

.grid_custom1 .row 
{ 
	margin:0px; 
	padding:5px 0px; 
	clear:both; 
	border: none;
	border-bottom:1px solid #ddd; 
	margin-bottom:-1px;
}

.grid_custom .row.odd 
{ 
	background:#f9f9f9 
}

.pixflex-fr-priority
{
	float:right !important;
}

.pixflex-fl-priority
{
	float:left !important;
}

.fr
{
	float:right !important;
}

.fl
{
	float:left !important;
}

.close 
{
	opacity: 1; 
	color: #ffffff;
}

.close:hover
{
	opacity: 1; 
	color: #ffffff;
}
.modal-header 
{
	color:white !important
}
.center-text 
{
	text-align: center !important;
}

.square_plus 
{
	-moz-box-shadow:inset 0px 0px 14px -3px #053887;
	-webkit-box-shadow:inset 0px 0px 14px -3px #053887;
	box-shadow:inset 0px 0px 14px -3px #053887;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dbe6c4), color-stop(1, #9ba892));
	background:-moz-linear-gradient(top, #053887 5%, #053887 100%);
	background:-webkit-linear-gradient(top, #053887 5%, #053887 100%);
	background:-o-linear-gradient(top, #053887 5%, #053887 100%);
	background:-ms-linear-gradient(top, #053887 5%, #053887 100%);
	background:linear-gradient(to bottom, #053887 5%, #053887 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe6c4', endColorstr='#9ba892',GradientType=0);
	background-color:#053887 ;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:2px;
	border:1px solid #053887;
	display:inline-block;
	cursor:pointer;
	color:white !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:1px 4px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ced9bf;
}
.square_plus:hover 
{ 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9ba892), color-stop(1, #dbe6c4));
	background:-moz-linear-gradient(top, #053887 5%, #dbe6c4 100%);
	background:-webkit-linear-gradient(top, #053887 5%, #dbe6c4 100%);
	background:-o-linear-gradient(top, #053887 5%, #dbe6c4 100%);
	background:-ms-linear-gradient(top, #053887 5%, #dbe6c4 100%);
	background:linear-gradient(to bottom, #053887 5%, #dbe6c4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ba892', endColorstr='#dbe6c4',GradientType=0);
	
}
.square_plus:active 
{
	position:relative;
	top:1px;
}

.panel_height_250
{
	min-height:250px !important;
}

.panel_height_200
{
	min-height:200px !important;
}

.tab-content
{ 
	border: 1px solid #ccc; 
	border-top: none; 
	float: left; 
	padding: 0px; 
	margin-bottom:20px; 
	width:100%
}
.tab-content .wrap 
{ 
	padding:15px; 
	margin-bottom:20px;
}

#loading-image 
{ 
	position: absolute; 
	top: 250px; 
	left: 700px; 
	z-index: 100; 
}

#import-loading-image {
    position: absolute;
    top: 135px;
    left: 269px;
    z-index: 100;
}

#scte-loading-image {
    position: absolute;
    top: 150px;
    left: 400px;
    z-index: 100;
}

.btn-circle 
{ 
	width: 20px !important; 
	height: 20px !important; 
	border-radius: 15px !important; 
	text-align: center !important; 
	font-size: 10px !important; 
	line-height: 1.428571429 !important;
	cursor:default; 
	background-color:#ffffff; 
	border-color:#ffffff; 
	margin-bottom:1px; 
	padding: 3px; 
}
.btn-circle.btn-lg 
{ 
	width: 50px; 
	height: 50px; 
	padding: 10px 16px; 
	border-radius: 25px; 
	font-size: 18px; 
	line-height: 1.33; 
}
.btn-circle.btn-xl 
{ 
	width: 70px; 
	height: 70px; 
	padding: 10px 16px; 
	border-radius: 35px; 
	font-size: 24px; 
	line-height: 1.33; 
}

.btn_circle:hover 
{
	cursor:default; 
	background-color:#ffffff !important; 
	border-color:#ffffff !important; 
	width: 20px !important; 
	height: 20px !important; 
}
.glyphicon_remove
{
	color:#DE0000;
}

.modal-title
{
	color:white !important;
}

.loop_icon 
{
	font-size:17px;
	position: absolute; 
	margin-top:1px !important;
}

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

.font_size_105
{
	font-size:105px !important;
}

.font_size_15
{
	font-size:15px !important;
}

.pixflex-label
{
	padding-top:5px !important;
}
.nav.side-menu>li.active, .nav.side-menu>li.current-page 
{
	border-right: 5px solid #334556 !important;
}

#profile_modal .modal-body .nav-tabs{ border-bottom: #053887 solid 1px; };
#profile_modal  .modal-body .nav-tabs{ height: 37px !important; };

/* monitor alarm page start */
.monitor_alarm_page .row_head .label-txt { float:left; width:100px; margin-right:10px; line-height:34px; font-weight:600}
.monitor_alarm_page .row_head .form-control { float:left; width:250px;}
.monitor_alarm_page .row_head { padding:0 15px;}
.monitor_alarm_page .col-lg-6 { padding-left:0;}
.monitor_alarm_page .grid_custom {width: 100%; }

.monitor_alarm_page .col_1 { width:5%;}
.monitor_alarm_page .col_2 { width:80%;}
.monitor_alarm_page .col_3 { width:15%;}

.loop_block {  margin-top: -5px; position: absolute;margin-left: -7px;font-size:15px;color:#053887 !important}
.segment_block {  margin-top: -9px; position: absolute;margin-left: -5px;font-size:15px}

.out_browse
{
	margin-top:-6px;
	width:65px;
	margin-left:15px;
}

.nav-md ul.nav.child_menu li:before
{
	background:#E7E7E7 !important;
}

.nav-md ul.nav.child_menu li:after 
{
    /*border-left: 1px solid #E7E7E7 !important; */
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0;		
}
.nav-md ul.nav.child_menu li:before
{
	border-radius: 0px !important;
	margin-top: 14px !important;
}

#job_advnace_details_modal_container .tooltip-inner
{ 
	word-break: break-all;
}

.pwstrength_viewport_progress .progress .password-verdict
{
	color: #ccc !important;
}


.add_page .main-wrap
{
	border:1px solid #ddd;
	padding:15px;
}

.dropdown-menu li a
{
	background: transparent;
	border: none;
}
.stream_menu
{
	margin-top: -5px;
}

#storage_block
{
	color:black !important;
}

#file_browse_file_selection_container_modal,
#output_file_selection_container_modal,
#output_file_selection_block_detials,
#file_browse_file_selection_block_detials
{
	color:black !important;
}

#file_browse_previous_block .glyphicon-arrow-left
{
	color: #ccc !important;
}

#output_previous_block .glyphicon-arrow-left
{
	color: #ccc !important;
}

#sequence_previous_block .glyphicon-arrow-left
{
	color: #ccc !important;
}

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

.hr_row_border
{
	border-top:1px solid !important;
	padding-top:10px !important;
}

.row_border
{
	border:2px solid !important;
}


.audio_coefficient_border
{
	border:1px solid !important;
	width:45px !important;
	height:35px !important;
}


.switcher_advance
{
	float:right !important;	
}

#file_browse_file_selection_modal .modal-dialog
{
	margin-top: 10%;
    margin-left: 35%;
}

.bg_white
{
	background: white !important;
}

.display_block
{
	display:block !important;
}

.bootbox-alert
{
	margin-left:10% !important;
}

.muxer-bitrate-width
{
	width:75px;
}
.border-none
{
    border: none !important;
}

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

.border-radius-none
{
    border-radius: 0px !important;
}

.single_input
{
	display:none !important;
	margin-left:11px !important;
	padding-left: 25px !important;
}

.cluster_tab
{
	border-right: 1px solid #ddd;
}

.cluster_non_active .fa-trash-o
{
	color: white !important;
}

.cluster_row
{
	background-color: #eee;
	border-radius: 8px 0px 0px 8px;
	box-shadow: 0 0 4px 1px #ddd;
}

.cluster_row:hover
{
	background-color: #ffffff !important;
	box-shadow: 0px 0px 4px 1px #ccc;
    font-weight: 600;
}

.cluster_row:hover .cluster_delete
{
	display: block;
}

.cluster_row:hover .process-copy-btn
{
	display: block;
}


#generate_cluster_details .row
{
	border-radius: 8px 0px 0px 8px !important;
}

#gstaf_sequence_sink_details .row
{
	border-radius: 8px 0px 0px 8px !important;
}

#show_details .row
{
	border-radius: 8px 0px 0px 8px !important;
}

.cluster_active
{
	background-color: #fff !important;
	border-radius: 8px 0px 0px 8px !important;
	color: #428bca !important;
    font-weight: 600;
	margin-right: -1px !important;
	z-index: 1 !important; 
	position: relative !important;
	border-right: 1px solid white !important;
}


.cluster_non_active
{
	background-color: #eee !important;
	border-radius: 8px 0px 0px 8px !important;
}

#output_specific_block
{
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

#add_cancel_output_block
{
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.border_1p
{
	border: 1px solid #ddd;
}

.border_right_left
{
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.border_right
{
	border-right: 1px solid #ddd;
}

.btn-headings-ip {
    background-image: -webkit-linear-gradient(top, #053887 20%, #eee 10%);
    padding-top: 10px;
    padding-bottom: 8px;
    font-size: 14px;
    border-radius: 0px;
	font-weight: 600;
    color: black;
}

.input-source:hover {
    font-size: 14px;
    font-weight: 600;
}
.output_nav_tabs > li.active > a
{
	color :#053887 !important;
	border-color : #053887 !important;
	border-right-color : transparent !important;
	border-bottom-color: #053887 !important;
}

.output_nav_tabs > li > a
{
	border-right-color : #053887 !important;
}

.output_profile_padding
{
	padding: 7px 0px;
	line-height: 1.471;
}

.input_details_padding
{
	padding: 7px 0px;
	line-height: 1.471;
}

.track_name_color
{
	color: #5A738E !important;
}

.label-style
{
	font-size: 16px;
    font-weight: 600;
	color: #252222;
}

.sub_label
{
	font-size: 14px;
    font-weight: 600;
	color: #252222;
}

.sub_label_1
{
	font-size: 13px;
    font-weight: 600;
	color: #252222;
}

.program_border
{
	border:1px solid #000000;
}

.clearable
{
  width: 11px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background-color: white !important;
  font-size: 12px;
  background: url('/dist/images/mJotv.gif') no-repeat right -10px center;
  padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
   -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.clearable.x  
{ 
	background-position: right 5px center; 
}
.clearable.onX
{ 
	cursor: pointer; 
}
.clearable::-ms-clear 
{
	display: none; 
	width:0; 
	height:0;
}
.cluster_row:hover .input_delete
{
	display: block;
}
.cluster_row:hover .input_test_btn
{
	display: block;
} 
.cluster_row:hover .delete_track_btn
{
	display: block;
}
.cluster_row:hover .edit_pip_track
{
	display: block;
}

.input_row_border
{
	border:1px solid #ccc;
}

.switcher_border
{
	border-left: 1px solid #334556;
	border-top: 1px solid #334556;
	border-bottom: 1px solid #334556;
}

.audio_bar
{
    border: 2px solid white !important; 
	width:15px !important;
	height:10px !important;
}

table .bg-red
{
	border: 2px solid white !important; 
}

.ts_media_info
{
	position: absolute;
    margin-top: 214px;
    margin-left: 1160px;
}
#process_track_list .row
{
	border-radius: 8px 0px 0px 8px !important;
}
.screen_loading
{
    position: absolute;
    left: 45%;
    top: 45%;
    z-index: 1000;   
}

#gstaf_profile_preset_details .row
{
	border-radius: 8px 0px 0px 8px !important;
}

#profile_block
{
	height:263px !important;
}
.profile_row_border
{
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.profile_row
{
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}


#backup_modal_container .modal-dialog
{
	width:40%;
	margin-left: 35%;
}


.job_line
{
	margin-top: 0px !important;
    margin-bottom: 0px  !important;
    border: 0;
	height:5px !important;
    border-top: 1px groove black;
	border-left: 1px groove black;
	border-right: 1px groove black;
}


.terminal_block
{
	min-height: 480px !important;
	height: 480px !important;
}

#response_block
{
	min-height: 420px !important;
	height: 420px !important;
	overflow-y: scroll !important;
	overflow-x: hidden !important;
}

.profile_label
{
	font-size: 16px;
    font-weight: 600;
}

.min_block_height
{
	min-height:300px !important;
}

#config_statistics .nav-tabs > li > a { background:#ededed; padding: 13px 15px 12px !important;}
#config_statistics .nav-tabs > li { margin-bottom:0px; } 
#config_statistics .nav-tabs>li.active > a { background:#ffffff; color:#ffffff; margin-bottom: -2px; border-bottom: 2px solid #F7F7F7;}


/*#config_statistics .nav-tabs>li.active>a {&:extend(.theme-bg-color, .theme-border-1px); } */
#config_statistics .nav-tabs>li.non_active>a:focus {background:#e5e5e5; }
#config_statistics .nav-tabs>li.non_active>a:hover {background:#e5e5e5; }


#config_statistics .nav-tabs { border-bottom: #ccc solid 1px; }
#stat_input_block .nav-tabs { border-bottom: #ccc solid 1px; }
#stat_profile_block .nav-tabs { border-bottom: #ccc solid 1px; }
#stat_master_block .nav-tabs { border-bottom: #ccc solid 1px; }

.asset_row
{
	border:solid 1px black;
	border-radius: 12px 12px 12px 12px;
	box-shadow: 0 0 4px 1px #ddd;
	line-height: 2.471;
}

.asset_status
	{
		padding: 5px;
		border-radius: 7px;
	}