.action_form{
	padding: 10px 20px 10px 0px;
	font-size: .9em;
}

.klipid_table_wrapper{
	width: 90%;
    padding: 0px 20px;
}

.ui-dialog-titlebar-close {
    background-image: url("images/x.png");
}


.delete_video_btn{
    text-align: center;
    color: red;
}
.delete_video_btn span{
    cursor: pointer;
}

.align-left{
	text-align: left;
}

.center-text{
    width: 100%;
    text-align: center;
}

.delete_this_fields{
    cursor: pointer;
    color: red;
}

#field_table_wrapper .dt-checkboxes-cell{
        cursor: default !important;
}

#field_table_wrapper .dt-checkboxes-cell input{
        cursor: pointer !important;
}

#klipid_table_spinner{
    background-color: #c1c1c130;
    position: absolute;
    z-index: 999;
    left: 20px;
    text-align: center

}

.div-spinner{
    font-size: 10em;
    position: relative;
    z-index: 10000;
    color: #9ea3a8;
}

#field_table_wrapper .dataTables_scroll{
	border: 1px solid #c1c1c1;
}
#field_table_wrapper .dataTables_scrollBody{
	border-bottom: none;
    min-height: 200px;
}

#field_table_filter{
	padding-bottom: 5px;
}

#field_table_wrapper th{
	
}

.bar {
    height: 18px;
    background: green;
}

.field_holder{
    padding-bottom: 10px;
    border-bottom: 2px solid #e9e9e9;
    padding-top: 10px;
}

.even_field{
    border-left: 2px solid #e9e9e9;
    border-right: 2px solid #e9e9e9;
    padding-left: 5px;
    padding-right: 20px;
}

.odd_field{
    padding-left: 0px;
    padding-right: 0px;   
}

.left_field {
    padding-right: 20px;
}

.right_field{
    padding-left: 5px;
}

.input_fields{
    padding-right: 2px;
}

.input_fields input[type="text"]{
    width: 100%;
}

.input_fields input[type="checkbox"]{
    position: absolute;
    top: 1px;
    left: 15px;
}

.invisible{
    position: relative;
    z-index: 0;
    opacity: 0;
}

.is-needed-field{
    float: right;
    position: relative;
    left: 10px;
    top: 5px;
    font-size: 1.4em;
    color: red;
    font-weight: bold;
}

.upload_label{
  padding-top: 8px;
  padding-bottom: 5px;
  border-bottom: 2px solid #e9e9e9;
  position: relative;
  top: -2px;
  padding-left: 10px;
  padding-right: 10px;
  height: 50px;
  border-top: 2px solid #e9e9e9;
}

.file_browse_btn{
    padding: 4px;
    position: absolute;
    left: 12px;
    border-radius: 4px;
    z-index: 10;
    border: 1.5px solid #b8b6b6d1;
    background-color: #eeeeee;
    width: 75px;
    top: 8px;
    cursor: pointer;
}


.file_browse_btn:hover{
    border: 1.5px solid #a6a3a3d1;
    background-color: #d3d1d1;
}

#file_name{
    position: relative;
    z-index: 13;
    border: none;
    font-size: 1.1em;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 31px;
    padding: 4px;
}

.file_input_label{
    width: 100%;
}

.input_field_holder{
    width: 100%;
    padding-left: 75px;
    position: absolute;
    top: 9px;
    padding-right: 20px;
    height: 30px;
}


.upload_progreess_bar{
    width: 0%;
    height: 30px;
    background: #00ff3ef7;
    position: relative;
    top: -31px;
    z-index: 12;
    border: 1.5px solid #b8b6b6d1;
    border-right: none;
    -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
}

.field_labels{
    padding-right: 0px;
}

.ui-widget-overlay.ui-front{
    z-index: 9996 !important;
}

.ui-dialog{
 z-index: 9997 !important;   
}

.update_video_btn{
    text-align: center;
}

.center_video_btn{
    text-align: center;
}

.update_video_btn span{
    cursor: pointer;
}

#create-user{
    position: absolute;
    left: 42%;
    top: 40%;
}

#edit_form_loader{
    position: absolute;
    font-size: 2.5em;
    background-color: #c2c0c0;
    width: 98%;
    height: 84%;
    z-index: 9;
}

#edit_form_loader span{
    position: relative;
    top: 40%;
    left: 40%;
}

#edit_video_field_set{
    font-size: .8em;
}

.clickable_link{
    color: #3131d0 !important;
    text-decoration: underline;
}

.delete_video_confirmation_message{
  text-align: center;
  font-size: 2em;
  margin-top: 5%;
}

#delete_video_name{
  color: #df3a3a;
  font-weight: bold;
  font-style: italic;
}

#confirm-dialog-form{
  display: none;
}
