/* submit_form.css
==================================================================== */


#submit-form { display: none; width: 301px; padding-top: 47px; height: 100%; background-color: #e7e7e7; position: fixed; top: 0; right: 0; z-index: 9999; }
#submit-form .form-body { height: 100%; overflow: auto; }
#submit-form .scroll-body { }

#submit-form #btn-submit_work_close { z-index: 99; width: 100%; position: absolute; top: 0; left: 0; display: block; background-color: #e35d5d; padding: 14px 10px; text-decoration: none; text-align: center; display: block; }
#submit-form #btn-submit_work_close .text { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; color: #fff; text-transform: uppercase; margin-right: 16px; }
#submit-form #btn-submit_work_close .arrow { position: absolute; top: 16px; right: 16px; }
#submit-form #btn-submit_work_close:hover { background-color: #f38383; }


#submit-form .intro { padding: 32px 25px; }
#submit-form .intro .title { font-family: 'Montserrat', sans-serif; font-size: 28px; line-height: 32px; color: #000; text-transform: uppercase; font-weight: 700; margin-bottom: 15px; }
#submit-form .intro .text { font-size: 14px; color: #000; line-height: 18px; }

#submit-form .fields { padding: 0px 24px; }
#submit-form .fields .field { margin-bottom: 6px; }
#submit-form .fields .field input,
#submit-form .fields .field textarea { background-color: #1e1e1e; border: 2px solid #363636; font-size: 12px; color: #fff; padding: 17px; width: 100%; font-family: 'Montserrat', sans-serif; resize: none; }


#submit-form .fields .field input { height: 40px; padding: 11px 17px; }
#submit-form .fields .field textarea { height: 156px; padding: 17px; }

#submit-form .fields .field input::-webkit-input-placeholder { text-transform: uppercase; color: #fff; }
#submit-form .fields .field input:-moz-placeholder { text-transform: uppercase; color: #fff; }
#submit-form .fields .field input::-moz-placeholder { text-transform: uppercase; color: #fff; }
#submit-form .fields .field input:-ms-input-placeholder { text-transform: uppercase; color: #fff; }

#submit-form .fields .field textarea::-webkit-input-placeholder { text-transform: uppercase; color: #fff; }
#submit-form .fields .field textarea:-moz-placeholder { text-transform: uppercase; color: #fff; }
#submit-form .fields .field textarea::-moz-placeholder { text-transform: uppercase; color: #fff; }
#submit-form .fields .field textarea:-ms-input-placeholder { text-transform: uppercase; color: #fff; }

#submit-form .fields .field input:focus,
#submit-form .fields .field textarea:focus { border: 2px solid #000; background-color: #000; }

#submit-form .fields .field.error input,
#submit-form .fields .field.error textarea { border: 2px solid #a93434; }


#submit-form .buttons { padding: 0px 24px; padding-bottom: 20px; padding-top: 15px; }
#submit-form .buttons .button-holder { padding: 0 34px; }
#submit-form .buttons .helptext { font-size: 14px; color: #1e1e1e; margin-bottom: 14px; }
#submit-form .buttons #btn-attach { cursor: pointer; display: block; margin-bottom: 9px; font-size: 18px; border: 2px solid #1e1e1e; color: #1e1e1e; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; padding: 8px 0px; }
#submit-form .buttons #btn-submit { width: 100%; display: block; font-size: 18px; border: 2px solid #e35d5d; background-color: #e35d5d; color: #fff; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; padding: 8px 0px; }


#project_url-field { display: none; }


#submit-form .attachments { padding: 0px; padding-bottom: 0px; }

#submit-form .dz-success-mark { display: none; }
#submit-form .dz-error-mark { display: none; }
#submit-form .dz-progress { display: none; position: absolute; bottom: -2px; left: 0; height: 2px; width: 100%; background-color: transparent; }
#submit-form .dz-progress .dz-upload { height: 2px; background-color: #e35d5d; display: block; }

