@ -49,7 +49,6 @@ body {
# bg-index { background : url ( ../img/index-banner.png ) no-repeat top center ; position : absolute ; top : 150 px ; height : 551 px ; width : 100 % ; }
# bg-index { background : url ( ../img/index-banner.png ) no-repeat top center ; position : absolute ; top : 150 px ; height : 551 px ; width : 100 % ; }
# bg-index-promo { background : #38424c ; position : absolute ; top : 701 px ; height : 200 px ; width : 100 % ; }
# bg-index-promo { background : #38424c ; position : absolute ; top : 701 px ; height : 200 px ; width : 100 % ; }
# body {
# body {
height : auto ;
height : auto ;
min-height : 100 % ;
min-height : 100 % ;
position : relative ;
position : relative ;
@ -66,9 +65,10 @@ body {
}
}
. w1200 { width : 1200 px ; margin : 0 auto ; }
. w1200 { width : 1200 px ; margin : 0 auto ; }
. content-white { width : 1200 px ; background : #fff ; box-shadow : 0 0 5 px #ddd ; padding : 15 px 15 px 0 15 px ; box-sizing : border-box ; margin-bottom : 70 px ; }
# header { height : 100 px ; width : 100 % ; position : relative ; }
# header { height : 100 px ; width : 100 % ; position : relative ; }
# logo { font-family : "MyriadProRegular" ; display : block ; overflow : hidden ; margin-top : 18 px ; }
# logo { font-family : "MyriadProRegular" ; display : block ; overflow : hidden ; margin-top : 18 px ; }
# logo . logo-bigfont { font-size : 30 px ; line-height : 30 px ; margin-top : 12 px ; }
# logo . logo-bigfont { font-size : 30 px ; line-height : 30 px ; margin-top : 12 px ; text-transform : uppercase ; }
. logo-text { margin-left : 10 px ; font-size : 18 px ; color : #3e454c ; line-height : 18 px ; }
. logo-text { margin-left : 10 px ; font-size : 18 px ; color : #3e454c ; line-height : 18 px ; }
. auth_block { margin-top : 30 px ; }
. auth_block { margin-top : 30 px ; }
. login , . register { display : block ; padding-left : 34 px ; margin : 0 3 px ; height : 36 px ; text-decoration : none ; font-family : Arial , Helvetica , sans-serif ; color : #36393f ; line-height : 36 px ; }
. login , . register { display : block ; padding-left : 34 px ; margin : 0 3 px ; height : 36 px ; text-decoration : none ; font-family : Arial , Helvetica , sans-serif ; color : #36393f ; line-height : 36 px ; }
@ -119,17 +119,17 @@ body {
. register-arrow { width : 300 px ; height : 100 px ; background : url ( ../img/black_arrow.png ) no-repeat center center ; position : absolute ; left : 50 % ; top : 340 px ; margin-left : 300 px ; color : #fff ; padding : 20 px 0 0 0 ; font-style : italic ; text-align : center ; font-size : 16 px ; }
. register-arrow { width : 300 px ; height : 100 px ; background : url ( ../img/black_arrow.png ) no-repeat center center ; position : absolute ; left : 50 % ; top : 340 px ; margin-left : 300 px ; color : #fff ; padding : 20 px 0 0 0 ; font-style : italic ; text-align : center ; font-size : 16 px ; }
. register-arrow p { margin : 5 px ; }
. register-arrow p { margin : 5 px ; }
. auth-form . field input [ type = "text" ] , . auth-form . field input [ type = "email" ] , . auth-form . field input [ type = "password" ] { width : 300 px ; vertical-align : bottom ; height : 50 px ; margin-top : 32 px ; }
. auth-form . field input [ type = "text" ] , . auth-form . field input [ type = "email" ] , . auth-form . field input [ type = "password" ] { width : 300 px ; vertical-align : bottom ; height : 50 px ; margin-top : 32 px ; font-size : 46 px ; line-height : 46 px ; }
. auth-form . field input [ type = "checkbox" ] { height : 20 px ; width : 20 px ; vertical-align : middle ; height : 50 px ; }
. auth-form . field input [ type = "checkbox" ] { height : 20 px ; width : 20 px ; vertical-align : middle ; height : 50 px ; }
. auth-form . field # captcha input [ type = "text" ] { width : 130 px ; height : 50 px ; }
. auth-form . field # captcha input [ type = "text" ] { width : 130 px ; height : 50 px ; }
. auth-form . field label { display : inline-block ; width : 20 0px ; text-align : right ; line-height : 50 px ; padding-right : 5 px ; vertical-align : middle ; }
. auth-form . field label { display : inline-block ; width : 19 0px ; text-align : right ; line-height : 50 px ; padding-right : 5 px ; vertical-align : middle ; }
. auth-form . field # profile_type label { width : 200 px ; vertical-align : middle ; height : 50 px ; }
. auth-form . field # profile_type label { width : 200 px ; vertical-align : middle ; height : 50 px ; }
. auth-form . field # id_register-profile_type { float : right ; margin-top : 15 px ; }
. auth-form . field # id_register-profile_type { float : right ; margin-top : 15 px ; }
. auth-form . field # id_register-profile_type label { width : 300 px ; font-size : 13 px ; line-height : 20 px ; vertical-align : bottom ; height : 30 px ; text-align : left ; }
. auth-form . field # id_register-profile_type label { width : 300 px ; font-size : 13 px ; line-height : 20 px ; vertical-align : bottom ; height : 30 px ; text-align : left ; }
. auth-form . field img { vertical-align : middle ; }
. auth-form . field img { vertical-align : middle ; }
. auth-form . buttons { text-align : center ; margin-top : 45 px ; }
. auth-form . buttons { text-align : center ; margin-top : 45 px ; }
. auth-form . buttons input [ type = "submit" ] { background : #fed13e ; border : none ; font-size : 22 px ; padding : 15 px 40 px ; color : #4e5661 ; font-family : "Arial Narrow" , Arial , sans-serif ; font-weight : bold ; }
. auth-form . buttons input [ type = "submit" ] { background : #fed13e ; border : none ; font-size : 22 px ; padding : 15 px 40 px ; color : #4e5661 ; font-family : "Arial Narrow" , Arial , sans-serif ; font-weight : bold ; text-transform : uppercase ; }
. auth-form . captcha_refresh { display : inline-block ; margin : 0 10 px ; width : 24 px ; }
. auth-form . captcha_refresh { display : inline-block ; margin : 0 10 px ; width : 24 px ; }
. register-form { margin : 0 46 px 64 px 0 ; width : 514 px ; padding : 20 px ; background : #fff ; box-shadow : 0 0 5 px #ddd ; float : left ; }
. register-form { margin : 0 46 px 64 px 0 ; width : 514 px ; padding : 20 px ; background : #fff ; box-shadow : 0 0 5 px #ddd ; float : left ; }
@ -232,10 +232,18 @@ h2 {font-weight: normal;font-size:24px;}
. ui-widget-content {
. ui-widget-content {
background : # fff ;
background : # fff ;
}
}
. ui-dialog . ui-dialog-content {
background : # fff ;
}
. ui-dialog . ui-dialog-buttonpane {
. ui-dialog . ui-dialog-buttonpane {
background : none ! important ;
border : 0 ;
}
. ui-dialog . ui-dialog-content { font-size : 14 px ; }
. ui-widget-header { background : #fff ; border : none ; color : #646669 ; text-transform : uppercase ; font-size : 18 px ; font-weight : normal ; font-family : "Arial Narrow" , Arial , sans-serif ; }
. ui-state-default . ui-icon { background : url ( ../img/close.png ) no-repeat center center ; }
. ui-icon { width : 22 px ; height : 22 px ; }
. ui-state-default , . ui-widget-content . ui-state-default , . ui-widget-header . ui-state-default { background : none ; border : none ; }
. client-edit-form_dlg . ui-dialog-buttonpane {
background : none ! important ;
border : 0 ;
border : 0 ;
position : absolute ;
position : absolute ;
bottom : 0 ;
bottom : 0 ;
@ -257,11 +265,18 @@ ul.messagelist li.warning { background-image: url(../img/icon-alert.gif); }
ul . messagelist li . error { background-image : url ( ../img/icon-error.gif ) ; }
ul . messagelist li . error { background-image : url ( ../img/icon-error.gif ) ; }
. ui-dialog . save_btn { display : inline ; font-family : "Arial Narrow" , Arial , sans-serif ; font-size : 22 px ; text-transform : uppercase ; font-weight : bold ; border : none ; width : 215 px ; height : 72 px ; background : #fed13e ; border-radius : 0 ; }
. ui-dialog . save_btn { display : inline ; font-family : "Arial Narrow" , Arial , sans-serif ; font-size : 22 px ; text-transform : uppercase ; font-weight : bold ; border : none ; width : 215 px ; height : 72 px ; background : #fed13e ; border-radius : 0 ; }
. ui-dialog . save_btn span { width : 215 px ; display : table-cell ; vertical-align : middle ; text-align : right ; text-transform : uppercase ; text-decoration : none ; font-size : 22 px ; color : #4e5661 ; background : url ( ../img/save.png ) no-repeat 20 px top ; }
. ui-dialog . save_btn span { width : 215 px ; display : table-cell ; vertical-align : middle ; text-align : right ; text-transform : uppercase ; text-decoration : none ; font-size : 22 px ; color : #4e5661 ; }
. ui-dialog . cancel_btn { display : inline ; font-family : "Arial Narrow" , Arial , sans-serif ; font-weight : bold ; border : none ; width : 120 px ; height : 72 px ; background : none ; border-radius : 0 ; }
. ui-dialog . cancel_btn { display : inline ; font-family : "Arial Narrow" , Arial , sans-serif ; font-weight : bold ; border : none ; width : 120 px ; height : 72 px ; background : none ; border-radius : 0 ; }
. ui-dialog . cancel_btn span { width : 215 px ; display : table-cell ; vertical-align : middle ; text-align : center ; text-decoration : underline ; font-size : 14 px ; color : #498dd0 ; font-weight : normal ; }
. ui-dialog . cancel_btn span { width : 215 px ; display : table-cell ; vertical-align : middle ; text-align : center ; text-decoration : underline ; font-size : 14 px ; color : #498dd0 ; font-weight : normal ; }
. reqs_btns . yellow-btn { color : #4e5661 ; }
. client-edit-form_dlg . save_btn span { background : url ( ../img/save.png ) no-repeat 20 px top ; }
. yellow-btn { color : #4e5661 ; background : #fed13e ; }
. btn { display : inline-block ; font-family : "Arial Narrow" , Arial , sans-serif ; font-size : 22 px ; text-transform : uppercase ; font-weight : bold ; border : none ; height : 72 px ; background : #fed13e ; border-radius : 0 ; }
. btn a { height : 75 px ; display : table-cell ; vertical-align : middle ; text-align : center ; text-transform : uppercase ; text-decoration : none ; color : #fff ; font-size : 22 px ; }
. docs-btn { margin-bottom : 15 px ; }
. docs-btn a { padding : 0 40 px ; font-weight : normal ; }
. yellow-btn a { color : #4e5661 ; }
. hidden { display : none ; }
. hidden { display : none ; }
@ -275,7 +290,7 @@ form label {font-style:italic;font-size:16px;}
. label { width : 120 px ; text-align : right ; font-size : 14 px ; color : #646669 ; line-height : 30 px ; }
. label { width : 120 px ; text-align : right ; font-size : 14 px ; color : #646669 ; line-height : 30 px ; }
. form-field : { width : 210 px ; }
. form-field : { width : 210 px ; }
input , select , textarea { font-family : Arial , Helvetica , sans-serif ; font-size : 46 px ; line-height : 46 px ; background : #f8f8f8 ; background : #f8f8f8 ; }
input , select , textarea { font-family : Arial , Helvetica , sans-serif ; background : #f8f8f8 ; }
fieldset {
fieldset {
padding : 0 0 10px ;
padding : 0 0 10px ;
@ -316,8 +331,9 @@ input[type=text], input[type=email], input[type=password], textarea, option { pa
. profile-col1 , . profile-col2 { float : none ; background : #fff ; box-shadow : 0 0 5 px #ddd ; padding : 0 px ; display : table-cell ; }
. profile-col1 , . profile-col2 { float : none ; background : #fff ; box-shadow : 0 0 5 px #ddd ; padding : 0 px ; display : table-cell ; }
# profile { position : relative ; margin-bottom : 85 px ; }
# profile { position : relative ; margin-bottom : 85 px ; }
# profile div { line-height : 20 px ; }
# profile div { line-height : 20 px ; }
. reqs_btns { position : absolute ; bottom : 1 15px ; text-align : center ; width : 785 px ; }
. reqs_btns { position : absolute ; bottom : 2 15px ; text-align : center ; width : 785 px ; }
. reqs_btns input { display : inline ; font-family : "Arial Narrow" , Arial , sans-serif ; font-size : 22 px ; text-transform : uppercase ; font-weight : bold ; padding : 25 px 15 px 25 px 70 px ; border : none ; }
. reqs_btns input { display : inline ; font-family : "Arial Narrow" , Arial , sans-serif ; font-size : 22 px ; text-transform : uppercase ; font-weight : bold ; padding : 25 px 15 px 25 px 70 px ; border : none ; }
. reqs_btns . btn { color : #4e5661 ; }
. reqs_btns . yellow-btn { color : #4e5661 ; }
. reqs_btns . yellow-btn { color : #4e5661 ; }
. reqs_btns . black-btn { color : #fff ; margin-left : 15 px ; }
. reqs_btns . black-btn { color : #fff ; margin-left : 15 px ; }
. reqs_btns . black-btn . envelope { background : #38424c url ( ../img/envelope.png ) no-repeat 15 px center ; }
. reqs_btns . black-btn . envelope { background : #38424c url ( ../img/envelope.png ) no-repeat 15 px center ; }
@ -329,6 +345,7 @@ input[type=text], input[type=email], input[type=password], textarea, option { pa
# edit_profile { display : inline-block ; float : right ; padding-left : 15 px ; background : url ( ../img/pencil.png ) no-repeat ; font-size : 13 px ; }
# edit_profile { display : inline-block ; float : right ; padding-left : 15 px ; background : url ( ../img/pencil.png ) no-repeat ; font-size : 13 px ; }
ul { clear : both ; list-style : none ; margin : 0 ; padding : 0 ; }
ul { clear : both ; list-style : none ; margin : 0 ; padding : 0 ; }
. nav { display : block ; margin : 20 px ; }
. has-datepicker { background : url ( ../img/icon-calendar.gif ) no-repeat scroll right center transparent ; }
. has-datepicker { background : url ( ../img/icon-calendar.gif ) no-repeat scroll right center transparent ; }
@ -343,9 +360,17 @@ ul { clear: both; list-style: none; margin: 0; padding: 0; }
. add-link img { vertical-align : middle ; margin-right : 6 px ; }
. add-link img { vertical-align : middle ; margin-right : 6 px ; }
. edit-link a , . delete-link a { text-decoration : none ; }
. edit-link a , . delete-link a { text-decoration : none ; }
. doc-panel . edit-link img , . doc-panel . delete-link img , . doc-panel . email-link img ,
. doc-panel { background : #fff ; }
. doc-panel . pdf-link img , . doc-panel . excel-link img
. doc-panel a . doc { display : block ; margin : 13 px 0 13 px 20 px ; height : 40 px ; padding-left : 43 px ; line-height : 40 px ; : }
{ vertical-align : middle ; margin-right : 6 px ; }
. doc-panel a . pdf-link { background : url ( ../img/sign-pdf.png ) left center no-repeat ; }
. doc-panel a . excel-link { background : url ( ../img/sign-xls.png ) left center no-repeat ; }
. doc-panel a . copy-link { background : url ( ../img/sign-copy.png ) left center no-repeat ; }
. doc-panel a . invoice-add-doc { background : url ( ../img/sign-add.png ) left center no-repeat ; }
. doc-panel a . email-link { background : url ( ../img/sign-email.png ) left center no-repeat ; }
. doc-panel a . edit-link { background : url ( ../img/sign-edit.png ) left center no-repeat ; }
. doc-panel a . delete-link { background : url ( ../img/icon-delete.png ) 7 px center no-repeat ; }
. doc-panel . doc-panel-header { background : #f7f7f7 ; padding : 10 px 18 px ; font-size : 16 px ; }
. preview-col2 . doc-panel { box-sizing : border-box ; }
a . delete { vertical-align : top ; }
a . delete { vertical-align : top ; }
@ -356,8 +381,8 @@ a.delete { vertical-align: top; }
. profile-filters-form . accounts ul li { margin : 4 px 0 ; }
. profile-filters-form . accounts ul li { margin : 4 px 0 ; }
. profile-filters-form . accounts ul li span . name { margin-left : 25 px ; }
. profile-filters-form . accounts ul li span . name { margin-left : 25 px ; }
. doc-form { padding-left : 2 px ; }
. div-doc-form { background : #fff ; padding : 15 px ; box-shadow : 0 0 5 px #ddd ; }
. doc-form input [ type = text ] , input [ type = password ] , textarea , option { padding-left : 2 px ; margin-left : 0 ; }
. doc-form input [ type = text ] , input [ type = email ] , input [ type = password ] , textarea , option { padding-left : 2 px ; margin-left : 0 ; }
. doc-form # doc_date ,
. doc-form # doc_date ,
. doc-form # doc_mesto , . doc-form # end_date ,
. doc-form # doc_mesto , . doc-form # end_date ,
@ -449,16 +474,27 @@ a.delete { vertical-align: top; }
. errors-layout ul { list-style : none ; margin-bottom : 10 px ; padding : 5 px 10 px ; border : 1 px solid red ; }
. errors-layout ul { list-style : none ; margin-bottom : 10 px ; padding : 5 px 10 px ; border : 1 px solid red ; }
table . list { width : 100 % ; border : none ; font-size : small ; }
. docs-content-wrapper { border : #dedede 1 px solid ; border-bottom : none ; overflow : hidden ; position : relative ; }
table . list th { background : #f5f5f5 ; text-align : left ; font-size : 11 px ; }
. docs-content-wrapper table . list { border : none ; }
table . list tr . even { background : #fff ; }
table . list { border-collapse : collapse ; border : #dedede 1 px solid ; border-bottom : none ; width : 100 % ; }
table . list tr . odd { background : #eee ; }
table . list tr : nth-child ( odd ) { background : #f7f7f7 ; }
table . list td { word-break : break-all ; padding : 5 px 0 ; }
table . list tr th { text-align : left ; font-size : 12 px ; color : #646669 ; padding : 7 px 10 px 7 px 10 px ; border-right : #dedede 1 px solid ; border-bottom : #dedede 1 px solid ; border-top : none ; background : #f7f7f7 ; }
table . list tr th : last-child { border-right : none ; }
table . list tr th a { font-size : 12 px ; color : #646669 ; text-decoration : none ; }
table . list tr td a { color : #313942 ; text-decoration : none ; }
table . list tr td { font-size : 14 px ; color : #313942 ; padding : 7 px ; word-break : break-all ; }
. filters-header { background : #f7f7f7 ; overflow : hidden ; margin : 0 ; }
. filters-header span { color : #646669 ; padding : 7 px 0 7 px 20 px ; font-size : 12 px ; font-weight : bold ; display : block ; width : 100 % ; box-sizing : border-box ; border-bottom : #dedede 1 px solid ; }
. filters p { margin : 15 px 0 0 ; font-weight : bold ; }
. filters p { margin : 15 px 0 0 ; font-weight : bold ; }
. filters ul li a . selected { border-left : 5 px solid #ccc ; margin-left : -10 px ; padding-left : 5 px ; }
. filters ul { padding : 10 px 0 10 px 20 px ; }
. filters ul li a . selected { color : #646669 ; text-decoration : none ; }
. filters select { font-size : 13 px ; margin-left : 20 px ; }
# filters_form { padding : 10 px 25 px ; }
. pagination { font-size : small ; color : black ; margin-top : 5 px ; padding-top : 1 ex ; width : 99 % ; border-top : 1 px solid ; }
. pagination { margin-top : 5 px ; padding-top : 1 ex ; width : 99 % ; color : #646669 ; font-size : 13 px ; }
. pagination select { font-size : 13 px ; }
. doc-pagination { position : absolute ; bottom : 0 ; width : 775 px ; padding : 10 px ; }
/* blockUI */
/* blockUI */
div . blockOverlay { background : url ( '../img/ajax-loader.gif' ) no-repeat center center ; z-index : 99999 ; }
div . blockOverlay { background : url ( '../img/ajax-loader.gif' ) no-repeat center center ; z-index : 99999 ; }
@ -484,14 +520,19 @@ div.blockMsg { width: 100%; height: 100%; top: 0; left: 0; text-align: center; }
# menu . other_docs_menu { position : absolute ; top : 50 px ; z-index : 50 ; }
# menu . other_docs_menu { position : absolute ; top : 50 px ; z-index : 50 ; }
# menu . other_docs_menu li { display : block ; }
# menu . other_docs_menu li { display : block ; }
. preview { width : 780 px ; height : 500 px ; overflow : scroll ; float : left ; }
. preview-wrapper { width : 1200 px ; background : url ( ../img/darker-bg.png ) ; margin-bottom : 70 px ; }
. list-col2 { float : left ; width : 180 px ; margin-left : 16 px ; padding : 0 10 px 10 px 10 px ; border-left : solid 1 px #797979 ; }
. preview { width : 785 px ; height : 500 px ; overflow : scroll ; float : left ; margin : 15 px 0 15 px 15 px ; }
. doc_status1 , . doc_statusFalse , . doc_statusfalse { color : red ; }
. list-col1 { float : left ; width : 785 px ; padding-bottom : 50 px ; }
. doc_status3 , . doc_statusTrue , . doc_statustrue { color : green ; }
. list-col2 { float : left ; width : 382 px ; padding : 0 ; border-left : #dedede 1 px solid ; }
. doc_status2 { color : blue ; }
. th_w300 { width : 300 px ; }
. preview-col2 { float : left ; width : 370 px ; height : 500 px ; padding : 0 ; border-left : none ; margin : 15 px ; overflow : auto ; background : #fff ; }
table . list tr td a . doc_status1 , table . list tr td a . doc_statusFalse , table . list tr td a . doc_statusfalse { color : #c43f04 ; }
table . list tr td a . doc_status3 , table . list tr td a . doc_statusTrue , table . list tr td a . doc_statustrue { color : #19a12f ; }
table . list tr td a . doc_status2 { color : blue ; }
tr . doc-row : hover { cursor : pointer ; }
tr . doc-row : hover { cursor : pointer ; }
# clients tr : nth-child ( odd ) { background : #f5f5f5 ; }
. white_bg { background : #fff !important ; }
# req-avail-form { display : none ; }
# req-avail-form { display : none ; }
. close-message { display : inline-block ; float : right ; }
. close-message { display : inline-block ; float : right ; }