body
{
    /*min-width: 800px;*/
    min-height: 600px;
}

DIV#wrapper {
    WIDTH: 100%;
}

.clear
{
    display:block;
    height:0px;
    line-height:0px;
    clear:both;
    font-size:0px;
}
a
{
    outline:0px;
}
.left
{
    float:left;
}
.right
{
    float:right;
}

.btnImg, input[type="SUBMIT"].btnImg
{
    border:none;
    background:url('images/spriteAdmin.png') no-repeat;
    padding:0;
    width:24px;
    height:24px;
}

.btnUp, input[type="SUBMIT"].btnUp
{
    background-position:-139px top;
}

.btnDown, input[type="SUBMIT"].btnDown
{
    background-position:-165px top;
}

.btnDelete, input[type="SUBMIT"].btnDelete
{
    background-position:-190px top;
}




.testImage32,
.officeitem_ZendeskTagsAll32,
.officeitem_ZendeskTagsTips32,
.officeitem_ZendeskTagsWizardNotSubscriber32,
.officeitem_ZendeskTagsWizardWizardSubscriber32,
.zendeskImage32,
.ugotiateImage32,
.ribbon_savereturnitem32,
.ribbon_applyitem32,
.ribbon_emulateitem32,
.ribbon_saveitem32,
.ribbon_checkitem32,
.ribbon_startitem32,
.ribbon_undoitem32,
.officeitem_RequiringAttention32,
.officeitem_HelpWithDebt_TranFiles32,
.ribbon_stopitem32,
.ribbon_refreshFromZendeskitem32,
.ribbon_dateAdd32,
.officeitem_HelpWithDebt_Viewdebtors32,
.ribbon_newitem32,
.icon32{
    background-image:url('images/spriteAdmin.png');
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.testImage32,
.officeitem_ZendeskTagsAll32,
.officeitem_ZendeskTagsTips32,
.officeitem_ZendeskTagsWizardNotSubscriber32,
.officeitem_ZendeskTagsWizardWizardSubscriber32
{
    background-position:-74px 5px;
}
.zendeskImage32
{
    background-position:left top;
}
.ugotiateImage32
{
    background-position:-33px top;
}
.ribbon_savereturnitem32{
    background-position: 0 -38px;
}
.ribbon_applyitem32{
    background-position: -35px -38px;
}
.ribbon_emulateitem32{
    background-position: -72px -38px;
}
.ribbon_saveitem32{
    background-position: -106px -38px;
}
.ribbon_checkitem32{
    background-position: -138px -38px;
}
.ribbon_startitem32{
    background-position: -173px -38px;
}
.ribbon_undoitem32{
    background-position: -208px -38px;
}
.officeitem_RequiringAttention32{
    background-position: -247px -38px;
}
.officeitem_HelpWithDebt_TranFiles32{
    background-position: -285px -38px;
}
.ribbon_stopitem32{
    background-position: -318px -38px;
}
.ribbon_refreshFromZendeskitem32{
    background-position: -350px -38px;
}
.ribbon_dateAdd32{
    background-position: -389px -38px;
}
.officeitem_HelpWithDebt_Viewdebtors32{
    background-position: -428px -38px;
}
.ribbon_newitem32{
    background-position: -463px -38px;
}
.officeitem_HelpWithDebt_ViewPayments32{
    background-position: -497px -38px;
}

.manage-your-campaigns-link.icon32
{
    background-position:left -114px;
}

.set-up-new-campaign-link.icon32
{
    background-position:-32px -114px;
}

.add-accounts-to-campaign-link.icon32
{
    background-position:-64px -114px;
}

.update-accounts-link.icon32
{
    background-position:-96px -114px;
}

.statistics-link.icon32
{
    background-position:-128px -114px;
}

.manage-payment-installments-link.icon32
{
    background-position:-160px -114px;
}

.payment-transactions-export-link.icon32
{
    background-position:-192px -114px;
}

.company-profile-link.icon32
{
    background-position:-224px -114px;
}
.icon32.site-design
{
    background-position:-321px -114px;
}
.icon32.integration
{
    background-position:-352px -114px;
}
.icon32.custom-texts
{
    background-position:-384px -114px;
}
.payment-processing-settings.icon32
{
    background-position:-256px -114px;
}

.change-password.icon32
{
    background-position:-288px -114px;
}


.ribbon_closeitem16,
.officeitem_development,
.officeitem_LeastPopularityTypes16,
.officeitem_MostPopularityTypes16,
.officeitem_AllShowAllTypes16,
.officeitem_AllPopularityTypes16,
.officeitem_CollectionAgenciesOnlyTypes16,
.officeitem_BanksOnlyTypes16,
.ribbon_deleteitem16,
.officeitem_archiveoffers,
.officeitem_emailtemplates,
.officeitem_basecreditors,
.officeitem_holidays,
.officeitem_reportmarketing,
.officeitem_creationuser,
.officeitem_alternativeprograms,
.officeitem_helpwithdebtcampaign,
.officeitem_usermngmnt,
.officeitem_reports,
.officeitem_queues,
.officeitem_reportaccounts,
.officeitem_zendesktags,
.officeitem_administration,
.ribbon_insertitem16,
.officeitem_settings,
.officeitem_workplace,
.testImage16,
.officeitem_promocodes,
.officeitem_discounttypes,
.officeitemicon16{
    background:url('images/spriteAdmin.png') no-repeat -358px -78px;
    height: 16px;
    width: 16px;
}

.officeitemicon16.overview
{
    background-position: -225px -96px;
}
.testImage16{
    background-position: -116px top;
}
.ribbon_closeitem16{
    background-position: left -78px;
}
.officeitem_creditordashboard{
    background-position: -19px -78px;
}
.officeitem_development{
    background-position: -40px -78px;
}
.officeitem_LeastPopularityTypes16{
    background-position: -59px -78px;
}
.officeitem_MostPopularityTypes16{
    background-position: -77px -78px;
}
.officeitem_AllShowAllTypes16,
.officeitem_AllPopularityTypes16{
    background-position: -95px -78px;
}
.officeitem_CollectionAgenciesOnlyTypes16{
    background-position: -114px -78px;
}
.officeitem_BanksOnlyTypes16{
    background-position: -133px -78px;
}
.ribbon_deleteitem16{
    background-position: -151px -78px;
}
.officeitem_archiveoffers{
    background-position: -168px -78px;
}
.officeitem_actualoffers{
    background-position: -189px -78px;
}
.officeitem_exceptions{
    background-position: -210px -78px;
}
.officeitem_emailtemplates{
    background-position: -228px -78px;
}
.officeitem_accounts{
    background-position: -247px -78px;
}
.officeitem_basecreditors{
    background-position: -268px -78px;
}
.officeitem_holidays{
    background-position: -287px -78px;
}
.officeitem_reportmarketing{
    background-position: -305px -78px;
}
.officeitem_creationuser{
    background-position: -322px -78px;
}
.officeitem_alternativeprograms{
    background-position: -339px -78px;
}
.officeitem_helpwithdebtcampaign{
    background-position: -358px -78px;
}
.officeitem_usermngmnt{
    background-position: -378px -78px;
}
.officeitem_reports{
    background-position: -395px -78px;
}
.manage-payment-installments{
    background-position: -413px -78px;
}
.officeitem_queues{
    background-position: -432px -78px;
}
.officeitem_invitationupload{
    background-position: -450px -78px;
}
.officeitem_reportaccounts{
    background-position: -468px -78px;
}
.officeitem_zendesktags{
    background-position: -487px -78px;
}
.officeitem_dashboard{
    background-position: -502px -78px;
}
.officeitem_administration{
    background-position: -520px -78px;
}
.ribbon_insertitem16{ 
    background-position: -537px -78px;
}
.officeitem_settings{
    background-position: -555px -78px;
}
.officeitem_workplace{
    background-position: -572px -78px;
}
.new-compaign{
    background-position: left -96px;
}

.extend-campaign{
    background-position: -19px -96px;
}

.update-campaign{
    background-position: -37px -96px;
}

.statistics-campaign{
    background-position: -56px -96px;
}

.manual-payments{
    background-position: -76px -96px;
}

.officeitem_promocodes{
    background-position: -114px -96px;
}

.officeitem_discounttypes{
    background-position: -96px -96px;
}

.officeitem_failedlogins{
    background-position: -130px -96px;
}

.officeitem_loginassistance{
    background-position: -147px -96px;
}

.invitation-upload{
    background-position: -167px -96px;
}
.invitation-exclude{
    background-position: -188px -96px;
}
.officeitemicon16.company-profile
{
    background-position: -208px -96px;
}
.officeitemicon16.payment-processing-settings
{
    background-position: -246px -96px;
}
.officeitemicon16.change-password
{
    background-position: -264px -96px;
}
.officeitemicon16.rules
{
    background-position: -339px -96px;
}
.officeitemicon16.custom-texts
{
    background-position: -321px -96px;
}
.officeitemicon16.site-design
{
    background-position: -304px -96px;
}
.officeitemicon16.integration
{
    background-position: -287px -96px;
}

.desc A,
.asc A,
.sortable A
{
    background-image: url('images/spriteAdmin.png');
    background-repeat: no-repeat;
    display: inline-block;
    padding-right: 15px;
    margin-right: -15px;
}

.desc A, .desc a i
{
    background-position: right -177px;
}
.asc A, .asc a i
{
    background-position: right -193px;
}
.sortable A, .sortable a i
{
    background-position: right -207px;
}



/* extended gridview start */
table.yui-datatable-theme
{
    border: none;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 12px;
    color: #000;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.yui-datatable-theme td, .yui-datatable-theme th, .yui-datatable-theme tr
{
    border-collapse: collapse;
    border:none;
    vertical-align:top;
}

.yui-datatable-theme td, .yui-datatable-theme td a
{
    text-overflow:ellipsis;
    overflow:hidden;
}

.yui-datatable-theme th a
{
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    color: #000;
}

.yui-datatable-theme th a
{
    display:inline;
}

.yui-datatable-theme.newStyle th a,
.yui-datatable-theme.newStyle .desc A,
.yui-datatable-theme.newStyle .asc A,
.yui-datatable-theme.newStyle .sortable A
{
    padding-right:0;
    background-image:none;
    margin-right:0;
    display:block;
    padding:0 3px;
    /*height:22px;
    line-height:22px;*/
}

.yui-datatable-theme.newStyle th a i
{
    background-image:url('images/spriteAdmin.png');
    background-repeat:no-repeat;
    display:inline-block;
    width:15px;
    height:13px;
    position:relative;
    top:2px;
    *top:-1px;
}
.yui-datatable-theme.newStyle
{
    margin-bottom:10px;
}
.yui-datatable-theme th a span
{
    white-space: nowrap;
}
.yui-datatable-theme th
{
   /*  background-image:none;
   background: rgb(232,236,240);
    background: -moz-linear-gradient(top,  rgba(232,236,240,1) 0%, rgba(232,236,240,1) 98%, rgba(192,192,192,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,236,240,1)), color-stop(98%,rgba(232,236,240,1)), color-stop(100%,rgba(192,192,192,1)));
    background: -webkit-linear-gradient(top,  rgba(232,236,240,1) 0%,rgba(232,236,240,1) 98%,rgba(192,192,192,1) 100%);
    background: -o-linear-gradient(top,  rgba(232,236,240,1) 0%,rgba(232,236,240,1) 98%,rgba(192,192,192,1) 100%);
    background: -ms-linear-gradient(top,  rgba(232,236,240,1) 0%,rgba(232,236,240,1) 98%,rgba(192,192,192,1) 100%);
    background: linear-gradient(to bottom,  rgba(232,236,240,1) 0%,rgba(232,236,240,1) 98%,rgba(192,192,192,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ecf0', endColorstr='#e8ecf0',GradientType=0 );
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 11px;
    border-right: 1px solid #a5acb5;
    border-bottom: 1px solid #a5acb5;
*/
    min-height:10px;
    
    font-weight: normal;
    height:22px;
    line-height:22px;
    text-align: center;
    border-bottom:	1px solid #BDC1C6;
    position:relative;
    padding-left:2px;
    vertical-align:middle;
}
 .yui-datatable-theme th + th
{
    border-left:1px solid #ccc;
    /*background:url('images/spriteAdmin.png') no-repeat left -199px;*/
}



.yui-datatable-theme tr{ 
    border-bottom-color: #dbdee1;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height:21px;
    margin-bottom: 1px;
    padding-top: 1px;
   
}

.yui-datatable-theme td 
{
    border-left-style: none;
    border-right-style: none;
    padding-left: 5px;
}

.yui-datatable-theme td a{
    color: #2869a8;
    text-decoration: none;
}

.yui-datatable-theme td a:hover,
td.inputeditcontrols a:hover{
    text-decoration: underline;
}

.yui-datatable-theme .data-row
{
    background-color: #fff;
}

.yui-datatable-theme .data-rowUpperCase
{
    background-color: #fff;
    text-transform: uppercase; 
}

.yui-datatable-theme .alt-data-row
{
    background-color: #f2f2f2;
}

.yui-datatable-theme .alt-data-rowUpperCase
{
    background-color: #f2f2f2;
    text-transform: uppercase; 
}

.yui-datatable-theme .pagerStyle 
{
    border-right: solid 1px #fff;
}


.yui-datatable-theme .row-over, .yui-datatable-themeUpperCase .row-over
{
    background-color: #b2d2ff;
}

.yui-datatable-theme .GridRowSelectRowOver
{
    background-color: #b2d2ff;
}

.yui-datatable-theme .GridRowSelect
{
    background-color: #A7CDF0;
    color: #000;
}
/* extended gridview end*/

.editItem{
    padding: 10px 15px;
}

.editItem .textbox,
.editItem .textboxlargeWidth,
.editItem .select{
    font-family: Verdana,sans-serif;
    font-size: 8pt;    
    margin-right: 10px;        
}

.editItem .textbox{
    width: 255px;
}

.editItem .textboxlargeWidth{
    width: 400px;
}

.editItem .select{
    /*width: 260px;*/
}

.editItem .checkbox{
    /*width: 10px;*/
}

.validator, .editItem .validator, .AdminChangePassword .validator{
    color: #a94442;
    font-weight: bold;
}

.editItem .tableEdit{
    border: 0px;
   /* color: #4c4c4c;
    font-family: Verdana, Tahoma;
    font-size: 0.7em;*/
    letter-spacing: normal;
    width: 100%;
}

.tableEdit .tableEditDesc, .tableEditDesc{
   /* font-family: tahoma;
    font-size: 8pt;*/
    padding-bottom: 10px;
    width: 100%;
}

.tableEdit .mainEditContent{
    height: 100px;
    vertical-align: top;
}

.tableEdit td.sectionline, td.sectionline{
    background-color: #D9D9D9;
    height: 1px;
    padding:0;
}

tr.sectionline td{
    border-top:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
    padding-bottom:8px;
    
}

tr.sectionline + tr.sectionline td, tr.sectionline.sectionline-no-top td{
    border-top:none;
}

tr.sectionline td table td{
    border-top:none;
    border-bottom:none;
    padding-bottom:0;

}
/*
.tableEdit .sectionheader{
    height: 22px;
    padding-top: 4px;
    color: #525252;
    font-family: Calibri, Tahoma, Arial, Verdana, Sans-Serif;
    font-size: 12pt;
    font-weight: bold;
    vertical-align: top;
}

*/
.tableEdit .editRow{
    height: 60px;
}

.batchUploading .editRow{
    height: 40px;
}

.editRow .boldLine
{
    border-bottom:1px solid #999;
}
/*
.tableEdit .sectionheaderdesc{
    color: #4c4c4c;
    font-family: tahoma;
    font-size: 8pt;     
    padding-bottom: 4px;
}*/

.tableEdit .inputeditcontrols,
.tableEdit .buttoncontrols,
.tableEdit .inputeditcontrolsDevelopment,
.inputeditControls{
    background-color: #EFEFEF;
    color: #2d2d2d;
    /*font-family: tahoma;*/
    font-size: 8pt;
    padding: 5px;
}

.tableEdit .inputeditcontrols, .inputeditControls{
    width: 275px;
    vertical-align:top;
}
.tableEdit .buttoncontrols{
    width: 100px;
    vertical-align:top;
}
.tableEdit .inputeditcontrolsDevelopment{
    width: 575px;
}

.inputeditcontrolsDevelopment .firstcolumn{
    width: 300px;
}

.testMode .OfficeWebUI_WorkspaceContentPanel
{
   width:800px;
   overflow-x: auto;
}

#divEmulateResult table tr td
{
    padding:3px;
}

.hiddenField
{
    display:none;
}
/*InstallmentInfo*/


#InstallmentInfo .tableEdit
{
    font-size:14px;
    line-height:16px;
}
#InstallmentInfo .sectionheaderdesc
{
    padding:0;
}

#InstallmentInfo .mainEditContent .sectionline
{
    height:30px;
    background-color:transparent;
    border-bottom:1px solid #D9D9D9;
}

.tableInstallment table table td
{
    padding:5px 20px 0 0;
    vertical-align:top;
}

.tableInstallment select
{
    font-size:8pt;
}

td.data, .strong {
    font-weight: bold;
}
/*
.tdInstallment div + div
{
    padding:5px 0 0 0;
    min-width:265px;
    clear:both;
}
*/

span.label
{
    display:inline-block;
    width:100px;
}

input#tbZIP
{
    width:65px;
}

input.name
{
    width:128px;
}
/*
#InstallmentInfo input#tbAddress
{
    width:275px;
}*/

#InstallmentInfo .validator 
{
    position:relative;
}
/*end InstallmentInfo*/

a
{
    text-decoration:none;
    color:#2869a8;
}
a:hover
{
    color:#2869a8;
    text-decoration:underline;
}
.tabs .selected a
{
    color:#444;
}
/*
.editItem a:hover, .editItem  .tabs  .notselected a:hover
{
    text-decoration:underline;

}

.editItem  .tabs  .notselected,.editItem  .tabs  .selected
{
    width:70px;
    height:22px;
    padding-top:3px;
    border-top:1px solid #efefef;
    display:inline-block;
    background-color:#fefefe;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    margin:0px;
}

.editItem  .tabs  .selected
{
    border-top-color:#ddd;
    background-color:#f5f7fa;
}*/
.tabs
{
    margin:10px 0 0;
    border-bottom:1px solid #BDC1C6
}
.tabs .tab
{
    height:22px;
    font-size:11px;
    color:#444;
    margin:0;
    text-align:center;
    border-top:1px solid transparent;
    border-left:1px solid transparent; 
    border-right:1px solid transparent;
    text-transform: uppercase;
}

.tabs .selected.tab
{
    border-top:1px solid #BDC1C6;
    border-left:1px solid #BDC1C6; 
    border-right:1px solid #BDC1C6;
}

.tabs .tab a
{
    display:block;
    height:22px;
    line-height:22px;
    background-color:#fff;
    padding:0 15px;
}

.tabs .selected.tab a
{
    padding-bottom:1px;
}

.tabs .tab a:hover
{
    cursor:pointer;
    text-decoration:none;
}

.tabs .selected.tab a:hover
{
    cursor:default;
    text-decoration:none;
}

.pdfLink
{
    font-size:11px;
}

.tryings td
{
    color:#666;
}
.tryings span
{
    color:#000;
    font-size:1em;
}
.tryings tr .td1
{
    width: 120px;
    text-align: left;
}
.tryings tr .td2
{
    width: 130px;
    text-align: left;
}
.tryings tr .td3
{
    width: 35px;
    text-align: center;
}

.tryings tr .td4
{
    width: 230px;
    text-align: left;
    padding-left:15px;
}

.tryings tr .td5
{
    width: 80px;
    text-align: center;
}


#tryingList h3
{
    display:block;
    background-color: #777777;
    color:#fff;
    font-size: 18px;
    width:818px;
    padding-left:22px;
    height:56px;
    line-height:56px;
}

#tryingList
{
    background-color:#fff;
}

#tryingList .wrapperContent
{
    padding:30px 50px;
}

#tryingList p
{
    font-size:11px;
    font-weight:bold;
    line-height:17px;
    margin-bottom:20px;
}

/*fancybox*/
#fancybox-wrap #fancybox-outer
{
    background-color:transparent;
}

#fancybox-wrap #fancybox-content
{
    border:none;
}

#fancybox-wrap #fancybox-bg-n, #fancybox-wrap #fancybox-bg-s
{
    width:840px;
}

#fancybox-wrap #fancybox-bg-ne, #fancybox-wrap #fancybox-bg-e, #fancybox-wrap #fancybox-bg-se
{
    right:0;
}

#fancybox-wrap #fancybox-close
{
    right:5px;
}

#fancybox-wrap #fancybox-frame /*for video*/
{
    width:820px;
    border:10px solid #fff;
    height:490px;
}
/*end fancybox*/

table.tryings
{
    margin-left: 20px;
    border-collapse: collapse;
}

table.tryings td, table.tryings th
{
    padding: 5px 10px;
    border: 1px solid #DBDAD8;
}

table.tryings .even td
{
    background-color: #F5F5F5;
}

table.tryings thead th
{
    color: #666;
    background-color: #E8E8E8;
}

BUTTON, INPUT[TYPE=SUBMIT], INPUT[TYPE=file]
{
    cursor:pointer;
}

BUTTON[disabled=disabled], INPUT[disabled=disabled], INPUT[disabled=disabled], .Disabled, .aspNetDisabled
{
    cursor:not-allowed !important;
}

/*Ribbon*/
.RibbonContext
{
    background-image:none;
    border-bottom:none;
}

.RibbonContextsContainer
{
    background-image:none;
    background: rgb(232,236,240);
    background: -moz-linear-gradient(top,  rgba(232,236,240,1) 0%, rgba(232,236,240,1) 98%, rgba(192,192,192,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,236,240,1)), color-stop(98%,rgba(232,236,240,1)), color-stop(100%,rgba(192,192,192,1)));
    background: -webkit-linear-gradient(top,  rgba(232,236,240,1) 0%,rgba(232,236,240,1) 98%,rgba(192,192,192,1) 100%);
    background: -o-linear-gradient(top,  rgba(232,236,240,1) 0%,rgba(232,236,240,1) 98%,rgba(192,192,192,1) 100%);
    background: -ms-linear-gradient(top,  rgba(232,236,240,1) 0%,rgba(232,236,240,1) 98%,rgba(192,192,192,1) 100%);
    background: linear-gradient(to bottom,  rgba(232,236,240,1) 0%,rgba(232,236,240,1) 98%,rgba(192,192,192,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ecf0', endColorstr='#e8ecf0',GradientType=0 );
    /*min-height:10px;*/
}

.RibbonTab
{
    padding-bottom:1px;
}

.RibbonTabActive
{
    border-bottom:1px solid #fff;
    color:#000; 
    padding-bottom:0;
}

/*#RibbonContextsContainer hide top menu
{
    display:none;
}*/
/*Ribbon*/

/*RequiringAttention*/
.require-attention
    {
       /* padding:15px;*/
    }
    .require-attention .frame
    {
        width: 100%;
        border-spacing: 15px;
        border-collapse:separate ;
    }
   .require-attention .frame TD
    {
        border:1px solid #ccc;
        padding: 0;
        vertical-align: top;
        width:33%;
    }
    
    .require-attention .frame TD a
    {
        color:#2869A8;
        text-decoration:none;
    }
    .require-attention .frame TD a:hover
    {
        text-decoration:underline;
    }
    .require-attention div.li
    {
        padding-left:7px;
        background:url('images/spriteAdmin.png') no-repeat -596px 6px;
    }
    .require-attention .frame TD DIV.content
    {
        padding: 12px;
        font-size: 13px;
    }
    .require-attention .frame TD DIV.content DIV.info, .issue-info
    {
        padding: 8px;
    }
    .note 
    {
        margin-top:10px;
    }
    .require-attention .frame TD DIV.content DIV.no-issue-info
    {
        display: inline;
    }
    .require-attention .frame .header
    {
        background: linear-gradient(to bottom, #E8ECF0 0%, #E8ECF0 98%, #C0C0C0 100%) repeat scroll 0 0 transparent;
        font-family: Segoe UI,Tahoma,Arial;
        font-size: 11px;
        font-weight: normal;
        min-height: 10px;
    }
    .require-attention .frame .header .state
    {
        background-color: #B9EBC1;
        color:#606060;
        font-size:12px;
        font-weight:bold;
        padding:5px;
        margin:0;
    }
    .require-attention .frame .header .state.issue
    {
        background-color: #f00;
        color:#fff;
    }
    .require-attention .frame .header .label
    {
        /*margin: 1px 0 0 8px;*/
        width: auto !important;
    }
/*end RequiringAttention*/

table.subscription tr td, table.subscription tr th
{
    border-bottom:1px solid #aaaaaa;
}

table.subscription tr td.noborder
{
    border-bottom:none;
}

.promocodeMessage
{
    color:#a94442;
}

.wrapperUploadMessage, .AdminChangePassword .criticalMessage
{
    background-color:#FFF19D;
    padding:10px 10px 10px 43px;
    border:1px solid #D7D889;
    position:relative;
    margin:10px 3px;
}

.wrapperUploadMessage i, .AdminChangePassword .criticalMessage span
{
    display:block;
    position:absolute;
    background:url('images/spriteAdmin.png') no-repeat -533px -38px;
    height:23px;
    width:23px;
    left:10px;
    top:5px;
}

.wrapperUploadMessage.error
{
    background-color:#fcc;
    border-color:#EE9B9B;
}

.wrapperUploadMessage.error i
{
    background-position: -558px -38px;
}

.wrapperUploadMessage.succes, .wrapperUploadMessage.success
{
    background-color:#B9EBC1;
    border-color:#A6D3AE;
}

.wrapperUploadMessage.succes i,  .wrapperUploadMessage.success i
{
    background-position: -533px -13px;
}
/*newCompaign
.newCompaign, .OfficeWebUI_Workspace
{
    font-family:Segoe UI, Segoe UI, Tahoma, Arial, sans-serif;
    color:#444;
    font-size:11px;
}
*/
/*.newCompaign*/ .sectionheader, .edititem-sl .sectionheader, .HeadlineLarge
{
    font-size:13px;
    font-weight:600;
    padding-top:3px;
    color:#262626;
}

.sectionheaderdesc
{
    font-size:12px;
}

.headlineSmall + .tbWrap, .btnWrapper
{
    padding-top:5px;
}

.titleGroup
{
    border:1px solid #A5ACB5;
    font-size:14px;
    font-weight:600;
    background-color:#EFF2F6;
    padding-left:10px;
    color:#262626;
}

.preTitleGroup 
{
    height:8px;
    background-color:#fff;
}

.table-header td, .sectionheader td
{
    padding-left:10px;
}

.newCompaign .table-header, .edititem-sl.table-header
{
    margin: 0 0 7px;
}
.newCompaign .wrapper-table-header .table-header
{
    margin-bottom:0;
}

.newCompaign .wrapper-table-header
{
    padding-bottom:7px;
}
/*
.newCompaign .sectionheaderdesc
{
    padding-bottom:0;
}
*/
#hlPFD
{
    margin-left:10px;
    line-height:20px;
}
/*
#hlPFD:hover
{
    text-decoration:underline;
}*/
.tdTop
{
    vertical-align:top;
}

.newCompaign .table-header.first, .edititem-sl.table-header.first
{
    margin-top:7px;
}

.newTableEdit
{
    width:100%;
}
/*end newCompaign

input[type="submit"]
{
    
    border-bottom-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-top-width: 2px;
color: #000000;
display: inline-block;
font-family: use-lang-def;
font-size: 13px;
font-weight: 400;
padding: 1px 8px;
text-align: center;
text-indent: 0px;
white-space: nowrap;
}*/

/*workspaceOverview*/
/*.workspaceOverview
{
    font-family:Segoe UI, Tahoma, Arial, Sans-Serif;
}
.workspaceOverview table
{
    width:100%;
    border-collapse:collapse;
}

.workspaceOverview td
{
    vertical-align:top;
}

.tableOverview thead th
{
    border-top:3px solid #fff;
    font-size:14px;
    font-weight:600;
    padding: 3px 0 5px 10px;
    color:#262626;
    text-shadow:0px 1px 0px #fff;
    text-align:left;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(175,176,178,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(175,176,178,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(175,176,178,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(175,176,178,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(175,176,178,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(175,176,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#afb0b2',GradientType=0 );
}

.tableOverview thead th.line-s1
{
    border-top-color:#FEC716;
}

.tableOverview thead th.line-s2
{
    border-top-color:#8DC73F;
}

.tableOverview thead th.line-s3
{
    border-top-color:#0DAEF0;
}

a.icon32
{
    display:block;
}

.tdIMG
{
    width:34px;
}

.workspaceOverview .table-header + .table-header
{
    margin-top:30px;
}

.workspaceOverview .table-header.first
{
    margin-top:20px;
}
*/

/*end workspaceOverview*/

.AdminChangePassword
{
    padding:10px;
}

.AdminChangePassword h3
{
    color: #262626;
    font-size: 14px;
    font-weight: 600;
}

.AdminChangePassword input
{
    font-size:11px;
}


.AdminChangePassword input[type="SUBMIT"],  .AdminChangePassword button
{
    width:40px;
}


/*tabs*/
.RibbonContext, #wrapper .RibbonContextsContainer, .RibbonContextTitle
{
    height:auto !important;
}
.RibbonContextsContainer
{   
    position:relative;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXQ0NAtGB8hAAAACklEQVR4XmNgAAAAAgAB3p6PvwAAAABJRU5ErkJggg==) repeat-x left bottom;
}
.RibbonTab
{
    border-radius:0;
    text-transform:uppercase;
    margin-top:2px;
    color:#2869A8;
}
.RibbonTab.RibbonTabActive
{
    color:#444;
}

#paymentsBySelectedOptionsChartPanel div
{
    overflow:visible;
    width:auto;
}
/*end tabs*/

/*Chart*/
.wrapperChart
{
    width:800px;
    min-width: 800px;
    height: 400px;
    position:relative;
    top:-40px;
}

.wrapperChart div.amChartsLegend
{
    max-width:620px;
}
.titleChart
{
    width:800px;
    text-align:center;
    color: #262626;
    font-size: 14px;
    font-weight: 600;
}
.titleChart span
{
    font-size:1.1em;
}

/*end Chart*/

/*Chart*/
#eventsChartPanel {
    width: 550px;
    min-width: 550px;
    height: 400px;
    margin-top:-50px;
    top: 0px;
}

    #eventsChartPanel div.amChartsLegend {
        max-width: 550px;
        margin-left: -60px;
    }
    #eventsChartPanel div.amcharts-chart-div {
        margin-left: -130px;
    }


