@charset "utf-8";

body, html {
    width: 100%; height: 100%; margin: 0; padding: 0; color:#333;
    font-smooth:always; -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust:100%; font-size-adjust:100%;
    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif, Arial; font-size: 14px;
}

body, html, input, select, textarea, h1, h2, h3, h4, h5,
.ui *, .ui > * > *, .ui > * > * > *,
.ui.form .field label { font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif, Arial !important; font-weight: 400; }
/*.ui.form .field label { font-weight: 400; font-size: 14px; }*/
i.icon { font-family: 'Icons' !important; }
[class^="pe-7f-"], [class*=" pe-7f-"], [class^="p7f-"] { font-family: 'Pe-icon-7-filled' !important; }
[class^="pe-7s-"], [class*=" pe-7s-"], [class^="p7s-"] { font-family: 'Pe-icon-7-stroke' !important; }

header, section, footer { position: relative; width: 100%; height: auto; clear: both; }

.content-box { position: relative; max-width: 1200px; margin: auto; clear: both; }
.content-full { position: relative; width: 100%; height: auto; clear: both; }
.content-left { position: relative; float: left; }
.content-right { position: relative; float: right; }

.clear-left { clear: left !important; }
.clear-right { clear: right !important; }
.clear-fix, .clearfix, .clear-all, .clearall { clear: both !important; }

.textUpper { text-transform: uppercase !important; }
.textLower { text-transform: lowercase !important; }
.textCapital { text-transform: capitalize !important; }
.textOverflow { white-space: nowrap !important; text-overflow: ellipsis; width: 100%; display: inline-block; }

.col-left, .colLeft { text-align: left !important; }
.col-right, .colRight { text-align: right !important; }
.col-center, .colCenter { text-align: center !important; }

.w-100 { font-weight: 100 !important; }
.w-200 { font-weight: 200 !important; }
.w-300 { font-weight: 300 !important; }
.w-400 { font-weight: 400 !important; }
.w-500 { font-weight: 500 !important; }
.w-600 { font-weight: 600 !important; }
.w-700 { font-weight: 700 !important; }
.w-800 { font-weight: 800 !important; }
.w-900 { font-weight: 900 !important; }

.shadow-text-white, .shadow-white { text-shadow:0 1px 1px rgba(255, 255, 255, 0.85); }
.shadow-text-black, .shadow-black { text-shadow:0 1px 1px rgba(0, 0, 0, 0.65); }

.glow-text-white, .glow-white { text-shadow:0px 0px 5px rgba(255, 255, 255, 1); }
.glow-text-black, .glow-black { text-shadow:0px 0px 5px rgba(0, 0, 0, 1); }

.pbreak, .page-break { page-break-before: always; }
.nowrap { white-space: nowrap !important; }

.wow { visibility: hidden; }
.lazy { }
.jarallax { position: relative; margin: 60px 0;  }

.font-big { font-size: 52px !important; }
.font-medium { font-size: 42px !important; }
.font-small { font-size: 36px !important; }

#frameBox { position: relative; width: 100%; height: 100%; display: none; z-index: 99999; }
#frameOpen { position: absolute; left: -1px; top: -1px; width: 1px; height: 1px; }

