body{background:rgba(255, 255, 255, 0) url(../../Online_Registration/images/msg_n_back.jpg); margin:0; padding:0;}
.file-upload-main {width:875px; margin:0px auto;border-collapse:collapse;}
.file-upload-main-in {width:100%;  float:left;background: rgba(255, 255, 255, 0)!important;box-sizing:border-box;padding:10px;border:solid 2px #ffffff;}
.master-right {width: 100%;margin-left: 0;}
.master-heading {width: 98%;height: 40px;line-height: 40px;padding: 0;padding-left: 2%;font-size: 14px;text-transform: uppercase;}
.upld-main {border-bottom: 1px solid #afe6fb;float: left;margin: 1px 0 3px;padding: 1px 0 3px;width: 100%;}
.note_upld {color: #a8010c;float: left;font-size: 14px;font-weight: bold;margin-right: 20px;text-transform: uppercase;}
.upld-main ul {float: left;margin: 0;padding: 0;}
.upld-main ul li {color: #2b2b2b;font-size: 13px;font-weight: bold;line-height: 24px;margin: 0 23px;}
.up-photo {float: left;width: 100%;}
.up-photo h3 {color: #000000;float: left;font-size: 14px;font-weight: bold;text-transform: uppercase;width: 100%; margin:5px;}
.up-photo ul {float: left;list-style: outside none none;margin: 0;padding: 0;width: 100%;}
.up-photo ul li {display: block;float: left;height: 165px;margin-left: 25px;width: 119px;}
.up-photo ul li:first-child {background: rgba(0, 0, 0, 0) url( "../../Online_Registration/Images/upload_1.jpg" ) no-repeat scroll 0 0;margin-left: 0;margin-right: 65px;}
.up-photo ul li:nth-child(2) {background: rgba(0, 0, 0, 0) url( "../../Online_Registration/Images/upload_2.jpg" ) no-repeat scroll 0 0;}
.up-photo ul li:nth-child(3) {background: rgba(0, 0, 0, 0) url( "../../Online_Registration/Images/upload_3.jpg" ) no-repeat scroll 0 0;}
.up-photo ul li:nth-child(4) {background: rgba(0, 0, 0, 0) url( "../../Online_Registration/Images/upload_4.jpg" ) no-repeat scroll 0 0;}
.up-photo ul li:nth-child(5) {background: rgba(0, 0, 0, 0) url( "../../Online_Registration/Images/upload_5.jpg" ) no-repeat scroll 0 0;}
.up-under {background: #ebebeb none repeat scroll 0 0;color: #383838;float: left;font-size: 14px;font-weight: bold;height: 37px;line-height: 37px;text-align: center;text-transform: uppercase;width: 100%;}
.up-in {border-bottom: 1px solid #ebebeb;margin-top:5px;padding-bottom:5px;}
.upl-photo-left {float: left;width: 320px;}
.thu-up-img {float: left;width: 47px;}
.thu-up-dis {font-size: 14px;font-weight: bold;height: 47px;line-height: 41px;}
.up-red {color: #a8010c;}
.up-green {color: #00923f;}
.up-Disable {padding: 8px 12px!important;color: #808080;border: 1px solid #808080;background: #f2f2f2;margin-right: 5px;box-shadow: 0px 1px 7px 0px rgba(128,128,128,1);font-family: arial;font-size:13px;font-weight:bold;border-radius: 3px;}
.upl-photo-mid {float: left;width: 400px;}
.upl-photo-right {float: right;width: 94px;}
.up-photo-btn {padding: 8px 12px!important;color: #ffffff;border: 1px solid #4a96ff;background: #4a96ff;margin-right: 5px;box-shadow: 0px 1px 7px 0px rgba(84,135,216,1);font-family: arial;font-size:13px;font-weight:bold;border-radius: 3px;}
.up-photo-btn:hover {color:#4a96ff!important; background:#fff!important;}

.file-upload {cursor: pointer;color: #ffffff;border: 1px solid #4a96ff;background: #4a96ff;margin-right: 5px;box-shadow: 0px 1px 7px 0px rgba(84,135,216,1);font-family: arial;font-size:13px;font-weight:bold;border-radius: 3px;display: inline-block;overflow: no-content;text-align: center;vertical-align: middle;height: 30px;width: 90px;}
.file-upload:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #fff ));
    background: -moz-linear-gradient(top, #fff 5%, #fff 100%);
    background: -webkit-linear-gradient(top, #fff 5%, #fff 100%);
    background: -o-linear-gradient(top, #fff 5%, #fff 100%);
    background: -ms-linear-gradient(top, #fff 5%, #fff 100%);
    background: linear-gradient(to bottom, #fff 5%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff',GradientType=0);
    color:#4a96ff!important; 
    background:#fff!important;
}

.file-upload input {top: 0;left: 0;margin: 0;font-size: 11px;font-weight: bold;opacity: 0;filter: alpha(opacity=0);}
.file-upload strong {font: normal 12px Tahoma,sans-serif;text-align: center;vertical-align: middle;}
.file-upload span {top: 0;left: 0;display: inline-block;padding-top: 7px;width: 90px;}

.file-upload-Disable {color: #808080;border: 1px solid #808080;background: #f2f2f2;margin-right: 5px;box-shadow: 0px 1px 7px 0px rgba(128,128,128,1);font-family: arial;font-size:13px;font-weight:bold;border-radius: 3px;display: inline-block;overflow: no-content;text-align: center;vertical-align: middle;height: 30px;width: 90px;}
.file-upload-Disable input {top: 0;left: 0;margin: 0;font-size: 11px;font-weight: bold;opacity: 0;filter: alpha(opacity=0);}
.file-upload-Disable strong {font: normal 12px Tahoma,sans-serif;text-align: center;vertical-align: middle;}
.file-upload-Disable span {top: 0;left: 0;display: inline-block;padding-top: 7px;width: 90px;}

.modal {position: fixed;top: 0;left: 0;background-repeat: repeat;z-index: 99;opacity: 0.2;filter: alpha(opacity=60);-moz-opacity: 0.2;min-height: 100%;width: 100%;}
.modal1 {position: fixed;top: 0;left: 0;background-color: black;z-index: 99;opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;min-height: 100%;width: 100%;}
.loading1 {font-family: Arial;font-size: 10pt;border: 5px solid #4a96ff;border-radius: 8px;width: 200px;height: 100px;display: none;position: fixed;background-color: White;z-index: 999;-webkit-box-shadow: 0px 6px 30px 7px rgba(145,145,145,8);-moz-box-shadow: 0px 6px 30px 7px rgba(145,145,145,8);box-shadow: 0px 6px 30px 7px rgba(145,145,145,8);}

.feild-font {    transition: all 0.5s ease 0s;font-size: 12px;padding: 0 10px; height:34px !important;border: 1px solid #dadada; max-width:100%;}
.feild-font:focus {box-shadow: 0 0 5px rgba(81, 203, 238, 1);-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);border: 1px solid rgb(47, 140, 234)}
select.feild-font, .heigh-36 { height:36px!important;}

@media only screen and (max-width : 767px) {
.file-upload-main { width:98%; box-sizing:border-box;}
.file-upload-main-in { width:100%; box-sizing:border-box; height:auto;}
.upld-main { width:100%;}
.upld-main ul li { margin:0; margin-left:20px;}
.up-photo ul { text-align:center;}
.up-photo ul li { display:inline-block; margin:15px; float:none;}
.up-photo ul li:first-child { margin-right:0;}
.up-in { height:auto;width:100%;    border-bottom: 1px solid #b5b2b2; line-height:25px;}
.upl-photo-left, .upl-photo-mid, .upl-photo-right { width:100%; float:left; margin:5px 0;}
.upl-photo-mid input{ display:inline-block; max-width:60%;}
.upl-photo-mid span { font-size:12px; font-weight:bold;}
.up-photo-btn { margin:5px;}
}

@media only screen and (min-width : 768px) and (max-width :875px) {
.file-upload-main { width:98%; box-sizing:border-box;}
.upl-photo-left { width:250px;}
.upl-photo-mid { width:350px;}
.upl-photo-mid input{ display:inline-block; max-width:60%;}
.up-in {  line-height:24px;}
}