#eventsChartPanel .titleChart {
    width: 550px;
    text-align: center;
    color: #262626;
    font-size: 14px;
    font-weight: 600;
    
}

        #eventsChartPanel .titleChart span {
            font-size: 1.1em;
        }

/*end Chart*/

/*Chart*/
#statisticsChartPanel {
    width: 550px;
    min-width: 550px;
    height: 400px;
    top: 0px;
}

    #statisticsChartPanel div.amChartsLegend {
        max-width: 550px;
        margin-left: 0px;
    }

    #statisticsChartPanel div.amcharts-chart-div {
        margin-left: 0px;
    }


    #statisticsChartPanel .titleChart {
        width: 550px;
        text-align: center;
        color: #262626;
        font-size: 14px;
        font-weight: 600;
    }

        #statisticsChartPanel .titleChart span {
            font-size: 1.1em;
        }

/*end Chart*/

#plCathegories .cathegory
{
    text-decoration:underline;
}

#plCathegories .cathegory:hover
{
    text-decoration:none;
}

#plCathegories .cathegory .pictogramma
{
    margin-left:3px;
    display: inline-block;
    width:10px;
    height:10px;
    background-image:url('images/spriteWinIcons/control_imgs.png');
    background-repeat:no-repeat;
    /*background-position: -160px -25px;*/
    background-position: -122px -96px;
}

