.jweb-cont-box {
    display: flex;
}

/* layout.css Style */
.upload-drop-zone {
    height: 80px;
    border-width: 2px;
    margin-bottom: 20px;
}

/* skin.css Style*/
#reset_manual_file {
    display: none;
}

.h3 {
    padding-left: 40px;
}

.green_box_content {
	font-size:115%;
	text-align:justify;
}



.upload-drop-zone {
    color: #337ab7;
    border-style: dashed;
    border-color: #ccc;
    text-align: center;
    display: table;
    width: 100%;
}

.upload-drop-zone.drop {
    color: #222;
    border-color: #222;
}

#res_ext_url {
    width: 30%;
}

#rese_drop_or_ext_cont {
    display: table-cell;
    vertical-align: middle;
}

#reset_manual_file {
    margin: 15px 0;
}

#table-dropbox-files td {
    vertical-align: middle !important;
}

/*Load Icon*/
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}

/*End Load Icon*//*pure-css-speech-bubbles*/
.triangle-border {
    position: absolute;
    padding: 15px;
    margin: 1em 0 3em;
    border: 2px solid red;
    color: #333;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.triangle-border:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40px;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: red transparent;
    display: block;
    width: 0;
}

.triangle-border:after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 47px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

.triangle-border.right:after {
    top: 14px;
    bottom: auto;
    left: auto;
    right: -25px;
    border-width: 11px 0 11px 25px;
    border-color: transparent #fff;
}

.triangle-border.right:before {
    top: 10px;
    bottom: auto;
    left: auto;
    right: -30px;
    border-width: 15px 0 15px 30px;
    border-color: transparent red;
}

.triangle-border.left::before {
    top: 10px;
    bottom: auto;
    left: -30px;
    border-width: 15px 30px 15px 0;
    border-color: transparent red;
}

.triangle-border.left::after {
    top: 16px;
    bottom: auto;
    left: -21px;
    border-width: 9px 21px 9px 0;
    border-color: transparent #fff;
}



/*End bubble Styles*/
.res_edit_type, .res_edit_section, .res_edit_descrip, #res_col_type, #res_col_section, #res_col_short_url {
    cursor: pointer;
}

.re_font_size > a {
    font-size: 10px;
}

.res_other {
    display: block;
}

.valid_url_has_error {
    border-color: #a94442;
}

#res_others_paper .aspre-buttons-bubbles, #res_others_paper .aspre-center-cancel {
    float: right;
}

#res_others_paper .aspre-buttons-bubbles {
    width: 22%;
}

#res_others_paper #aspre-input-new-folder {
    width: 67%;
    float: left;
}

.res_text_paper:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.res_recently_row {
    border: 2px solid blue;
}

.res_o_time {
    display: block;
    font-size: 11px;
    color: gray;
}

.content-loader tr td {
    white-space: nowrap;
}

.table-hover > tbody > tr.select-row:hover > td, .select-row > td {
    background-color: #bddef9;
}

.col_info {
    background-clip: padding-box;
    border: 10px solid transparent;
    background-color: #DCF8C6;
}

.col_author {
    background-clip: padding-box;
    border: 10px solid transparent;
    background-color: #cce6ff
}

.btn-rb {
    background-color: #A0DE80;
}


.div_msg {
    width: 800px;
    margin: 0 auto;
}

.btn-purple {
    color: #ffffff;
    background-color: #690F96;
    border-color: #130269;
}

.btn-ap {
    border-color: gray;
}

    
.btn-ap:hover, .btn-ap:focus, .btn-ap:active, .btn-ap.active, .open .dropdown-toggle.btn-ap {
    border-color: #130269!important;
	background-color: #F7E7DC!important;
	cursor: pointer;
     }



.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-purple {
    color: #ffffff!important;
    background-color: #822CF2!important;
    border-color: #130269!important;
	cursor: pointer;
}



.btn-black {
    color: white;
    background-color: black;
    border-color: #130269;
}

.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .open .dropdown-toggle.btn-black {
    color: white;
    background-color: #2F3E6B;
    border-color: #130269;
}


.btn-purple.disabled, .btn-purple[disabled], fieldset[disabled] .btn-purple, .btn-purple.disabled:hover, .btn-purple[disabled]:hover, fieldset[disabled] .btn-purple:hover, .btn-purple.disabled:focus, .btn-purple[disabled]:focus, fieldset[disabled] .btn-purple:focus, .btn-purple.disabled:active, .btn-purple[disabled]:active, fieldset[disabled] .btn-purple:active, .btn-purple.disabled.active, .btn-purple[disabled].active, fieldset[disabled] .btn-purple.active {
    background-color: #690F96;
    border-color: #130269;
	  cursor: not-allowed!important;

}

.btn-purple .badge {
    color: white !important;
    background-color: #ffffff;
}

a.btn-purple:visited {
    color: inherit;
}
#box-container{
    display: flex;
}
#box-container > *{
    border: 0;
    padding: 1em;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dz-default.dz-message{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#box-container .box-upload{
    background-color: cce6ff;
    border-style: dashed;
    border-width: 4px;
    border-color: #6374E6;
    margin: 0 15px;
    position: relative;
	
}
.box-upload:hover {
	cursor:pointer;
}

.logo-upload{
    position: absolute;
    bottom: 0;
    right: 0;
}

.modal-class{
}

.preview_class{
    text-align: left;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-bottom:10px;
}

.center{
    margin: 3px auto 3px auto;
    text-align: center;
}

.table-first-row{
    background-color:#d0e9c6 ;
	}


.preview-data-table{
    font-size: 12px;
}

.custom-font{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}

.preview_data_table_cell{
    text-align: left;
    overflow-x: auto;
    overflow-y: auto;
	height:10px;
	display:inline;
    white-space: nowrap;
    max-width: 150px;
}