#submit-form .attachments .dz-preview { position: relative; }
#submit-form .attachments .dz-details { position: relative; padding: 10px 0 10px 0px; border-top: 1px dotted #adadad; border-bottom: 1px dotted #adadad; margin-bottom: 18px; }
#submit-form .attachments .dz-details .dz-filename { width: 216px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px;  text-transform: uppercase; padding-top: 2px; text-overflow: ellipsis; overflow: hidden; }
#submit-form .attachments .dz-details .dz-size { font-size: 12px; color: #838383; display: none; }
#submit-form .attachments .dz-details img {display: none; }
#submit-form .attachments .dz-remove { display: block; position: absolute; top: 50%; right: 10px; margin-top: -12.5px; width: 25px; height: 25px; background: transparent url('../../img/home2/nominees/attachment_delete.gif') no-repeat 50% 50%; }

#submit-form .mCSB_container { margin: 0; }
#submit-form #mCSB_1_scrollbar_vertical { opacity: 0; }
#submit-form .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { opacity: 0; }
#submit-form .mCSB_scrollTools .mCSB_draggerRail { opacity: 0; }


#submit-form .thanks { padding: 32px 25px; text-align: center; display: none; }
#submit-form .thanks .title { font-family: 'Montserrat', sans-serif; font-size: 28px; line-height: 32px; color: #000; text-transform: uppercase; font-weight: 700; margin-bottom: 15px; }
#submit-form .thanks .text { font-size: 14px; color: #000; line-height: 18px; }


#submit-form .legal { padding-top: 10px; margin-bottom: 10px; font-size: 12px; color: #1e1e1e; text-align: center; font-family: 'PT Sans', sans-serif; }
#submit-form .legal a { color: #e35d5d; }
#submit-form .legal a:hover { text-decoration: underline; }


/* selectbox
------------------------------------- */

#submit-form .selectbox { position: relative; }
#submit-form .selectbox .menu { display: none; position: absolute; top: 100%; left: 0; z-index: 999; }
#submit-form .selectbox.open .menu { display: block; }

#submit-form .selectbox
{
    margin-bottom: 6px;
}

#submit-form .selectbox .selected { position: relative; display: block; background-color: #1e1e1e; border: 2px solid #363636; font-size: 12px; color: #fff; padding: 11px 17px; height: 40px; width: 100%; font-family: 'Montserrat', sans-serif; resize: none; text-transform: uppercase; }
#submit-form .selectbox .text { color: #fff; white-space: nowrap; text-overflow: ellipsis; }
#submit-form .selectbox .flag { position: absolute; top: 16px; left: 20px; }
#submit-form .selectbox .selected .caret { position: absolute; bottom: 15px; right: 18px; width: 9px; height: 5px; background: transparent url('../../img/home2/nominees/caret.png') no-repeat 0 0; }

#submit-form .selectbox.error .selected { border: 2px solid #a93434; }

#submit-form .selectbox .menu { background-color: #000; border: 2px solid #363636; border-bottom: 1px solid #363636; border-top: none; width: 100%; }
#submit-form .selectbox .menu .option { position: relative; border-bottom: 1px solid #363636; display: block; }
#submit-form .selectbox .menu .option .text { padding: 17px; display: block; font-family: 'Montserrat', sans-serif; font-size: 12px; text-transform: uppercase; }
#submit-form .selectbox .menu .option:hover { background-color: #1e1e1e; }
#submit-form .selectbox .menu .option:hover .text { color: #fff; }



body.show-submit_work #submit-form
{
    display: block;
    -webkit-animation-name: submitIn;
    animation-name: submitIn;

    -webkit-animation-duration: 250ms;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 250ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes submitIn
{
    0% { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(0); }
}

@keyframes submitIn
{
    0% { transform: translateX(100%); }
    100% { transform: translateX(0); }
}