﻿body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px;
    height: auto;
    margin: 0;
    padding: 0;
}
.window h2, .window h3 {
       font-family: 'Open Sans', sans-serif;
}
body.ext-page {
background: rgb(250,250,250) !important;
}
 #container, .window, body.window-body, .bgwhite, .bgd {
    background: rgb(255,255,255) !important;
}
#header {
    background:#fff;
    color:#fff;
}
textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    font-family: 'Open Sans', sans-serif !important;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    min-height: 30px;
}

    input[type=text]:focus, input[type="password"]:focus {
        border: 1px solid rgb(128,156,208);
    }

input.submit.primary, a.button-blue.big {
    display: inline-block;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #666;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbbbbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    color: #fff;
}
table.tblTableField input, .view-form input.formula-field { /*ViewForm table's input control*/
    min-height:auto;
    font-size: 12px;
    box-shadow:none;
}
ul.file-main-buttons a.button {
    margin: 0 10px 0 10px;
}
div.selector,div.selector span{
	background-image: url(../../Images/main-ui/private-site/sprite_form_dd.png);
}
div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
    background-image: url(../../Images/main-ui/private-site/sprite_form.png);
}

div.selector {
    margin-bottom: 5px;
}

    div.selector select {
        font-family: 'Open Sans', sans-serif;
    }

ul#account-links li a, .panel-log a {
    color: #666;
}

input.submit.primary, .file-edit-tools .small-button.primary, span.question.primary, a.button-blue.big, a.button, a.button-blue, a.small-button, a.button.big, button.button.big,#wrapper.generic a.button-blue.big {
    background-color: rgb(135,161,198);
    width: auto;
    background: rgb(133,162,196) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff37495b', endColorstr='#ff2e3d4c', GradientType=0);
    border: 1px solid #1b2128;
    border-radius: 4px;
}

    a.button-blue.big {
        height: 17px;
        width: 91.54%;
        line-height: 18px;
    }
        a.button-blue.big.fs {
            height: 18px;
            width: 96%;
            padding: 7px 10px;
        }

a.button {
    width: auto;
}

a.button span, a.button-blue span, button.button span, button.button-blue span, button.button-white span, a.small-button span {
    background: none !important;
    color: #fff;
    font-family: Arial;
    text-shadow: none;
    font-weight: bold;
}
a.select-folder, a.select-folder:hover {
    background-image: url(../../Images/main-ui/private-site/sprite-icons.png);
}
.btn-White, input.cancel.cls-comment, input.submit, input.cancel {
    background-color: white;
    background: #fff;
    border: 1px solid #bbbbbb;
    border-bottom-color: #a2a2a2;
     border-radius: 4px;
}

    input.cancel.cls-comment, input.submit, input.cancel {
     padding: 0 10px;
    height: 30px;
}

.item_data span.comment {
    color: #87a1c6;
    line-height: 12px;
}
input.submit.primary:hover, a.button-blue:hover, button.button-blue:hover, a.button-blue.big:hover, button.button-blue.big:hover, a.button:hover {
    background-color: #2e3d4c;
    background-image: none;
    background-color: #2e3d4c \9;
    border-color: #1b2128;
}

a.button:hover, a.button-blue:hover, button.button:hover, button.button-blue:hover, button.button-white:hover, a.small-button:hover, a.button.big:hover, button.button.big:hover {
    background-color: #2e3d4c;
    border-color: #1b2128;
    background: #2e3d4c;
}

a.button:hover span, a.button-blue:hover span, button.button:hover span, button.button-blue:hover span, button.button-white:hover span, a.small-button:hover span {
    background-color: #2e3d4c;
    border-color: #1b2128;
    background: #2e3d4c;
}

a.button-blue.big span, button.button-blue.big span {
    background: transparent;
    height: 0;
    line-height: inherit;
    padding: 0;
}

.input-inbtn, .input-inbtn.advsearch {
    border: 1px solid rgb(180,180,180);
    background: transparent;
    border-left-color: #e6e6e6;
}

ul.sections > li.enter-filter > ul > li > input[type=text] {
    border: 1px solid rgb(180,180,180);
    width: 275px;
}

.page h1, .box-gradient.title h1, .files h1, span.title-form, span.desc-form, div.desc-form {
    color: #666;
}

.title-signature > h1, .header-bar a, .box-paginate a.small-button, a.small-button, a.small-button:hover {
    color: #fff;
}


.box-gradient.npb {
    background: #fff;
}

.sections.col_2 {
    margin: 0;
}

.header-bar {
    background-color: rgb(135,161,198);
    min-height:40px;
}


.blu-sh {
    background-color: #f6f6f6;
    border: 1px solid lightgray;
    width: 100%;
}

div#divPNote {
    border-top: 1px solid #e4e4e4;
    padding: 20px 0 20px 0;
    background: none;
    background-color: #fff;
}

#divOwner, #divOwnerFR {
    padding: 0 5px 0 0 !important;
    height: auto !important;
    float: inherit;
    width: 100%;
}

.col_2 > p {
    margin: 0 0 0 5px !important;
}

