body,html { padding: 0px; margin: 0 0 40px 0; font-family: 'IBMPlexSansLight'; }

@font-face {
    font-family: 'IBMPlexSansLight';
    src: url('../fonts/IBMPlexSansLight/IBMPlexSansLight.eot');
    src: url('../fonts/IBMPlexSansLight/IBMPlexSansLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/IBMPlexSansLight/IBMPlexSansLight.woff') format('woff'),
         url('../fonts/IBMPlexSansLight/IBMPlexSansLight.ttf') format('truetype'),
         url('../fonts/IBMPlexSansLight/IBMPlexSansLight.svg#IBMPlexSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansLightItalic';
    src: url('../fonts/IBMPlexSansLightItalic/IBMPlexSansLightItalic.eot');
    src: url('../fonts/IBMPlexSansLightItalic/IBMPlexSansLightItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/IBMPlexSansLightItalic/IBMPlexSansLightItalic.woff') format('woff'),
         url('../fonts/IBMPlexSansLightItalic/IBMPlexSansLightItalic.ttf') format('truetype'),
         url('../fonts/IBMPlexSansLightItalic/IBMPlexSansLightItalic.svg#IBMPlexSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* BOLD */
@font-face {
    font-family: 'IBMPlexSansRegular';
    src: url('../fonts/IBMPlexSansRegular/IBMPlexSansRegular.eot');
    src: url('../fonts/IBMPlexSansRegular/IBMPlexSansRegular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/IBMPlexSansRegular/IBMPlexSansRegular.woff') format('woff'),
         url('../fonts/IBMPlexSansRegular/IBMPlexSansRegular.ttf') format('truetype'),
         url('../fonts/IBMPlexSansRegular/IBMPlexSansRegular.svg#IBMPlexSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IBMPlexSansRegularItalic';
    src: url('../fonts/IBMPlexSansRegularItalic/IBMPlexSansRegularItalic.eot');
    src: url('../fonts/IBMPlexSansRegularItalic/IBMPlexSansRegularItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/IBMPlexSansRegularItalic/IBMPlexSansRegularItalic.woff') format('woff'),
         url('../fonts/IBMPlexSansRegularItalic/IBMPlexSansRegularItalic.ttf') format('truetype'),
         url('../fonts/IBMPlexSansRegularItalic/IBMPlexSansRegularItalic.svg#IBMPlexSansRegularItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* BOLD */

b, strong { font-family: 'IBMPlexSansRegular' !important;}
i {  font-family: 'IBMPlexSansRegularItalic' !important;}
ul { margin: 0px; padding: 0px; }
.content { width: 1200px; max-width: 100%; min-width: 320px; margin: 0 auto; }
.clear { clear: both; }
input, textarea { padding: 15px 2% 15px 2%; width: 96%; resize: none; font-size: 18px; }
textarea { min-height: 200px; }

.des { font-weight: bold; text-transform: uppercase; font-size: 15px; margin: 35px 0 10px 0; }
#container {  padding: 0 2% 0 2%;  }

.button { font-size: 16px; position: relative; display: inline-block; padding: 20px 20px 20px 20px; cursor: pointer; text-transform: uppercase; color: #ffffff; background: #305685;
					    -moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius: 16px 16px 16px 16px;
    -khtml-border-radius: 16px 16px 16px 16px;
    border-radius: 16px 16px 16px 16px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
     }

.button2 { font-size: 16px; position: relative; display: inline-block; padding: 20px 20px 20px 20px; cursor: pointer; text-transform: uppercase; color: #ffffff; background: #a1213d;
					    -moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius: 16px 16px 16px 16px;
    -khtml-border-radius: 16px 16px 16px 16px;
    border-radius: 16px 16px 16px 16px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
     }

.sbutton { font-size: 16px; position: relative;
	display: inline-block; padding: 5px 5px 5px 5px; cursor: pointer; text-transform: uppercase; color: #ffffff; background: #eab626;
					    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
}
.sbutton:hover { background: #daa40d; }
.sbutton2 {  font-size: 16px;
	display: inline-block; padding: 5px 5px 5px 5px; cursor: pointer; text-transform: uppercase; color: #ffffff; background: #76b536;
					    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
}
.sbutton2:hover { background: #699937; }


.multiple_download_block .multiple_download_inverse { margin: 0 10px 0 10px; }     


#note_edit_result > div,
.note_result > div { padding: 25px 0 25px 0; }

.success { color: #298d49; font-weight: bold; }

.error { color: #af2d2d; font-weight: bold; }

ul.list.search li span { background: #278467; color: #dfefdf; }
ul.list.search li span:hover { color: #ffffff;}

ul.list.search.notfound li span { background: #821c2d; color: #f4d9e4; }
ul.list.search.notfound li span:hover { color: #ffffff;}

ul.list { padding: 0px; margin: 0px; }
ul.list li { margin: 10px 0 10px 0; list-style: none; }
ul.list li span { display: block; font-size: 24px; cursor: pointer; color: #d0f2fa; font-family: 'IBMPlexSansRegular'; line-height: 1.2em; background: #236dc0; width: 98%; padding: 8px 1% 8px 1%; 

				    -moz-border-radius: 14px 14px 14px 14px;
    -webkit-border-radius: 14px 14px 14px 14px;
    -khtml-border-radius: 14px 14px 14px 14px;
    border-radius: 14px 14px 14px 14px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
}
ul.list li span:hover { color: #fdfdfd; }

.note_fields > div { margin: 0 0 25px 0; }

/* ELA FILES */
.ela_field_upload { cursor: pointer; background: #F9F8E3; position: relative;
	     width: 96%; padding: 15px 2% 15px 2%; outline: none; border: #dedfd7 1px solid; font-size: 20px;
				    -moz-border-radius: 14px 14px 14px 14px;
    -webkit-border-radius: 14px 14px 14px 14px;
    -khtml-border-radius: 14px 14px 14px 14px;
    border-radius: 14px 14px 14px 14px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
     }
.ela_field_upload span { padding: 0 0 0 50px; }

.ela_field_upload:before { content: ""; position: absolute; left: 10px; top:50%; margin-top: -16px;  display: inline-block; width: 40px; height: 32px; background: url('../images/client_upload.png') no-repeat; }

.files_nav { padding: 15px 1% 15px 1%; width: 98%; background: #423f3f; 
					    -moz-border-radius: 14px 14px 14px 14px;
    -webkit-border-radius: 14px 14px 14px 14px;
    -khtml-border-radius: 14px 14px 14px 14px;
    border-radius: 14px 14px 14px 14px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
     }
ul.files { padding: 0px; margin: 20px 0 20px 0; }
ul.files li { list-style: none; display: inline-block; margin: 0 15px 18px 0; }


.icon_ext { float:left; text-align: center; display: inline-block; padding: 8px 10px 10px 10px; background: #ba6418; color: #ffffff;
		    -moz-border-radius: 14px 14px 14px 14px;
    -webkit-border-radius: 14px 14px 14px 14px;
    -khtml-border-radius: 14px 14px 14px 14px;
    border-radius: 14px 14px 14px 14px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
    
}

/* CHECKBOXES */
/* Main Classes */
.chk[type="checkbox"]:before{
    position: relative;
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid #808080;
    content: "";
    background: #FFF;
}
.chk[type="checkbox"]:after{
    position: relative;
    display: block;
    left: 2px;
    top: -11px;
    width: 7px;
    height: 7px;
    border-width: 1px;
    border-style: solid;
    border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;
    content: "";
    background-image: linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);
    background-repeat: no-repeat;
    background-position:center;
}
.chk[type="checkbox"]:checked:after{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);
}
.chk[type="checkbox"]:disabled:after{
    -webkit-filter: opacity(0.4);
}
.chk[type="checkbox"]:not(:disabled):checked:hover:after{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%,#FFF 100%);
}
.chk[type="checkbox"]:not(:disabled):hover:after{
    background-image: linear-gradient(135deg, #8BB0C2 0%,#FFF 100%);  
    border-color: #85A9BB #92C2DA #92C2DA #85A9BB;  
}
.chk[type="checkbox"]:not(:disabled):hover:before{
    border-color: #3D7591;
}
/* Large checkboxes */
.chk.large{
    height:22px;
    width: 22px;
    cursor: pointer;
}

.chk.large[type="checkbox"]:before{
    width: 20px;
    height: 20px;
}
.chk.large[type="checkbox"]:after{
    top: -20px;
    width: 16px;
    height: 16px;
}
/* Custom checkbox */
.chk.large.custom[type="checkbox"]:checked:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGHRFWHRBdXRob3IAbWluZWNyYWZ0aW5mby5jb23fZidLAAAAk0lEQVQ4y2P4//8/AyUYwcAD+OzN/oMwshjRBoA0Gr8+DcbIhhBlAEyz+qZZ/7WPryHNAGTNMOxpJvo/w0/uP0kGgGwGaZbrKgfTGnLc/0nyAgiDbEY2BCRGdCDCnA2yGeYVog0Aae5MV4c7Gzk6CRqAbDM2w/EaQEgzXgPQnU2SAcTYjNMAYm3GaQCxNuM0gFwMAPUKd8XyBVDcAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);
}
.chk.large.custom[type="checkbox"]:not(:disabled):checked:hover:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGHRFWHRBdXRob3IAbWluZWNyYWZ0aW5mby5jb23fZidLAAAAk0lEQVQ4y2P4//8/AyUYwcAD+OzN/oMwshjRBoA0Gr8+DcbIhhBlAEyz+qZZ/7WPryHNAGTNMOxpJvo/w0/uP0kGgGwGaZbrKgfTGnLc/0nyAgiDbEY2BCRGdCDCnA2yGeYVog0Aae5MV4c7Gzk6CRqAbDM2w/EaQEgzXgPQnU2SAcTYjNMAYm3GaQCxNuM0gFwMAPUKd8XyBVDcAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%,#FFF 100%);
}
/* CHECKBOXES */

.multiaction { display: inline-block; float: left; margin: 0 10px 0 0; }
.multiaction input { margin: 10px 0 0 0; }
.icon_ext.zip { background: #593d07;}
.icon_ext.jpeg { background: #eb551e;}
.icon_ext.pdf { background: #f64706;}
.icon_ext.sql { background: #ba0d78;}
.filename { float: left; display: inline-block; margin: 7px 0 0 10px; }
.filename > span,
.filename a { cursor: pointer; display: inline-block; float: left; font-size: 20px; color: #175b8f; text-decoration: none; }
.filename a:hover { color: #277fc1; }
.filename .delete_file { float: left; margin: 0 10px 0 10px; cursor: pointer; position: relative; top:5px; display: inline-block; }
.filename .delete_file span { display: inline-block; width: 20px; height: 20px; background: url('../images/close_black.png') no-repeat;  }
.files_exists { width: 25px; height: 27px; display: inline-block; margin: 0 0 0 15px; background: url('../images/files2.png') no-repeat; position: relative; top:4px;  }

.fast_load_link { }
/* ELA FILES */


/* PAGINATION */
ul.pagination { padding: 0px; margin: 0px; display: block; margin: 40px 0 40px 0; }
ul.pagination li { display: inline-block; float: left; list-style: none; margin: 0 5px 0 0; }
ul.pagination li a { padding: 8px 12px 8px 12px; background: #18477c; color: #fff; }
ul.pagination li.active a { background: #5385be; } 
/* PAGINATION */

/* ADVICE */
.advice_outside { position: fixed; width: 100%; height: 50px; left: 0px; top:0px; text-align: center; z-index: 1000; }
.advice_outside .advice { display: inline-block; position: relative; top:20px; text-transform: uppercase; font-size: 18px; color: #ffffff; background: #7cc64d; padding: 20px;
				    -moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius: 16px 16px 16px 16px;
    -khtml-border-radius: 16px 16px 16px 16px;
    border-radius: 16px 16px 16px 16px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
     }
.advice_inside { color: #ffffff !important; background: #7cc64d !important;  }

/* ADVICE */

/*---- HEADER ---*/
header { width: 96%; margin: 0 0 10px 0; background: #423e32; padding: 20px 2% 15px 2%;}

.header_left { width: 25%; float: left; }
.header_right { width: 75%; float: left; margin: 10px 0 0 0; }
a.logo { display: inline-block; text-decoration: none; cursor: pointer; width: 213px; height: 54px; background: url('../images/logo.png') no-repeat; }

/* MENU */
ul.menu { padding: 0px;}
ul.menu li { list-style: none; display: inline-block; margin: 0 10px 0 0; }
ul.menu li a { display: block; padding: 10px 12px 10px 12px; background: #d18511; color:#fff; text-align: center; text-decoration: none; cursor: pointer; font-size: 20px; 
			    -moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius: 16px 16px 16px 16px;
    -khtml-border-radius: 16px 16px 16px 16px;
    border-radius: 16px 16px 16px 16px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
}
ul.menu li a:hover {  background: #f69e18; }
ul.menu li.active a {  background: #f69e18; }
/* MENU */

/*---- HEADER ---*/


/* FIELDS */
.field { position: relative; width: 100%; padding: 0px; margin: 0px; }
.field_nav { width: 5%; height: 100%; float: left; text-align: center; }
.field_content { width: 95%; float: left; }

a.delete_field { display: inline-block; cursor: pointer; width: 20px; height: 20px; background: url('../images/close_black.png') no-repeat; position: absolute; top:50%; left: 1%; }
/* FIELDS */