/* 
    Created on : Mar 18, 2016, 8:26:44 PM
    Author     : Vladimir A. Pshenkin <vladimir at pshenkin.net>
*/

.DC2_Form input[type="text"] {
    width:100%;
    padding: 0.2em;
    font-size: 1.3em;
}

.DC2_Form textarea {
    width:100%;
    padding: 0.3em;
    font-size: 1.3em;
    min-height:5em;
}

span.DC2Required:after {
    color: #dc143c;
    content: "*";
    font-weight: bold;
    padding-left: 0.2em;
    position: relative;
    text-align: right;
    top: -0.2em;
}

.DC2_Form select {
	width: 100%;
}

.DC2_Form input[type="button"],
.DC2_Form input[type="submit"],
.DC2_Form input[type="reset"],
.DC2_Form select,
.DC2_Form input[type="checkbox"],
.DC2_Form input[type="file"]
{
    border-radius: 0.3em;
    padding: 0.3em;
    font-size: 1.3em;
}

.DC2_Form input[type="file"]
{
    font-size: 1em;
    max-width: 17em;
}


.centered {
    text-align:center;
}

.DC2FormsDialogTable {
    width: 100%;
    margin:2em auto;
/*    max-width:1000px!important; */
}

.DC2FormsHidden {
    display: none!important;
}
.DC2FormsInline {
    display: inline;
    overflow:auto;
}

.DC2FormsFieldSet {
    padding: 0.3em 0.3em;
    overflow-y: auto;
    overflow-x: hidden;
    min-height:3em;
    width:100%;
	display: flex;
}

.DC2FormsFieldSet:hover {
	background-color: #f8f8ff;
}

.DC2FormsLabelColumn {
    width:30%;
    float:left;
    padding: 0.7em 2em 1px 0;
    overflow:visible;
}

.DC2FormsDataColumn {
    width:70%;
    float:left;
    padding: 1px;
    overflow:visible;
}

.DC2FormsDataColumn > select {
}

.DC2FormsSubmitControls {
    padding: 1em;
    text-align: center;
}

.DC2FormsSubmitControls input+input {
    margin-left:1em;
}

.DC2Forms_ErrorField{
    border: 1px solid crimson;  /* !important */
}

.DC2Forms_ErrorBox{
/*
    background-color: #c6deff;
    background-image: url('/images/btn32.png');
    background-position: bottom center;
    background-size: 100% 100%;
*/
    padding: 0.7em 1em;
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
    border-radius: 0 0 1em 1em;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,ffffff+0,c6deff+100 */
background: #1e5799; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M2ZGVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #1e5799 0%, #ffffff 0%, #c6deff 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#ffffff), color-stop(100%,#c6deff)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#ffffff 0%,#c6deff 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  #1e5799 0%,#ffffff 0%,#c6deff 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  #1e5799 0%,#ffffff 0%,#c6deff 100%); /* IE10 preview */
background: linear-gradient(to bottom,  #1e5799 0%,#ffffff 0%,#c6deff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#c6deff',GradientType=0 ); /* IE6-8 */

}


.DC2FormsControlsColumn {
    width: 5%!important;
}

.DC2FormsAddRow {
    text-align: left!important;
}

.DC2FormsRemoveRow {
    text-align: center!important;
}

.DC2FormsDataColumn table {
    border-collapse: collapse;
    width:100%;

}

.DC2FormsDataColumn table th{
    text-align: left;
}

.DC2FormsDataColumn table td,
.DC2FormsDataColumn table th
{
    padding: 0.3em;
}

.TextButtonPlus{
    background-color: #cccccc;
    border-radius: 1em !important;
    color: #008000 !important;
    font-size: 1.3em !important;
    font-weight: bold !important;
    padding: 0.3em !important;
    width: 2.2em !important;
    content: '+';
}

.TextButtonMinus{
    background-color: #cccccc;
    border-radius: 1em !important;
    color: crimson !important;
    font-size: 1.3em !important;
    font-weight: bold !important;
    padding: 0.3em !important;
    width: 2.2em !important;
    content: '-';
}


.Tokenize ul.TokensContainer li.Token span span.TokenDescription {
    display:none;
}

@media (max-width:800px) {
    .DC2FormsLabelColumn {
        width: 100%!important;
        float: none;
        padding: 1em 0.5em 0.5em 0em;
    }

    .DC2FormsDataColumn {
        width: 100%!important;
        float: none;
        padding:  0 0.5em 1em 0em;
    }
    .DC2FormsSubmitControls input+input {
        margin-left:0.5em;
    }
}