.btnIteration:hover
{
    background-color:#99ffff;
    border:1px solid #55aadd;
}

.btnIteration
{
    color:#2d2d2d;
    background-color:#dedede;
    cursor:pointer;
    padding:3px 5px 5px 5px;
    display:inline-block;
    margin-right:10px;
    margin-bottom:10px;
    border:1px solid #555;
}

customReport
{
    margin:10px;
}

.customReport th
{
    background-color:#aaa;
    text-align:center;
}

.customReport td, .customReport th
{
    border:1px solid #999;
    padding:5px;
    margin:0px;
}

.wrapperChartCommon {
    height: 400px;
    min-width: 800px;
    position: relative;
    width: 800px;
}

.g-grid
{
    width:100%;
    font-size:13px;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    border-collapse: collapse;
}

.g-grid td, .g-grid th 
{
    border: solid 1px #ccc;
    padding:7px 8px 7px 7px;
    text-align:right;
}

.g-grid thead th 
{
    background-color:#e9e9e9;
    font-size: 11px;
    font-weight:bold;
    padding:8px 10px 8px 6px;
    text-align:left;
}

.g-grid .name 
{
    background-color:#fafafa;
    text-align:left;
}
.g-grid .select-tool 
{
    text-align:center;
}

.g-grid .alt-row td 
{
    background-color:#fcfcfc;
}
.g-grid tbody tr:hover td 
{
    background-color:rgb(214,232,245);
}
.comiseo-daterangepicker 
{
    display:table;
}
.comiseo-daterangepicker-buttonpanel 
{
    width:100%;
}
button.comiseo-daterangepicker-triggerbutton.ui-button
{
    position:relative;
    border-color:#ccc;
    background-image:none;
    background-color:#fff;
    color:#1c2e3d;
    /*min-width:15em;*/
    font-family:arial, sans-serif;
    font-weight:normal;
}
button.comiseo-daterangepicker-triggerbutton.ui-button .ui-button-text
{
    font-size:19.024px;
    display:inline-block;
    padding-right:20px;
}
button.comiseo-daterangepicker-triggerbutton.ui-button:hover
{
    border-color:Gray;
}

