.modal-open {overflow: hidden;}
.modal{top: 0;left: 0;right: 0; bottom: 0; letter-spacing: normal; display: none; overflow: auto; overflow-y: scroll; position: fixed; z-index: 1050;
-webkit-overflow-scrolling: touch; outline: 0; font-size: 14px; color: #222; display: none; background-color: rgba(0, 0, 0, 0.7);}
.modal h4, .modal1 h4 {font-weight: bold; color: #000; padding: 0; margin: 0;}
.modal.fade .modal-dialog {-moz-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; -webkit-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out; -moz-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%);
-webkit-transform: translate(0, -25%); transform: translate(0, -25%);}
.modal.in .modal-dialog {-moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); -webkit-transform: translate(0, 0);
transform: translate(0, 0);}
.modal-content {position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; 
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: none;}
.modal-backdrop {top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 1040; background-color: #000000;}
.modal-backdrop.fade {opacity: 0;}
.lt-ie9 .modal-backdrop.fade {filter: alpha(opacity=0);}
.modal-backdrop.in {opacity: 0.5;}
.lt-ie9 .modal-backdrop.in {filter: alpha(opacity=50);}
.modal-header {padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px;}
.modal-header .close {background-color: #fff;border: 0;cursor: pointer;margin-top: -12px;float: right;font-size: 28px;color: #f4d03f;}
.modal-title {margin: 0; line-height: 1.42857143; direction: ltr;}
.modal-body {position: relative; padding: 20px; direction: ltr; font-size: 14px;}
.modal-body p{text-align: justify; direction: ltr; font-size: 14px; line-height: 25px;}
.modal-body .modalRow{height: 60px; margin-bottom: 10px;}
.modal-body .modalRow1{height: 145px; margin-bottom: 10px;}
.modal-body .modalRow label, .modal-body .modalRow1 label{display: block; margin-bottom: 5px; font-size: 14px; direction: ltr;}
.modal-body input[type="text"]{height: 30px; padding: 0 10px; border: 1px solid #CCC; font-size: 14px;}
.regprof_textarea{width: 305px; height: 120px; padding: 5px 10px; border: 1px solid #CCC; font-size: 14px; border-radius:5px; resize:none;border: 1px solid #EAEAEA;}
.regprof_input{height: 30px; padding: 0 10px; font-size: 14px; text-align: left;}
.regprof_input01{height: 40px; padding: 0 10px; font-size: 14px; width: 300px;border: 1px solid #EAEAEA;}
.modal-body input[type="text"]{width: 300px;}
.regprof_input{width: 325px; direction: ltr;} 
.modal-body textarea{width: 90%; height: 160px; padding: 5px 10px; border: 1px solid #DDD; font-size: 14px; border-radius:5px; resize:none;}
.modal-dialog {width: 700px; margin: 160px auto 10px;}
.modalButtons{height: 35px;}
.modalButtons span{border: 1px solid #ccc;color: #000;cursor: pointer;height: 35px;line-height: 35px;margin-top: 10px;padding: 0 15px;text-align: center;width: 90px; display: block;}   
.buttonClass_01{width: 120px; height: 35px; text-align: center; line-height: 35px; color: #FFF; background-color: #445195; cursor: pointer; border: 0; border-radius:5px; margin: 0 auto; display: table;}
.buttonClass_02{width: 120px; height: 35px; text-align: center; line-height: 35px; color: #FFF; background-color: #445195; cursor: pointer; border: 0; border-radius:5px; margin: 10px 5px 0 0; display: table;float: left;}
.modalButtons span:hover{background-color: #CCC; color: #FFF;}
.ErrorBox{height: 25px;}
.sendError, .sendError1, .sendError00{color: red; display: none;}
.sendSuccess, .sendSuccess1, .sendSuccess00{color: green; display: none;}
.modal_row{margin-bottom: 10px;}
.modal_row label{display: block; margin-bottom: 3px;}
.exitText{float: left;}
.noo{color: red; cursor: pointer;float: right;}
.yess{color: blue; cursor: pointer;float: right;margin-left: 10px;}
.float_left{float: left; line-height: 50px;}
.float_right{float: right;}

@media only screen and (max-width: 768px) {
    .modal-dialog {width: 100%;}
    .modal-body textarea{width: 90%;}
}