#pnlVerification {
    background: none;
    margin-top: 25px;
}

#divCoverPageTitle {
    border-bottom: 1px solid #e4e4e4;
}

.box-gradient.bigspace {
    padding: 45px 0 20px 0;
}

ul#reskin.breadcrumb {
    height: 34px;
    border-top: 1px solid #c3c3c3;
}


.item-info-hover, .item-info-hover.noshare, .item-info.item-info-hover, .item-info.selected, .files-icon.item-info.selected {
    background: #fefefe !important;
}
.files.icon .item-info.item-info-hover {
    background: #ffffff !important;
}
.files.icon .item-info.item-info-hover .type {
	background-color: #f6f6f6;
}

files.icon .item-info.item-info-hover {
    background: #d6e6f0 !important;
}

#preview-files .item-info-hover {
    background: none !important;
}

.jbox.topbrd {
    border-top: 1px solid #e6e6e6;
    background: transparent;
    height:60px;
}

.signature-pad .title-signature {
    background: #425468 !important;
}
.disclaimer {
    font-size: .9em;
    padding: 0px 10px 5px 10px;
}
.files.icon.fileshare .item_data div.name {
    background-color: #fefefe;
}

.files.icon.fileshare .item-info .item_data .name.selected, .ui-selectable .wrap-item.ui-selected .file-name-text a, .ui-selectable .wrap-item.ui-selecting .file-name-text a {
    background: #d6e6f0;
}

.ui-selectable .wrap-item.ui-selected .type, .ui-selectable .wrap-item.ui-selecting .type {
    background-color: #f6f6f6;
}

#main-content {
    /*   border-bottom: 1px solid #e3e3e3 !important; */
    margin-bottom: 20px;
    padding: 0;
    min-height: auto;
}

.tipmsg p {
    padding-bottom: 0px;
}

.footer .copy {
    padding: 0px 0 0 10px !important;
}

.footer ul {
    margin-right: 10px;
    width: 36%;
}

.col_2 > p > em > span, .col_2 p span{
    font-style: normal;
    font-weight: 600;
    color: #fff !important;
    font-size: inherit;
}


#browseButton_drag-and-drop {
    width: 75px;
}

.inline li {
    margin: 0 0 0 10px;
}

.inline.right li {
    margin-left:0;
    margin-right:2px;
}

.panel-log .inline.right.mtb20, #divOwner div.right {
    padding: 0 10px 0 0;
}

.pd15 {
    padding: 15px 0 !important;
}

#divLanguage {
    margin: 5px 10px 0 10px;
}

#ancStartUpload {
    width: 110px;
    }

#ulDBSuccess > a {
    width: 135px;
}

#ulDBSuccess > li {
    margin: 0;
}
 
#divProcess {
    width: 99% !important;
    position: inherit !important;
}

#ulDragNDrop > li {
    height: 58px;
    padding: 3px 10px 3px 10px;
}

ul.step-boxes > li.highlight {
    border-color: lightgray;
    background-color: #f6f6f6;
}
input[type=text], input[type=password], #box-adv-search input[type=text], .jbox input[type=text], input.text, input.email, input.password, textarea.uniform, textarea, select {
    background: #fff url(../../Images/main-ui/private-site/bg-input.png) repeat-x 0px 0px;
    border-color: #a9a9a9;
}
ul.step-boxes > li > .step-title {
    border-bottom-color: #ccc;
}
ul.step-boxes li.highlight .step-title {
    color: #333;
    border-bottom-color: #fff;
}
ul.step-boxes li.highlight .step-content {
    border-top-color: #ccc;
}
ul.step-boxes li.highlight .step-number {
    background-color: #666;
}
ul.step-boxes .step-number {
    background-color: #ccc;
}
ul.step-boxes > li {
    border-color: #ccc;
}
/*.gray-sidebar {
    width: 27%;
}
*/
/*Rad window CSS*/
div.window .displaymsg.trans {
    margin: 0px 15px 0px 0 !important;
}

.btns-window.gray.bottom {
    margin-top: 12px;
    border-top: 1px solid #ebebeb;
}

.content-window { /*used in zipdownload window */
    padding: 10px 0 0px 0;
    min-height: 85px;    
}

#RadWindowWrapper_RadWindowView table.rwTable, #RadWindowWrapper_RadWindowNM table.rwTable, #RadWindowWrapper_RadWindowChild table.rwTable {
    border: 10px solid rgb(69,85,102);
    border-radius: 6px;
}

.RadWindow_Windows7Cust .rwCorner.rwTopLeft, .RadWindow_Windows7Cust .rwTitlebar, .RadWindow_Windows7Cust .rwCorner.rwTopRight, .RadWindow_Windows7Cust .rwTopResize {
    background-color: rgb(136,160,194);
}

div.RadWindow_Windows7Cust .rwTitlebarControls em {
        color: #fff;
        text-shadow: none;  
}

.RadWindow_Windows7Cust .rwControlButtons a {
    background-image: url(Window/close-radwindow.png);
    background-position: 0 0;
}

#divInprogress {
    width: 100% !important;
}

