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;}

.content { width: 1200px; max-width: 100%; min-width: 320px; margin: 0 auto; }

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; }
main { padding: 0 2% 0 2%; }

.button { display: inline-block; padding: 20px 20px 20px 20px; cursor: pointer; text-transform: uppercase; color: #ffffff; background: #305685; margin: 20px 0 0 0; 
					    -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 { display: inline-block; padding: 20px 20px 20px 20px; cursor: pointer; text-transform: uppercase; color: #ffffff; background: #a1213d; margin: 20px 0 0 0; 
					    -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);
     }
     

#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; }


/* 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; }


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);
    
}

.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 a { 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 { display: none;}
/* ELA FILES */