.header-frame, .footer-frame { position:fixed; left:0; bottom:0; width:100%; background:none; background-color:#F9F9F9; height:45px; z-index:99; }
.header-frame i.close { position: absolute; right: 0; top: 0; font-size: 36px; line-height: 45px; cursor: pointer; }
.header-frame {  border-bottom: 1px solid #EAEAEA; padding:0 5px; left: 0; top: 0; }
.footer-frame { border-top: 1px solid #EAEAEA; padding:0 10px; left: 0; bottom: 0; }
.content-frame { position:relative; height:100%; overflow:auto; overflow-x:hidden; clear:both; max-width:inherit; margin:auto; padding:15px; }
.section-frame { z-index: 99; background-color:#FDFDFD; height: 100%; padding: 42px 0; }
.header-frame h2 { margin: 0; padding: 7px 10px; font-weight: 600; }
.upload-form { position: relative; float: left; width: 75%; height: 100%; overflow: hidden; }
.upload-info { position: relative; float: left; width: 25%; height: 100%; overflow-x: hidden; overflow-y: auto; }
.upload-form .ui.tab { height: calc(100% - 43px) !important; overflow: hidden; overflow-y: auto; padding: 15px; }
.upload-area { position: relative; width: 100%; height: 100%; }

.uploadPreview { margin: 0; padding: 0; list-style: none; }
.uploadPreview li { position: relative; float: left; margin:10px; width: 133px; height: 133px; overflow: hidden; background: #FFF; vertical-align: middle; }
.uploadPreview li div.image { margin: auto; max-width: 133px; max-height: 133px; border: 5px solid #EAEAEA; width: inherit; height: inherit; background-position: center center; background-size: cover; }
.uploadPreview li:hover div.image { border-color:#999; cursor: pointer; }
.uploadPreview li.select div.image { border-color:#004080; }        
.uploadOver { text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; }
.uploadOver h4 { margin: 0; }
.uploadTable { width: 100%; }

.uploadTable td:first-child { text-align: right; white-space: nowrap; padding-right: 5px; }
.uploadTable td:last-child { padding-left: 5px; padding: 3px 0; }

.uploadPreviewImage { position: relative; width: 80%; height: 130px; margin: auto; background-color: #FFF; margin-bottom: 5px; background-repeat: no-repeat; background-size:auto; background-position: center center; }

.dropzoneFull {
	position: fixed; top: 0; left: 0; 
    z-index: 9999999;               
    width: 100%; height: 100%;         
    background-color: rgba(64, 159, 255, 0.5);
    transition: visibility 175ms, opacity 175ms;
}
.dropzoneText { position: fixed; text-align: center; width: 70%; font-size:42px; line-height: 100%; font-weight: 700; color: #FFF; top:40%; left:50%; transform: translate(-50%, 0); padding: 40px; border: 1px dashed #FFF; }

.dropzoneBox { border: 3px dashed #B4B9BE; }
.dropzoneDrag { border-color:#333; }

/* FANCYBOX */
.fancybox-skin {
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.swal2-container { z-index: 999990; }
.swal2-overlay { z-index: 999991; }
.swal2-modal { z-index: 999992; font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif, Arial; }


/* SEMANTIC UI */

.ui.form .fields.error .field textarea,
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="url"],
.ui.form .fields.error .field textarea:focus,
.ui.form .fields.error .field input[type="date"]:focus,
.ui.form .fields.error .field input[type="datetime-local"]:focus,
.ui.form .fields.error .field input[type="email"]:focus,
.ui.form .fields.error .field input[type="number"]:focus,
.ui.form .fields.error .field input[type="password"]:focus,
.ui.form .fields.error .field input[type="search"]:focus,
.ui.form .fields.error .field input[type="tel"]:focus,
.ui.form .fields.error .field input[type="time"]:focus,
.ui.form .fields.error .field input[type="text"]:focus,
.ui.form .fields.error .field input[type="url"]:focus,
.ui.form .field.error textarea,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="url"],
.ui.form .field.error textarea:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="search"]:focus,
.ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="url"]:focus {
	background-image: url(/assets/img/must.png); background-position: right; background-repeat: no-repeat;
}

/*
 *  SCROLLBAR STYLE 1
 */
.scroll-1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; }
.scroll-1::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }
.scroll-1::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; }

/*
 *  SCROLLBAR STYLE 2
 */

.scroll-2::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.scroll-2::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.scroll-2::-webkit-scrollbar-thumb { background-color: #000000; }

/*
 *  SCROLLBAR STYLE 3
 */

.scroll-3::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.scroll-3::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }
.scroll-3::-webkit-scrollbar-thumb { background-color: #F90;	
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

/*
 *  SCROLLBAR STYLE 4
 */

.scroll-4::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.scroll-4::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }
.scroll-4::-webkit-scrollbar-thumb { background-color: #222; }