#RadWindowWrapper_RadWindowView .rwTable .rwContentRow .rwCorner.rwBodyLeft, #RadWindowWrapper_RadWindowView .rwTable .rwContentRow .rwCorner.rwBodyRight, #RadWindowWrapper_RadWindowView .rwTable .rwFooterRow .rwCorner.rwFooterLeft, #RadWindowWrapper_RadWindowView .rwTable .rwFooterRow .rwFooterCenter, #RadWindowWrapper_RadWindowView .rwTable .rwFooterRow .rwCorner.rwFooterRight, #RadWindowWrapper_RadWindowNM .rwTable .rwContentRow .rwCorner.rwBodyLeft, #RadWindowWrapper_RadWindowNM .rwTable .rwContentRow .rwCorner.rwBodyRight, #RadWindowWrapper_RadWindowNM .rwTable .rwFooterRow .rwCorner.rwFooterLeft, #RadWindowWrapper_RadWindowNM .rwTable .rwFooterRow .rwFooterCenter, #RadWindowWrapper_RadWindowNM .rwTable .rwFooterRow .rwCorner.rwFooterRight #RadWindowWrapper_RadWindowChild .rwTable .rwContentRow .rwCorner.rwBodyLeft, #RadWindowWrapper_RadWindowChild .rwTable .rwContentRow .rwCorner.rwBodyRight, #RadWindowWrapper_RadWindowChild .rwTable .rwFooterRow .rwCorner.rwFooterLeft, #RadWindowWrapper_RadWindowChild .rwTable .rwFooterRow .rwFooterCenter, #RadWindowWrapper_RadWindowChild .rwTable .rwFooterRow .rwCorner.rwFooterRight {
    background-color: rgb(255,255,255);
    background: rgb(255,255,255);
}

.RadWindow .rwWindowContent, .content-window.gray, .btns-window.gray, .rwFooterRow {
    background-color: rgb(255,255,255) !important;
    background: rgb(255,255,255);
}

 div#upnlMain > .content-window.gray {
    padding-top: 0px;
    font-size: 12px;
 }

.header-div { /*Affect in File-receive other upload method window*/
         width: 94%;
         height: 15px;
         padding: 2px 0 7px 0;
         margin: 0 15px;
         border-bottom: 1px solid #fff;
    border: 1px solid #ebebeb;
 }

 div.window .header-div .spanAlign1 {
    padding-left: 87px;
     color: #666;
 }

 div.window .header-div .spanAlign2 {
    padding-left: 57px;
    color: #666;
 }

 div.window .btns-window .btns-right {
     padding-right: 5px;
 }
 .uuControlsContainer.btns-window.gray .btns-right, .btns-window.gray.bottom .btns-right{
    margin-right: 14px;
}
  div.window .btns-window .btns-left {
     padding-left: 7px;
 }
  .uuControlsContainer.btns-window.gray .btns-left {
    margin-left: 7px;
}
 div.window .btns-window, .window h2 {
    padding-bottom: 5px;
}
/* Eform */
.view-form span.title-form {
    font-weight: bold;
    font-size: 21px;
    line-height: 1em;
}

.form-theme .logo, #wrapper.generic #header a {
    margin: 10px 0 10px 5px;
}

#divOwner > .rc {
    width: 100%;
    padding: 7px 0 5px 0;
}


.col_2 > p, .rc > p {
    margin: 0 0 0 10px;
}
/*can create ui issue for dnd box in file-receive*/
   /*.white-box.dotted.nopd {
       width:95%;
       margin:0 8px;
   }*/
  .uuControlsContainer.btns-window.gray {
      border:none;
  }
.view-form .inner-page {
    width: 100%;
    padding: 0px 10px 15px 10px;
 }
 
.form-theme {
    background: #fff;
}
.tblTableField > tbody > tr > td, .tblTableField > thead > tr > th {
    border: 1px solid #a9a9a9;
}
/**/
@media screen and (max-width:650px) {
    a.button-blue.big {
    width: 85%;
}
     div.selector {
         margin-bottom: 5px;
     }
    
     ul#account-links li a, .panel-log a {
        margin-top: 0px !important;
     }

      .col_2 {
          width: 85% !important;
        margin-bottom: 10px;
     }

      #header .panel-log {
        width: 100%;
      }

        #divLanguage {
    margin: 5px 0px 0 10px;
}

    .panel-log .inline.right.mtb20 {
        padding: 0 0 0 0;
      }
}
/*Mobile device*/
@media screen and (max-width:445px) {
    .footer .copy {
        padding: 0px 0 10px 10px !important;
    }

    .item-info {
        padding: 10px 0 0 0px;
    }

    #divOwnerFR > .col_2 {
        width: 95% !important;
    margin-bottom: 5px;
    }

    .displaymsg.trans .icon-32, .displaymsg.trans .icon32, .displaymsg {
        margin: 0;
    }

     #ancStartUpload {
        width: 92%;
    }

      div.selector {
         margin-bottom: 15px;
     }

      ul.sections > li.enter-filter > ul > li > input[type=text] {
        width: 242px;
      }
}
