/*Initiation Forms Styles*/
#ApplyForm, #tblRequiredDocuments, #tblNotRequiredDocuments{background-color:#f3f2f2;padding: 20px;margin-bottom:30px;}

#ApplyForm .Title {padding-bottom:10px;}

#ApplyForm .Data {padding-bottom:20px;}

.termsofuse {text-transform: uppercase;padding-bottom:30px;border-bottom:1px solid #ccc}

.termsofuse span {padding: 0 20px;}

#tempUploadDocs .doc-fileupload{width:80%; min-height: 33px;background-color: transparent;}

#tempUploadDocs .Title { padding: 0 15px 15px 15px; display: block;}

#tempUploadDocs .RqrdDoc{ padding-bottom:15px;padding-top: 15px;} 

.RqrdDoc img {width: 16px!important;}

input#agreementCheckBox {
    margin: 0;
    height: 20px;
    width: 20px;
}

.multicheckbox-container div.col-xs-11 {
    padding-right: 0px;
    padding-left: 0px;
}

span.multiselect-native-select button {background-color:transparent!important; border-radius: 0;}

span.multiselect-native-select .btn-group, span.multiselect-native-select button, .multiselect-container.dropdown-menu {
    width: 100%;
}

span.multiselect-native-select button {
    text-align: left;
}

select.btn-default, input[type=text], input[type=file], select, textarea {
    border-color: #ccc !important;
}

html[dir="rtl"] span.multiselect-native-select button {
    text-align: right;
}

.EserviceApplyForm .button {padding: 30px 0 10px 0;}

.EserviceApplyForm span.Image {display: block;}

.button input, .btn-default, input[type=subm] {margin: 0!important; min-width: 10em!important; padding: 8px!important;}

.EserviceApplyForm .multicheckbox-container .pull-right input {margin: 0;border-radius: 4px;}

.EserviceApplyForm .form-control, .EserviceApplyForm input[type=text]{background-color:transparent!important;min-height: 33px; border-radius: 0!important;box-shadow:none!important;}

/* English Styles */
html[dir="ltr"] .EserviceApplyForm .form-control,html[dir="ltr"]  .EserviceApplyForm input[type=text] , html[dir="ltr"] span.multiselect-native-select button {
    border-left: 2px solid #cb931b!important;
}
html[dir="ltr"] .EserviceApplyForm span.Image{float: left;}
html[dir="ltr"] #tempUploadDocs .Title {margin-left: 16px;}
html[dir="ltr"] span.multiselect-native-select button b {float: right; margin-top: 8px;}
/* Arabic Styles */
html[dir="rtl"] .EserviceApplyForm .form-control,html[dir="ltr"]  .EserviceApplyForm input[type=text] , html[dir="rtl"] span.multiselect-native-select button{
    border-right: 2px solid #cb931b!important;
}
html[dir="rtl"] .EserviceApplyForm span.Image{float: right;}
html[dir="rtl"] #tempUploadDocs .Title {margin-right: 16px;}
html[dir="rtl"] .pull-left {float:right!important}
html[dir="rtl"] .pull-right {float:left!important}
html[dir="rtl"] span.multiselect-native-select button b {float: left; margin-top: 8px;}
/*Responsive*/
@media (max-width: 705px) {
	#tempUploadDocs .doc-fileupload {width: 70%;}
}

@media (max-width: 505px) {
	#tempUploadDocs .doc-fileupload {width: 100%;}
	#tempUploadDocs  .btn-default {margin-top:10px!important;}	
}

@media (max-width: 414px) {
    .EserviceApplyForm .multicheckbox-container .col-xs-1 {
        padding: 0px;
    }

    #QFMABreadCrumb + div .container-fluid {
        padding: 10px 0px;
    }
	
	.termsofuse {text-align: center;}
	.termsofuse span {padding:0!important;}
}

@media (max-width: 320px) {
    .EserviceApplyForm .multicheckbox-container .col-xs-1 {
        float: none !Important;
    }	
}