/*****************general***********************/
.modal-dialog{
	z-index: 9999;
	width: 750px;
}
.modal-content, .modal-body, .modal-footer, .label_error, .form_poppup, .form-group, .form-group-label, .form-group-input, .form-group-input input, .send_send, .modal-body-label,
.noilamviecmongmuon_dropdown{
	float: left;
    display: block;
    width: 100%;
}
.modal-content{
    border: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 1);
}
.modal-header {
    border-bottom: 0px solid #e5e5e5;
	position: relative;
	padding: 0px;
}
.modal-header button {
    background: #e00000;
    color: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    margin-top: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    zoom: 1;
    position: relative;
    z-index: 9999;
}
.modal-header button img{
	-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* Safari */
	-moz-transition: width 1s, height 1s, -moz-transform 1s; /* Safari */
    transition: width 1s, height 1s, transform 1s;
}
.modal-header button:hover img{
	-webkit-transform: rotate(45deg); /* Safari */
	-moz-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
}
.modal-body, .modal-footer, h4.modal-title{
    padding: 0px 98px 20px 98px;
}
.modal-footer{
	border-top: 0px;
}
.label_error {
    color: #ff0003;
    border: 1px solid #ff0003;
    padding: 5px 30px;
    margin-bottom: 20px;
}
.modal-content .form-group{
	background: transparent;
	margin-bottom: 20px;
}
.modal-content .form-group:last-child{
	margin-bottom: 0px;
}
.form-group.hoten, .form-group.dienthoai{
	width: 47.5%;
}
.form-group.dienthoai{
	float: right;
}
.form-group-label {
    margin-bottom: 5px;
}
.form-group-label span {
    width: auto;
    margin-bottom: 3px;
    font-size: 14px;
}
.form-group-label sup {
    top: 0em;
    left: 3px;
    color: #ff0000;
    font-size: 100%;
}
.modal-footer{
	margin-bottom: 30px;
}
.modal-footer button{
	float: left;
	display: block;
	width: 48%;
	border: 0px;
	height: 32px;
	line-height: 32px;
	color: #fff;
}
.button_send{
	background: #263a8b;
}
.button_cancel{
	background: #909090;
}
.button_cancel.hvr-sweep-to-right::before {
    background: #c5c4c4;
    background: -moz-linear-gradient(left, #c5c4c4 0%, #c5c4c4 100%);
    background: -webkit-linear-gradient(left, #c5c4c4 0%,#c5c4c4 100%);
    background: linear-gradient(to right, #c5c4c4 0%,#c5c4c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c4c4', endColorstr='#c5c4c4',GradientType=1 );
}
.button_send.hvr-sweep-to-right::before {
    background: #1991cd;
    background: -moz-linear-gradient(left, #1991cd 0%, #253f8f 100%);
    background: -webkit-linear-gradient(left, #1991cd 0%,#253f8f 100%);
    background: linear-gradient(to right, #1991cd 0%,#253f8f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1991cd', endColorstr='#253f8f',GradientType=1 );
}
.modal-footer button.button_cancel{
	float: right;
}
.form-group-input.error input{
    border: 0px;
    border-bottom: 1px solid #ff0000;
}
.form-group-input input, .form-group-input textarea{
    border: 0px;
    border-bottom: 1px solid #d4d4d4;
	border-radius: 0px;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.form-group .form-group-input input, .form-group-input textarea{
	width: 100%;
}
.form-group .label_select_data {
    width: 86%;
}
.send_send, .modal-body-confirm, h4.modal-title{
	font-size: 20px;
	font-family: 'Playfair Display', serif;
	line-height: 28px;
	font-weight: 700;
}
h4.modal-title{
	padding-top: 40px;
    text-transform: uppercase;
    padding-bottom: 0px;
}
#modal_quidinh h4.modal-title{
	text-transform: initial;
}
.modal-content hr{
	border-top: 1px solid #d4d4d4;
    margin-top: 10px;
    margin-left: 100px;
    margin-right: 100px;
}
.modal-body ul{
	float: left;
	display: block;
	width: 100%;
}
.modal-body ul{
	padding-left: 15px;
	margin-bottom: 0px;
}
.modal-body ul li{
	text-indent: -5px;
	font-size: 20px;
}
.modal-body ul li span{
	text-indent: -5px;
	font-size: 15px;
}
.modal-body-label{
	margin-bottom: 20px;
}
.modal-body .noilamviecmongmuon_dropdown ul li {
    text-indent: -5px;
    font-size: 12px;
	line-height: 18px;
}
.format_fu .label_file_label{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*****************page***********************/
#modal_timkiem .modal-content{
	background: url(../images/icon/icon_popup_timkiem@2x.png) no-repeat left top #eff9fe;
	background-size: 97px 150px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    #modal_timkiem .modal-content{
		background: url(../images/icon/icon_popup_timkiem@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #modal_timkiem .modal-content{
		background: url(../images/icon/icon_popup_timkiem@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	} 
}
#modal_guibanbe .modal-content{
	background: url(../images/icon/icon_popup_guichobanbe@2x.png) no-repeat left top #eff9fe;
	background-size: 97px 150px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    #modal_guibanbe .modal-content{
		background: url(../images/icon/icon_popup_guichobanbe@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #modal_guibanbe .modal-content{
		background: url(../images/icon/icon_popup_guichobanbe@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	} 
}
#modal_quidinh .modal-content, #modal_comment_confirm .modal-content{
	background: url(../images/icon/icon_popup_binhluan@2x.png) no-repeat left top #eff9fe;
	background-size: 97px 150px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    #modal_quidinh .modal-content, #modal_comment_confirm .modal-content{
		background: url(../images/icon/icon_popup_binhluan@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #modal_quidinh .modal-content, #modal_comment_confirm .modal-content{
		background: url(../images/icon/icon_popup_binhluan@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	} 
}
#modal_share_confirm .modal-content{
	background: url(../images/icon/icon_popup_chiase@2x.png) no-repeat left top #eff9fe;
	background-size: 97px 150px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    #modal_share_confirm .modal-content, #modal_comment_confirm .modal-content{
		background: url(../images/icon/icon_popup_chiase@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #modal_share_confirm .modal-content, #modal_comment_confirm .modal-content{
		background: url(../images/icon/icon_popup_chiase@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	} 
}
#modal_ungtuyen .modal-content{
	background: url(../images/icon/icon_popup_chieusinh@2x.png) no-repeat left top #eff9fe;
	background-size: 97px 150px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    #modal_share_confirm .modal-content, #modal_comment_confirm .modal-content{
		background: url(../images/icon/icon_popup_chieusinh@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #modal_share_confirm .modal-content, #modal_comment_confirm .modal-content{
		background: url(../images/icon/icon_popup_chieusinh@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	} 
}
#modal_ungtuyen_gv .modal-content, #modal_ungtuyen_confirmgv .modal-content{
	background: url(../images/icon/icon_popup_tuyendung@2x.png) no-repeat left top #eff9fe;
	background-size: 97px 150px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    #modal_ungtuyen_gv .modal-content, #modal_ungtuyen_confirmgv .modal-content{
		background: url(../images/icon/icon_popup_tuyendung@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #modal_ungtuyen_gv .modal-content, #modal_ungtuyen_confirmgv .modal-content{
		background: url(../images/icon/icon_popup_tuyendung@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	} 
}
#modal_gopy_confirm .modal-content{
	background: url(../images/icon/icon_popup_gopy@2x.png) no-repeat left top #eff9fe;
	background-size: 97px 150px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    #modal_gopy_confirm .modal-content{
		background: url(../images/icon/icon_popup_gopy@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #modal_gopy_confirm .modal-content{
		background: url(../images/icon/icon_popup_gopy@2x.png) no-repeat left top #eff9fe;
		background-size: 97px 150px;
	} 
}
#Modal_letter .modal-content{
	background: #eff9fe;
}