/*
    This file contains all CSS rules for the DNNCentric Contact Form
    */

.ModDNNCentricMultilanguageFormsC {
    max-width: 550px;
    padding: 0;
    margin:0 auto;
}
[id$="ViewEmailForm_dtEF"] {
    padding: 10px;
    margin: 0 auto;
    display: block;
}

.ModDNNCentricMultilanguageFormsC td[style="width:15px;"]:last-child { display:none;}

/* General field styles*/
.DnnModule-DNNCentric-MultilanguageForms input[type=text],
.DnnModule-DNNCentric-MultilanguageForms input[type=file],
.DnnModule-DNNCentric-MultilanguageForms textarea,
.DnnModule-DNNCentric-MultilanguageForms select { font-size: 13px; color: #46535b !important; width: 100% !important; }

.DnnModule-DNNCentric-MultilanguageForms [id$='_ViewEmailForm_dtEF'] { width: 100% !important; max-width: 700px; }
.DnnModule-DNNCentric-MultilanguageForms [id$='_ViewEmailForm_dtEF'] > tbody > tr > td { padding-bottom: 10px; padding-right: 10px; }
.DnnModule-DNNCentric-MultilanguageForms input[type='text'],
.DnnModule-DNNCentric-MultilanguageForms input[type='file'],
.DnnModule-DNNCentric-MultilanguageForms select { font-size:18px; font-weight:300; background: white; font-family:'Open Sans','Helvetica Neue',Arial,Verdana,sans-serif; border:#070707 1px solid; resize: none; padding: 5px; border-radius:8px; height:40px; }
.DnnModule-DNNCentric-MultilanguageForms textarea { font-size:18px; font-weight:300; background: white; font-family:'Open Sans','Helvetica Neue',Arial,Verdana,sans-serif; border:#070707 1px solid; resize: none; padding:7px 5px; border-radius:8px; display: block; }

.DnnModule-DNNCentric-MultilanguageForms input[type='text']:focus,
.DnnModule-DNNCentric-MultilanguageForms input[type='file']:focus,
.DnnModule-DNNCentric-MultilanguageForms select:focus, 
.DnnModule-DNNCentric-MultilanguageForms textarea:focus,
.DnnModule-DNNCentric-MultilanguageForms input[type='text']:hover,
.DnnModule-DNNCentric-MultilanguageForms input[type='file']:hover,
.DnnModule-DNNCentric-MultilanguageForms select:hover, 
.DnnModule-DNNCentric-MultilanguageForms textarea:hover { border-color:#B4D232; outline:none;}

.DnnModule-DNNCentric-MultilanguageForms [id$='_dcc_rdl_RadiobuttonList'] input,
.DnnModule-DNNCentric-MultilanguageForms [id$='_dcc_chklst_CheckboxListVertical'] input { float: left; }
.DnnModule-DNNCentric-MultilanguageForms [id$='_dcc_rdl_RadiobuttonList'] label,
.DnnModule-DNNCentric-MultilanguageForms [id$='_dcc_chklst_CheckboxListVertical'] label { display: block; line-height: 1.3em; margin-left: 19px; margin-bottom: 2px; }

.DnnModule-DNNCentric-MultilanguageForms [id$='_ViewEmailForm_dtEF'] > tbody > tr > td.DCC_EF_FieldCaptionStyle { padding: 4px 20px 0 0 !important; vertical-align:top; }
td.DCC_EF_FieldCaptionStyle, .DCC_EF_FieldCaptionStyle label {font: inherit!important; margin-top:4px; font-weight: normal; color:#070707; }

.DnnModule-DNNCentric-MultilanguageForms [id$='_ViewEmailForm_tcSubmit'] .CommandButton,
.DnnModule-DNNCentric-MultilanguageForms [id$='_ViewEmailForm_tcSubmit'] .btnSubmit {
    background: #0C1C34;
    font-size: 22px;
    color:white;
    font-family: 'Open Sans','Helvetica Neue',Arial,Verdana,sans-serif;
    display: inline-block;
    padding: 0px 45px 3px 45px;
    border-radius: 50px;
    font-weight:300;
    line-height: 63px;
    border: white 1px solid;
    margin: 30px 0 30px 0;
}
.DnnModule-DNNCentric-MultilanguageForms [id$='_ViewEmailForm_tcSubmit'] .CommandButton:hover,
.DnnModule-DNNCentric-MultilanguageForms [id$='_ViewEmailForm_tcSubmit'] .btnSubmit:hover {
    background: #AECB44;
    color: #ffffff;
    text-decoration: none;
}

.DnnModule-DNNCentric-MultilanguageForms .MyCategory { padding-top: 20px; }

.DnnModule-DNNCentric-MultilanguageForms img[src="/DesktopModules/DNNCentric-MultilanguageForms/Images/Alert.png"] {

}

.tdErrorMsg, .EML_FieldError, .tableErrorMsg {
    border:  none;
    background: transparent;
    color:  red;
	
}

.tdErrorMsg {
	font-size:1em;
	border:2px solid red;
	padding:15px 15px 15px 5px;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 34px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 34px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 34px -4px rgba(0,0,0,0.75);
}

.EML_FieldError {
	border:1px solid red !important;
}

.tdErrorMsg ul, .tdErrorMsg ul li {
    padding:  0!important;
    margin:  0!important;
	margin-left:19px !important;
    list-style-type: circle;
    color: inherit!important;
    font-family: "Open Sans";
    font-weight: normal;
}

.tableErrorMsg {float: left;margin:  25px 0 15px 0;}
.co-reqfield {
    color: red;
}

div.DnnModule-DNNCentric-MultilanguageForms span.Normal {
	font-size:1em;
}


/* Newletter Checkbox */
.ModDNNCentricMultilanguageFormsC input[type=checkbox] ~ label  {
    font-size:18px!important;
    font-weight:300!important;
    font-family:"Open Sans", "Helvetica Neue", Arial, Verdana, sans-serif;
    margin:8px;

}

/* Screen width: 767 and below */
@media screen and (max-width: 767px) {

    .DnnModule-DNNCentric-MultilanguageForms [id$='_ViewEmailForm_dtEF'] { table-layout: fixed; }
    .DnnModule-DNNCentric-MultilanguageForms [id$='_ViewEmailForm_dtEF'] > tbody,
    .DnnModule-DNNCentric-MultilanguageForms [id$='_ViewEmailForm_dtEF'] > tbody tr { width:100% !important; display:block;}
    .DnnModule-DNNCentric-MultilanguageForms [id$='_ViewEmailForm_dtEF'] > tbody > tr > td { display: block;width: auto!important; }
    /* Newletter Checkbox */
    .ModDNNCentricMultilanguageFormsC table[id*='chklst'] {
        width:auto!important;
        max-width:420px!important;
        }
        .ModDNNCentricMultilanguageFormsC input[type=checkbox] {
        float:left;
        display:block;
        }
        .ModDNNCentricMultilanguageFormsC input[type=checkbox] ~ label {
        margin-top:0;
        float:left;
        display:block;
        width:80%;
        }
}

@media screen and (min-width: 640px) {
    [id$="ViewEmailForm_dtEF"] {
        padding-left: 20px;
    }
}