button.comiseo-daterangepicker-triggerbutton .ui-icon 
{
    position: absolute;
    top: 50%;
    right: 0;
    top:0;
    height:100%;
    background-color:#F7F7F7;
    background-image:none;
    border-top-right-radius:inherit;
    border-bottom-right-radius:inherit;
    width:18px;
}

button.comiseo-daterangepicker-triggerbutton .ui-icon:before
{
    display:block;
    content:" ";
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-2.5px;
    margin-left:-5.5px;
    width:0;
    height:0;
    border:5px solid gray;
    border-bottom-width:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
}
.comiseo-daterangepicker-presets ul 
{
    list-style: none;
    padding-left:0;
}
.comiseo-daterangepicker-presets ul li
{
    display:block;
}
div.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default
{
    background-color:#0077cc;
}
div.comiseo-daterangepicker-calendar .ui-state-highlightAlt a.ui-state-default
{
    background-color:#ed7e17;
}

.g-batton-row
{
    background: whiteSmoke;
    border-bottom: 1px solid #e5e5e5;
    border-left: none;
    border-right: none;
    border-top: 1px solid #e5e5e5;
    height: auto;
    min-width: 600px;
    overflow: hidden;
    padding: 0px 10px;
}

.g-batton-row ul 
{
    list-style: none;
    margin: 0;
    padding: 0 10px;
    white-space: nowrap;
}