.table-header{
    text-align:left;
    text-indent: 2%;
	font-size:135%;
    vertical-align:middle;
}

.cell-style{
    width:15%;
    text-align:left;
    vertical-align:middle!important;
	padding-top:0px!important;
	padding-bottom:0px!important;
	padding-left:5px!important;

}


.first-column{
	font-size:130%;
	vertical-align:middle !important;
}

.bingo-cell{
	vertical-align:middle !important;
}
.cell-editbox{
	vertical-align:middle !important;
}



.disable {
    -webkit-filter: blur(4px) grayscale(100%);
    -moz-filter: blur(4px) grayscale(100%);
    -o-filter: blur(4px) grayscale(100%);
    -ms-filter: blur(4px);
    filter: blur(4px) grayscale(100%);
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.saving-text{
    position: absolute;
    z-index: 100;
    width: 50%;
    text-align: center;
    padding-top:10px;
}

.full-height{
    min-height: 100%;
    height: 100%;
}


.html {
  scroll-behavior: smooth;
}


.preview_title {
	font-size:x-large;
}	
.problem_form_label {
    font-weight: 400;
}
	
.yellow_note {
	background-color:#f2f2d9;
	border-color:#C2C291;
}

a:hover {
  color:#94A4F2;
}

.btn-main{
    min-width: 110px;
    max-width: 110px;
	margin-top:8px;
}
.index_column1{
	padding-right:70px;
	text-align:right;
	 vertical-align: text-top;

	
}
.index_column2{
	padding-left:20px;
	text-align:left;
	 vertical-align: text-top;

	
}


.noHover{
	pointer-events: none;
}



#alert2 {
	display: none;
	background-color: #DCF8C6;
	border: 1px solid #aaa;
	position: fixed;
	width: 350px;
	left: 50%;
	top: 35%;
	margin-left: -175px;
	padding: 6px 8px 8px;
	box-sizing: border-box;
	text-align: center;
 }
        
#confirm .message {
 text-align: left;
}

.btn-quick {
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin-left:10px!Important;
	
	
}
.btn-quick:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
.btn-quick:active {
	position:relative;
	top:1px;
}


.delete_button {
		cursor:pointer;
}

.file_checkbox {
			cursor:pointer;
}

.btn-filter {
	 margin-bottom:5px;
	 margin-top:5px;
	 margin-left:10px;
	}
	
	
.btn-codebook {
	 margin-bottom:5px;
	 margin-top:5px;  
	}



.field-filled {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f5f2f5 5%, #ffffff 100%);
	background-color:#f5f2f5;
	border-radius:21px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:11px;
	padding:1px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.field-filled:hover {
	background:linear-gradient(to bottom, #A1A1A1 5%, #f5f2f5 100%);
	background-color:#A1A1A1;
	
	
}
.field-filled:active {
	position:relative;
	top:1px;
}

.editbox_column_header:hover{
	color:blue;
    cursor:pointer!important;
}

.table-link:hover {
	color:blue;
}


.filename_cell {
	color:#5069C7!important;
	}
	
.filename_cell:hover {
	color:#192E75;
	cursor:pointer!important;
	}
	
html {
	scroll-behavior: smooth;
}

.problem_form_label {
	font-weight: 400;
	}
	
.preview_link {
	color:#5069C7!important;
}

.preview_link:hover {
	color:#192E75!important;
	cursor:pointer!important;
	}
	
	
	
.button_switch:hover {
		cursor:pointer;
	}
	
a:hover {
	color:blue!important;
}


.logo {
	margin-top:5px;
	margin-bottom:5px;
	height:80px;
	vertical-align:middle;
}

.cell_more:hover {
	cursor:pointer;
}

 .th-sort:hover {cursor:pointer;color:blue}
 
 .container-1200 {
	width:1200px
	}

.container-900 {
	width:900px
	}
	
.disabled_label:hover {cursor:not-allowed}


.vintage_monitor {
	border: 8px gray solid;
	border-radius: 25px;

	background-color: black;
	background-image: radial-gradient(
		rgba(0, 150, 0, 0.75), black 120%
	);
	color: white;
	padding-left:15px;
	padding-right:15px;
  font: 1.5rem "Lucida Console", Monaco, monospace;
    text-shadow: 0 0 5px #C8C8C8;
	::selection {
	background: #0080FF;
	text-shadow: none;
	}
	}
.vintage_monitor:focus, input:focus{
    outline: none;
	}
	
.vintage_monitor::after {
		  content: "";
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100vw;
		  background: repeating-linear-gradient(
			0deg,
			rgba(black, 0.15),
			rgba(black, 0.15) 1px,
			transparent 1px,
			transparent 2px;
		  );
		}
		
.btn-box-status 
	{
	margin-top:10px
	}
	
.td-bingo {padding:0px;}


#text_select_all_shown {
		
		display:inline;
		}
#text_select_all_shown:hover {
	cursor:pointer;
	}
	
.btn-ignore-warning{
	margin-top:2px;
}



.btn_blue {
	background-color:#004785!important;
	border-color:#004785!important;
	color:white!important;
	}
	
.btn_grey{
	background-color:#eeedea!important;
	border-color:#eeedea!important;
	}
	
.btn_blue:hover {
	background-color:#06aafc!important;
	}

.btn_red {
	background-color:#a90533!important;
	border-color:#a90533!important;
	color:white!important;
	}


.box_header {
	font-size:large;
	text-align:center;
	}
	
.see_list_box_id {font-size:medium}
.see_all_box_date {color:gray;font-size:small;display:inline;text-align:right;}
.see_all_td {vertical-align: middle!important;}