.g-batton-row ul li 
{
    display: block;
    list-style: none;
    height: 28px;
    margin: 4px 6px 8px 0;
    padding-top:2px;
    text-align: -webkit-match-parent;
}

.g-batton-row .g-button, .comiseo-daterangepicker-presets ul li a
{
   /* background-color: #f3f3f3;
    background-image: -webkit-linear-gradient(top,#fefefe,#f3f3f3);
    background-image: -moz-linear-gradient(top,#fefefe,#f3f3f3);
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #444;
    cursor: pointer;
    font: normal 11px Arial;
    margin-right: -1px;
    min-width: 18px;
    padding: 8px 7px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #f2f2f2;
    vertical-align: middle;
    white-space: nowrap;*/
}

.comiseo-daterangepicker-presets ul li a 
{
    display:block;
    margin-bottom:2px;
}

.g-batton-row .g-button:hover, .comiseo-daterangepicker-presets ul li a:hover
{
    /*background-image: -webkit-linear-gradient(top,#fafafa,#e9e9e9);
    background-image: -moz-linear-gradient(top,#fafafa,#e9e9e9);
    border-color: #ccc;
    box-shadow: inset 0px 1px 5px rgba(0,0,0,.2);
    color: #222;*/
}

.g-percent 
{
    color: #898989;
    display: inline-block;
    min-width: 50px;
    font-size: 11px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.g-header 
{
    padding: 10px 15px;
    z-index: 1;
}

 .percent:after 
    {
        content:" ";
        display:inline-block;
        /*position:absolute;
        right:0;
        top:50%;
        width:20px;
        height:20px;*/
        font-size:1.3em;
        margin-left:2px;
        font-weight:bold;
    }
    
.down-percent:after
{
    content:"\2B07";
    color:#a94442;
}
.up-percent:after
{
    content:"\2B06";
    color:green;
}

.data-total .percent
{
    color:#333;
    font-size:20px;
}

.ui-datepicker 
{
    z-index:2 !important;
}

.colorpicker
{
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url('images/imagesColorPicker/colorpicker_background.png');
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    z-index:2;
}
.colorpicker_color
{
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #f00;
    overflow: hidden;
    cursor: crosshair;
}
.colorpicker_color div
{
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: url('images/imagesColorPicker/colorpicker_overlay.png');
}
.colorpicker_color div div
{
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url('images/imagesColorPicker/colorpicker_select.gif');
    margin: -5px 0 0 -5px;
}
.colorpicker_hue
{
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize;
}
.colorpicker_hue div
{
    position: absolute;
    width: 35px;
    height: 9px;
    overflow: hidden;
    background: url('images/imagesColorPicker/colorpicker_indic.gif') left top;
    margin: -4px 0 0 0;
    left: 0px;
}
.colorpicker_new_color
{
    position: absolute;
    width: 60px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #f00;
}
.colorpicker_current_color
{
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
}
.colorpicker input
{
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #898989;
    top: 4px;
    right: 11px;
    text-align: right;
    margin: 0;
    padding: 0;
    height: 11px;
}
.colorpicker_hex
{
    position: absolute;
    width: 72px;
    height: 22px;
    background: url('images/imagesColorPicker/colorpicker_hex.png') top;
    left: 212px;
    top: 142px;
}
.colorpicker_hex input
{
    right: 6px;
}
.colorpicker_field
{
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute;
}
.colorpicker_field span
{
    position: absolute;
    width: 12px;
    height: 22px;
    overflow: hidden;
    top: 0;
    right: 0;
    cursor: n-resize;
}
.colorpicker_rgb_r
{
    background-image: url('images/imagesColorPicker/colorpicker_rgb_r.png');
    top: 52px;
    left: 212px;
}
.colorpicker_rgb_g
{
    background-image: url('images/imagesColorPicker/colorpicker_rgb_g.png');
    top: 82px;
    left: 212px;
}
.colorpicker_rgb_b
{
    background-image: url('images/imagesColorPicker/colorpicker_rgb_b.png');
    top: 112px;
    left: 212px;
}
.colorpicker_hsb_h
{
    background-image: url('images/imagesColorPicker/colorpicker_hsb_h.png');
    top: 52px;
    left: 282px;
}
.colorpicker_hsb_s
{
    background-image: url('images/imagesColorPicker/colorpicker_hsb_s.png');
    top: 82px;
    left: 282px;
}
.colorpicker_hsb_b
{
    background-image: url('images/imagesColorPicker/colorpicker_hsb_b.png');
    top: 112px;
    left: 282px;
}
.colorpicker_submit
{
    position: absolute;
    width: 22px;
    height: 22px;
    background: url('images/imagesColorPicker/colorpicker_submit.png') top;
    left: 322px;
    top: 142px;
    overflow: hidden;
}
.colorpicker_focus
{
    background-position: center;
}
.colorpicker_hex.colorpicker_focus
{
    background-position: bottom;
}
.colorpicker_submit.colorpicker_focus
{
    background-position: bottom;
}
.colorpicker_slider
{
    background-position: bottom;
}


.ui-btn-signin 
{
    font: 12px "Lucida Grande" , "Lucida Sans Unicode" , Helvetica, Arial, Verdana, sans-serif;
    padding-left: 70px;
    border-radius: 5px;
    border: 1px solid #ca7a00;
    text-shadow: none;
    text-shadow: 0px 1px black;
    box-shadow: 0 1px 3px rgba(0,0,0,0.52), inset 0 1px rgba(255,255,255,1);
    padding: 10px 30px 11px;
    /*height: 28px;*/
    text-align:center;
    position:relative;
    display:inline-block;
    white-space:nowrap;
    
}
.ui-btn-signin.ui-btn-icon-left {
    padding-left: 70px;
}
.ui-btn-signin .text 
{
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    display:inline-block;
    white-space:nowrap;
}


@font-face {
    font-family: "payline-font";
    src: url("../DRN/fonts/payline-font.eot");
    src: url("../DRN/fonts/payline-font.eot?#iefix") format("embedded-opentype"), url("../DRN/fonts/payline-font.woff2") format("woff2"), url("../DRN/fonts/payline-font.woff") format("woff"), url("../DRN/fonts/payline-font.ttf") format("truetype"), url("../DRN/fonts/payline-font.svg#payline-font") format("svg");
    font-weight: normal;
    font-style: normal; }
.icon {
    font-family: "payline-font";
    text-align: center;
    color: inherit;
    font-weight: normal;
    font-style: normal;
}
.icon.lock:before {
    content: "\F003";
    display: block;
}

.ui-btn-green {
    box-shadow: inset 0px 1px white;
    border-color: #1E1E70;
    text-shadow: 0px 1px white;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 15px 20px;
    line-height: 17px;
}

.ui-btn-green .text
{
    font-size:17px;
}

.half > .ui-btn-green,
.half > .ui-btn-signin
{
    padding-left:0;
    padding-right:0;
    display:block;
}

.half {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 5px;
    min-height:20px;
}
.half > ol
{
    padding: 0 0 0 10px;
}
.half > input 
{
    margin-left:10px;
}
.half > ol > li
{
    margin-bottom: 5px;
}
/*.half > ol > li > input
.half > input
{
    width: 60px;
}*/
.OfficeWebUI_WorkspaceContentPanel
{
    overflow-y: scroll !important;
}
.hidden-row
{
    display:none;
}

#WaitTreeviewLoading.waiting
{
    display:inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor:wait;
    z-index: 2000;
}

#WaitDebitCardLoading.waiting
{
    display:inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor:wait;
    z-index: 2000;
}

.maxWidthForMessageGrid
{
     max-width: 713px;
     word-break:break-word;
     overflow: hidden;
}

a.btn-primary.disabled, a.btn-primary.disabled:hover
{
    background-color:#ccc;
}
.detailsPage .panel 
{
    border: 1px #777 solid;
    margin: 0px;
    padding: 10px;
    width: 550px;
}
    .detailsPage .panel table td {
        padding-bottom:3px;
    }
    .detailsPage .panel .first {
        min-width:200px;
        vertical-align:top;
    }
    .detailsPage .panel .second {
        width: 100%;
    }

table.accountdata tr td {
    border: 1px solid gray;
    padding: 3px;
    white-space: nowrap;
}

.view-account table > tbody > tr > td {
    border-top: none;
}

.view-account table.account-data,
.view-account table.gv-table {
    border-collapse: initial !important;
}
.view-account table.account-data tr td,
.view-account table.account-data tr th {
    border-color: gray;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    padding: 10px;
}
.view-account table.account-data > tbody > tr > td:last-child,
.view-account table.account-data > tbody > tr > th:last-child {
    border-right-width: 1px;
}
.view-account table.account-data > tbody > tr:last-child > td,
.view-account table.account-data > tbody > tr:last-child > th {
    border-bottom-width: 1px;
}

.view-account .gv-table td {
    border-top: 1px solid #ddd;
}

.checked-symbol_blue {
    background-color: #0075ff;
    padding: 5px;
    height: 21px;
    border-radius: 21%;
}

.alert-container {
    display: none;
    width: 100%;
    position: absolute;
    margin-left: 7px;
    margin-top: 1px;
    z-index: 1;
}

.lds-spinner {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: 14px;
}
.lds-spinner div {
    transform-origin: 10px 10px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 15px;
    left: 8px;
    width: 3px;
    height: 7px;
    border-radius: 20%;
    background: #555;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.dropzone {
    border: 3px dashed #5bc0de;
    border-radius: 5px;
    padding: 0;
    margin-bottom: 15px;
}
.dropzone .dz-message {
    margin-top: 3.7em;
}
.dropzone .dz-preview {
    display: block;
    margin: 0;
}
.dropzone .dz-preview .dz-image {
    height: 144px;
    width: 100%;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 5px;
    background: linear-gradient(to bottom, #fafafa, #f0f0f0);
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background-color: unset;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone .dz-preview .dz-details .dz-filename {
    font-size: 15px;
    color: black;
}
.dropzone .dz-preview .dz-progress {
    top: 70%;
    width: 200px;
    margin-left: -100px;
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
    top: 75%;
}
.dropzone .dz-preview .dz-error-message {
    left: 50%;
    margin-left: -70px;
}

#imgPictureLogo {
    max-width: 240px;
    max-height: 60px;
}