@import url('override.css');
@import url('font-awesome-4.4.0/font-awesome.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

body    { background-color: #fff; color: #000; font: normal normal normal 1em/1.2 'LatoRegular', Arial, sans-serif; min-width: 1230px; }

/* Template defaults */
.template-container { height: auto; min-height: 100%; position: relative; width: 100%; }
.template-header    { background-color: #000; color: #fff; height: 60px; width: 100%; z-index: 5; position: relative;}
.template-sidebar-bg    { background-color: #323232; bottom: 0; -moz-box-shadow: inset -2px 0px 2px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset -2px 0px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: inset -2px 0px 2px 0px rgba(0, 0, 0, 0.5); position: fixed; top: 0; width: 50px; z-index: 4; }
.template-sidebar   { color: #fff; float: left; width: 50px; }
.template-preMain   { height: 100%; margin-left: 50px; position: relative; }
.template-main  { float: left; width: 100%; }
.template-content   { padding: 0 30px; max-width: 1120px; }
.template-content-l { padding: 0 30px 0 0; max-width: 1150px; }
.template-bg-gray   { background-color: #f3f3f3; }
.template-top-shadow    { -moz-box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.4); box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.4); }

/* Template whitespaces - height */
.template-whitespace-5 { height: 5px; }
.template-whitespace-10 { height: 10px; }
.template-whitespace-20 { height: 20px; }
.template-whitespace-25 { height: 25px; }
.template-whitespace-30 { height: 30px; }
.template-whitespace-35 { height: 35px; }
.template-whitespace-40 { height: 40px; }
.template-whitespace-45 { height: 45px; }

/* Global elements */
a.button-16,
button.button-16,
input[type="button"].button-16,
input[type="submit"].button-16,
span.button-16  { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; font-family: 'LatoRegular', Arial, sans-serif; font-size: 12px; height: 18px; line-height: 16px; padding: 0 20px; text-align: center; }
a.button-22,
button.button-22,
input[type="button"].button-22,
input[type="submit"].button-22,
span.button-22  { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; font-family: 'LatoRegular', Arial, sans-serif; font-size: 14px; height: 22px; line-height: 22px; padding: 0 20px; text-align: center; }
a.button-24,
button.button-24,
label.button-22,
input[type="button"].button-24,
input[type="submit"].button-24,
span.button-24  { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; font-family: 'LatoRegular', Arial, sans-serif; font-size: 14px; height: 24px; line-height: 22px; padding: 0 20px; text-align: center; }
a.button-28,
button.button-28,
input[type="button"].button-28,
input[type="submit"].button-28,
span.button-28, label.button-28  { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; font-family: 'LatoRegular', Arial, sans-serif; font-size: 14px; height: 28px; line-height: 26px; padding: 0 10px; text-align: center; }
a.blue-button,
button.blue-button,
label.blue-button,
input[type="button"].blue-button,
input[type="submit"].blue-button,
span.blue-button    { background: #00a6d6; border-style: solid; border-color: #e8e8e8; border-width:0 0 2px 0; color: #fff; }
a.red-button,
button.red-button,
label.red-button,
input[type="button"].red-button,
input[type="submit"].red-button,
span.red-button    { background: #FF0000; border-style: solid; border-color: #e8e8e8; border-width:0 0 2px 0; color: #fff; }
span.grey-button    { background: #cdd0d6; border-style: solid; border-color: #e8e8e8; border-width:0 0 2px 0; color: #fff; }
a.blue-button:hover,
button.blue-button:hover,
input[type="button"].blue-button:hover,
input[type="submit"].blue-button:hover,
span.blue-button:hover  { background: #39badf; text-decoration: none; color: #fff; }
a.blue-button-nb,
label.blue-button-nb,
button.blue-button-nb,
input[type="button"].blue-button-nb,
input[type="submit"].blue-button-nb,
span.blue-button-nb    { background: #00a6d6; border: 0; color: #fff; }
a.blue-button-nb:hover,
button.blue-button-nb:hover,
input[type="button"].blue-button-nb:hover,
input[type="submit"].blue-button-nb:hover,
span.blue-button-nb:hover  { background: #39badf; text-decoration: none; }
a.grey-button,
button.grey-button,
input[type="button"].grey-button,
input[type="submit"].grey-button,
span.grey-button    { background: #a7a7a7; border-style: solid; border-color: #e8e8e8; border-width:0 0 2px 0; color: #fff; }
a.lightgrey-button,
button.lightgrey-button,
input[type="button"].lightgrey-button,
input[type="submit"].grey-button,
span.grey-button    { background: #f3f5f6; border-style: solid; border-color: #e8e8e8; border-width:0 0 2px 0; color: #fff; color: #a4b6bb;}
a.grey-button:hover,
button.grey-button:hover,
input[type="button"].grey-button:hover,
input[type="submit"].grey-button:hover,
span.grey-button:hover  { background: #b8b8b8; text-decoration: none; }
.more { color:#00a6d6; font-size:14px; cursor:pointer; }
.more:hover { text-decoration: underline;}
.line-through {text-decoration: line-through; }

a.comfino-button,
button.comfino-button,
label.comfino-button,
input[type="button"].comfino-button,
input[type="submit"].comfino-button,
span.comfino-button    { background: #5FA936; border-style: solid; border-color: #e8e8e8; border-width:0 0 2px 0; color: #fff; }
a.comfino-button:hover,
button.comfino-button:hover,
input[type="button"].comfino-button:hover,
input[type="submit"].comfino-button:hover,
span.comfino-button:hover  { background: #5FA936; text-decoration: none; }

span.comfino-button { margin-right: 5px; padding-right: 5px;}
span.comfino-button img.blik-sml,
    a.comfino-button img.blik-sml { position:relative; top: -1px; margin-left: 2px;}
span.list-comfino-button { width: 122px; padding: 0; margin-right: 5px; float: right; height: 23px; line-height: 20px; }
span.list-comfino-button img.blik-sml { top:0; }

span.inactive-button { background: #cdd0d6; border-style: solid; border-color: #e8e8e8; border-width:0 0 2px 0; color: #fff; cursor: not-allowed;}

/* Header elements */
#header table   { max-width: 1230px; width:100%}
#header table tr .hColOne   { border-right: 1px solid #333333; height: 60px; text-align: center; vertical-align: middle; width: 224px; }
#header table tr .hColTwo   { border-right: 1px solid #333333; height: 60px; padding-left: 15px; width: 310px; padding-right: 15px; }
#header table tr .hColTwo form .whiteBar    { background-color: #fff; -moz-box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.4); box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.4); float: left; height: 24px; padding: 4px 4px 0 0; width: 274px; }
#header table tr .hColTwo form .whiteBar input[type="text"] { border: 0; float: left; font-family: 'LatoLight'; font-size: 0.875em; width: 190px; top: -3px; padding-left: 4px; padding-right: 4px; }
#header table tr .hColTwo form .whiteBar input[type="text"]:focus   { -moz-box-shadow: none; -webkit-box-shadow: none; border-color: inherit; box-shadow: none; }
#header table tr .hColTwo form .whiteBar .selectBox { color: #000; float: right; font-family: 'LatoLight'; height: 21px; position: relative; width: 76px; }
#header table tr .hColTwo form .whiteBar .selectBox .selectButton   { background: #eee url(../img/icon/icon_arrow_down_black_9x6.png) 8px 8px no-repeat; cursor: pointer; font-size: 0.75em; height: 21px; line-height: 19px; padding-left: 22px; width: 54px; }
#header table tr .hColTwo form .whiteBar .selectBox .selectList { display: none; font-size: 0.875em; top: 21px; left: 0; position: absolute; z-index: 1; }
#header table tr .hColTwo form .whiteBar .selectBox .selectList .selectSpacer   { background-color: #eee; height: 6px; width: 76px; }
#header table tr .hColTwo form .whiteBar .selectBox .selectList ol  { background-color: #eee; list-style-type: none; margin: 0; padding: 7px 20px 16px 20px; }
#header table tr .hColTwo form .whiteBar .selectBox .selectList ol li   { line-height: 24px; }
#header table tr .hColTwo form .whiteBar .selectBox .selectList ol li input[type="radio"]   { display: none; }
#header table tr .hColTwo form .whiteBar .selectBox .selectList ol li label { white-space: nowrap; }
#header table tr .hColTwo form input[type="submit"] { background: #00a6d6; border: 0; color: #fff; float: left; font-family: 'LatoBold'; font-size: 0.875em; height: 28px; text-transform: uppercase; width: 88px; }
#header table tr .hColTwo form input[type="submit"]:hover   { background: #39badf; }
#header table tr .hColTwo form .searchFormBtn   { background: #00a6d6; color: #fff; border-color: #00a6d6; }

#header table tr .hColThr   { height: 60px; min-width: 211px; text-align: right; vertical-align: middle; width: auto; font-size: 20px; }
#header table tr .hColThr div   { font-size: 0.75em; text-transform: uppercase; }
#header table tr .hColThr a { color: #fff; font-family: 'LatoLight'; font-size: 0.875em; margin-right: 15px; }
#header table tr .hColThr a:hover   { color: #00a6d6; text-decoration: none; }
#header table tr .hColFou   { cursor:pointer; border-left: 1px solid #333333; font-family: 'LatoLight'; font-size: 0.875em; height: 60px; padding: 0 14px; text-align: left; vertical-align: middle; width: 158px; }
#header table tr .hColFou img   { float: left; margin-right: 10px; }
#header table tr .hColFou a { color: #fff; font-family: 'LatoLight'; }
#header table tr .hColFou a:hover   { color: #00a6d6; text-decoration: none; }

#header .alertIcon { position:relative; width: 1140px; }
#header .alertIcon a.icon { background: url('../img/icon/icon_alert_27x23.png'); width:27px; height: 23px; color: #000; text-align: center; position: absolute; top:-60px; right:35px; font-size:12px; line-height:16px;}
#header .alertIcon .notifContainer {  background: #ffffe0; display: none; position:absolute; top:10px; right: -30px; z-index: 2; padding-top:10px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);}
#header .alertIcon .notifContainer::after { display: block; content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffe0; position: absolute; right: 70px; top:-10px; }
#header .alertIcon .notifContainer .notifExit { background: #ffffe0; padding: 5px 3px; text-align: center; color:#00a6d6; font-size:12px; cursor:pointer; }
#header .alertIcon .notifContainer .notifExit:hover { background: #fffff4; }
#header .alertIcon .notif { width: 400px; max-height: 300px; overflow: auto; color: #333; font-size: 12px; }

#header .alertIcon .notif .rowList { cursor:pointer; padding: 3px 10px; border-bottom: 1px dotted #ccc; position: relative;}
#header .alertIcon .notif .rowList:hover { background: #fffff4; }
#header .alertIcon .notif .rowList:last-child { border: medium none; }
#header .alertIcon .notif .rowList.new { }
#header .alertIcon .notif .rowList a { text-decoration:none; color: #00b6e6; display: block; font-family: 'LatoBold' }
#header .alertIcon .notif .rowList span.h { font-size:10px; color: #888; }
/*#header .alertIcon .notif .row .deleteNode { padding:0px 5px; float: right; cursor:pointer; display: block; line-height: 20px; height: 20px; }*/
#header .alertIcon .notif .rowList .deleteNode { background: url(../img/icon/icon_x_gray_9x9.png) 0 0 no-repeat; cursor: pointer; display: block; height: 9px; position: absolute; right: 10px; top: 15px; width: 9px;}
#header .alertIcon .notif .rowList .deleteNode:hover { background: url(../img/icon/icon_x_black_9x9.png) 0 0 no-repeat;}
/*#header .alertIcon .notif .row .deleteNode:hover { color: #00a6d6; }
#header .alertIcon .notif .row .deleteNode:after {content: 'x'}*/

#header .hiddenPanel { display:none; position: absolute; top:13px; left:0; width: 150px; height:60px; background: #000; padding: 10px; z-index: 20; }
#header .hiddenPanel a { display:block; color:#fff; margin-bottom: 3px;}
#header .hiddenPanel a:hover { color: #00a6d6; }

/* Sidebar left elements */
#sidebar    { list-style-type: none; margin: 0; padding: 3px 0 0 3px; position: fixed; top: 63px; width: 47px; z-index: 5; }
#sidebar li { padding-bottom: 1px; }
#sidebar li a   { background-image: url(../img/sprite/sprite_sidebar_icons_235x94.png); display: block; height: 47px; overflow: hidden; width: 47px; }
#sidebar li.sKlienci a  { background-color: #ffd400; background-position: 0 0; }
#sidebar li.sKlienci.sSelected a,
#sidebar li.sKlienci a:hover    { background-color: #fff; background-position: 0 47px; }
#sidebar li.sKomunikacja a  { background-color: #ff0000; background-position: -47px 0; }
#sidebar li.sKomunikacja.sSelected a,
#sidebar li.sKomunikacja a:hover  { background-color: #fff; background-position: -47px 47px; }
#sidebar li.sNieruchomosci a  { background-color: #6a4bbb; background-position: -94px 0; }
#sidebar li.sNieruchomosci.sSelected a,
#sidebar li.sNieruchomosci a:hover  { background-color: #fff; background-position: -94px 47px; }
#sidebar li.sPolisy a  { background-color: #0079ad; background-position: -141px 0; }
#sidebar li.sPolisy.sSelected a,
#sidebar li.sPolisy:hover a  { background-color: #fff; background-position: -141px 47px; }
#sidebar li.sProwizje a  { background-color: #009018; background-position: -188px 0; }
#sidebar li.sProwizje.sSelected a,
#sidebar li.sProwizje a:hover  { background-color: #fff; background-position: -188px 47px; }
#sidebar li.sOwce a  { background-color: #666666; background-position: 0 0; }
#sidebar li.sOwce.sSelected a,
#sidebar li.sOwce a:hover  { background-color: #fff; background-position: 0 47px; }
#sidebar li.sOferty a  { background-color: #00ad79; background-position: -236px 0; }
#sidebar li.sOferty.sSelected a,
#sidebar li.sOferty a:hover  { background-color: #fff; background-position: -236px 47px; }
#sidebar li.sLeady a  { background-color: #00ad79; background-position: -236px 0; }
#sidebar li.sLeady.sSelected a,
#sidebar li.sLeady a:hover  { background-color: #fff; background-position: -236px 47px; }
#sidebar li div { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; position:absolute; width:0; white-space:nowrap; left:50px; z-index:5; overflow:hidden; height:47px; padding:0; line-height:47px; color:white; }
#sidebar li.sKlienci div { background-color:#ffd400;}
#sidebar li.sKomunikacja div { background-color:#ff0000;}
#sidebar li.sNieruchomosci div { background-color:#6a4bbb;}
#sidebar li.sPolisy div { background-color:#0079ad;}
#sidebar li.sOferty div { background-color:#00ad79;}
#sidebar li.sLeady div { background-color:#00ad79;  }
#sidebar li.sProwizje div { background-color:#009018;}
#sidebar li.sOwce div { background-color:#666666; }
#sidebar li:hover div {
    padding:0 15px;
    width:170px;
}
/* Sidebar left bottom ticket button */
#sidebar li.sTicket {position: fixed; bottom:0px;}
#sidebar li.sTicket a {background-color: #000; background-image: url(../img/sprite/sprite_qm_47x94.png)}
#sidebar li.sTicket a:hover    { background-color: #fff; background-position: 0 47px;}
#sidebar li.sTicket div {background-color: #000; position:fixed}
#sidebar li.sUstawienia { position: relative; }
#sidebar li.sUstawienia a  { background-image: none; background-color: #8B4513; }
#sidebar li.sUstawienia i  { position: absolute; color: #fff; font-size: 25px; top:10px; left: 8px; }
#sidebar li.sUstawienia.sSelected a,
#sidebar li.sUstawienia a:hover { background-color: #fff; }
#sidebar li.sUstawienia a:hover i,
#sidebar li.sUstawienia.sSelected a i{ color: #000; }
#sidebar li.sUstawienia div { background-color: #8B4513;  }

#sidebar li.sKredyty a {background-color: #4B9ED0; background-image: url(../img/sprite/sprite_handmoney_47_94.png); background-position: 0 3px;}
#sidebar li.sKredyty div {background-color: #4B9ED0;}
#sidebar li.sKredyty.sSelected a,
#sidebar li.sKredyty a:hover  { background-color: #fff; background-position: 0 50px; }

#sidebar li.sNarzedzia { position: relative; }
#sidebar li.sNarzedzia a  { background-image: url(../img/sprite/sprite_tools_mega_47_94.png); background-color: #023171; background-position: 0 3px;}
#sidebar li.sNarzedzia div { background-color: #023171;  }
#sidebar li.sNarzedzia.sSelected a,
#sidebar li.sNarzedzia a:hover  { background-color: #fff; background-position: 0 50px; }

/* Breadcrumbs & button's on mainTop */
.mainTop    { border-bottom: 1px solid #eaeaea; min-height: 59px; }

#breadcrumbs    { float: left; font-family: 'LatoLight'; font-size:1.5em; padding-top: 16px; }
#breadcrumbs a  { color:#000; }
#breadcrumbs img    { display: inline-block; margin: 0 4px 0 6px; position: relative; top: -2px; }
#breadcrumbs span   { color:#999; }

.mainTop .right-buttons { padding-top: 18px; }

/* Detail - global */
.editSystem span.editButton,
.editSystemTextarea span.editButton { background: url(../img/sprite/sprite_pencil_icons_24x12.png) 0 0 no-repeat; cursor: pointer; display: inline-block; height: 12px; margin-left: 5px; width: 12px; }
.editSystem span.editButton:hover,
.editSystemTextarea span.editButton:hover   { background: url(../img/sprite/sprite_pencil_icons_24x12.png) -12px 0 no-repeat; }
.editSystem span.saveButton,
.editSystemTextarea span.saveButton { background: url(../img/sprite/sprite_disk_icons_42x14.png) 0 0 no-repeat; cursor: pointer; display: inline-block; height: 14px; margin-bottom: -4px; margin-left: 5px; width: 14px; }
.editSystem span.saveButton:hover,
.editSystemTextarea span.saveButton:hover   { background: url(../img/sprite/sprite_disk_icons_42x14.png) -14px 0 no-repeat; }
.editSystemDarkBg span.saveButton   { background: url(../img/sprite/sprite_disk_icons_42x14.png) -28px 0 no-repeat; cursor: pointer; display: inline-block; height: 14px; margin-bottom: -4px; margin-left: 5px; width: 14px; }
.editSystemDarkBg span.saveButton:hover { background: url(../img/sprite/sprite_disk_icons_42x14.png) -14px 0 no-repeat; }
.editSystem span.deleteButton   { background: url(../img/sprite/sprite_x_icons_18x9.png) -9px 0 no-repeat; cursor: pointer; display: inline-block; height: 9px; margin-left: 5px; width: 9px; }
.editSystem span.deleteButton:hover { background: url(../img/sprite/sprite_x_icons_18x9.png) 0 0 no-repeat; }
.editSystem .editNow,
.editSystemTextarea .editNow    { display: none; }

/* Modal system - global */
.modalPlace { position: relative; }
.modalBox   { background-color: #fff; display: none; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); padding: 20px; position: absolute; z-index: 99; }
.modalBox .modalInside  { position: relative; }
.modalBox .modalInside .modalCloseButton    { background: url(../img/icon/icon_x_black_9x9.png) 0 0 no-repeat; cursor: pointer; display: block; height: 9px; position: absolute; right: -10px; top: -10px; width: 9px; }
.modalBox .modalInside .mTitle  { font-family: 'LatoBold'; font-size: 0.75em; text-transform: uppercase; }
.modalBox .modalInside .modalButtons .modalCancelLink,
.modalBox .modalInside .modalButtons .modalRejectLink { color: #1188c6; cursor: pointer; display: block; font-family: 'LatoLight'; font-size: 0.875em; line-height: 28px; margin-right: 15px; }
.modalBox .modalInside .modalButtons .modalCancelLink:hover,
.modalBox .modalInside .modalButtons .modalRejectLink:hover { color: #39badf; }
.modalBox .modalInside input[type="text"],
.modalBox .modalInside select,
.modalBox .modalInside textarea { color: #333; font-family: 'LatoRegular'; font-size: 0.875em; }
/* Modal system - telefon */
.modalBox.modalPhone    { min-width: 260px; }
.modalBox.modalPhone .mTitle    { padding: 9px 0 25px 10px; }
.modalBox.modalPhone label  { display: block; font-size: 0.75em; padding: 5px 0 4px 10px; }
.modalBox.modalPhone label input    { margin-right: 7px; position: relative; top: -2px; }
.modalBox.modalPhone .modalButtons  { padding: 18px 6px 5px 0; }
/* Modal system - SMS, notes, cancel */
.modalBox.modalCancel,
.modalBox.modalSMS,
.modalBox.modalNotes,
.modalBox.modalReject,
.modalBox.modalDiscount { min-width: 430px; }
.modalBox.modalCancel .topElements,
.modalBox.modalReject .topElements,
.modalBox.modalSMS .topElements,
.modalBox.modalNotes .topElements   { padding: 0 10px; }
.modalBox.modalCancel .topElements .teCol,
.modalBox.modalReject .topElements .teCol,
.modalBox.modalSMS .topElements .teCol,
.modalBox.modalDiscount .topElements .teCol,
.modalBox.modalNotes .topElements .teCol    { padding-right: 25px; }
.modalBox.modalCancel .topElements .teCol:last-of-type,
.modalBox.modalReject .topElements .teCol:last-of-type,
.modalBox.modalSMS .topElements .teCol:last-of-type,
.modalBox.modalNotes .topElements .teCol:last-of-type   { padding-right: 0; }
.modalBox.modalCancel .topElements .teCol label,
.modalBox.modalReject .topElements .teCol label,
.modalBox.modalSMS .topElements .teCol label,
.modalBox.modalNotes .topElements .teCol label  { display: block; padding-bottom: 4px; }
.modalBox.modalSMS .topElements .teCol select,
.modalBox.modalNotes .topElements .teCol select { width: 120px; }
.modalBox.modalCancel .textElement,
.modalBox.modalReject .textElement,
.modalBox.modalSMS .textElement,
.modalBox.modalNotes .textElement   { padding: 15px 10px 20px 10px; }
.modalBox.modalCancel .textElement textarea,
.modalBox.modalReject .textElement textarea,
.modalBox.modalSMS .textElement textarea,
.modalBox.modalNotes .textElement textarea  { height: 125px; width: 100%; }
.modalBox.modalCancel .modalButtons,
.modalBox.modalReject .modalButtons,
.modalBox.modalSMS .modalButtons,
.modalBox.modalNotes .modalButtons  { padding: 0 5px 3px 0; }
/* Modal system - e-mail */
.modalBox.modalEmail    { min-width: 430px; }
.modalBox.modalEmail .topElements   { padding: 0 10px; }
.modalBox.modalEmail .topElements .teCol    { padding-right: 25px; }
.modalBox.modalEmail .topElements .teCol:last-of-type   { padding-right: 0; }
.modalBox.modalEmail .topElements .teCol label  { display: block; padding-bottom: 4px; }
.modalBox.modalEmail .topElements .teCol select { width: 120px; }
.modalBox.modalEmail .textElement   { padding: 15px 10px 10px 10px; }
.modalBox.modalEmail .textElement input[type="text"]    { margin-bottom: 8px; width: 100%; }
.modalBox.modalEmail .textElement textarea  { height: 125px; width: 100%; }
.modalBox.modalEmail .emailFiles    { padding: 0 0 0 10px; }
.modalBox.modalEmail .emailFiles .emailFList ul { list-style-type: none; margin: 0; }
.modalBox.modalEmail .emailFiles .emailFList ul li  { background-color: #eee; color: #333; font-family: 'LatoBold'; font-size: 0.8125em; line-height: 16px; margin-bottom: 5px; padding: 6px 29px 5px 7px; position: relative; width: 198px; }
.modalBox.modalEmail .emailFiles .emailFList ul li  { -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.modalBox.modalEmail .emailFiles .emailFList ul li span.deleteButton    { background: url(../img/icon/icon_x_black_9x9.png) 0 0 no-repeat; cursor: pointer; display: inline-block; height: 9px; position: absolute; right: 9px; top: 9px; width: 9px; }
.modalBox.modalEmail .emailFiles .emailFButton  { padding-top: 22px; }
.modalBox.modalEmail .emailFiles .emailFButton .emailFHidden   { display: none; }
.modalBox.modalEmail .modalButtons  { padding: 20px 5px 0 0; }
/* Modal system - e-mail */
.modalBox.modalPrintMail    { min-width: 620px; }
.modalBox.modalPrintMail .topElements   { padding: 0 10px; }
.modalBox.modalPrintMail .topElements .mTitle   { padding-bottom: 4px; }
.modalBox.modalPrintMail .topElements select    { width: 120px; }
.modalBox.modalPrintMail .topElements label { font-size: 0.75em; margin: 22px 20px 0 20px; }
.modalBox.modalPrintMail .topElements label input[type="checkbox"]  { margin-right: 5px; position: relative; top: -1px; }
.modalBox.modalPrintMail .topElements .bonusSelect  { display: none; padding: 18px 0 0 0; }
.modalBox.modalPrintMail .midElements   { padding: 20px 10px; }
.modalBox.modalPrintMail .midElements table { border-spacing: 0; border-collapse: inherit; width: 100%; }
.modalBox.modalPrintMail .midElements table tr td.colA  { text-align: left; vertical-align: top; width: 280px; }
.modalBox.modalPrintMail .midElements table tr td.colA .mTitle  { padding-bottom: 10px; }
.modalBox.modalPrintMail .midElements table tr td.colB  { width: 20px; }
.modalBox.modalPrintMail .midElements table tr td .preEdit  { border: 1px dotted #000; color: #333; font-size: 0.8125em; line-height: 20px; padding: 5px 10px; }
.modalBox.modalPrintMail .midElements table tr td .preEdit .smallFont   { font-size: 0.8461em; }
.modalBox.modalPrintMail .midElements table tr td .currentEdit  { display: none; }
.modalBox.modalPrintMail .midElements table tr td .currentEdit .formLine    { padding-bottom: 5px; }
.modalBox.modalPrintMail .midElements table tr td .currentEdit .formLine .fFull { width: 100%; }
.modalBox.modalPrintMail .midElements table tr td .currentEdit .formLine .f60   { width: 60px; }
.modalBox.modalPrintMail .midElements table tr td .currentEdit .formLine .f110  { width: 110px; }
.modalBox.modalPrintMail .midElements table tr td .currentEdit .formLine .f160  { width: 160px; }
.modalBox.modalPrintMail .midElements table tr td .mTitle span.buttonEdit   { background: url(../img/sprite/sprite_pencil_icons_24x12.png) 0 0 no-repeat; cursor: pointer; display: inline-block; height: 12px; margin-left: 5px; width: 12px; }
.modalBox.modalPrintMail .midElements table tr td .mTitle span.buttonEdit:hover { background: url(../img/sprite/sprite_pencil_icons_24x12.png) -12px 0 no-repeat; }
.modalBox.modalPrintMail .midElements table tr td .mTitle span.buttonSave   { background: url(../img/sprite/sprite_disk_icons_42x14.png) 0 0 no-repeat; cursor: pointer; display: inline-block; height: 14px; margin-top: -4px; margin-left: 5px; width: 14px; }
.modalBox.modalPrintMail .midElements table tr td .mTitle span.buttonSave:hover { background: url(../img/sprite/sprite_disk_icons_42x14.png) -14px 0 no-repeat; }
.modalBox.modalPrintMail .modalButtons  { padding: 20px 10px 0 0; }

/* Modal system - rates */
.modalBox.modalRates    { min-width: 370px; padding: 40px 30px 20px 30px; }
.modalBox.modalRates .modalInside .modalCloseButton { right: -20px; top: -30px; }
.modalBox.modalRates .formLine.p12  { padding-bottom: 12px; }
.modalBox.modalRates .formLine.p14  { padding-bottom: 14px; }
.modalBox.modalRates .formLine.p18  { padding-bottom: 13px; }
.modalBox.modalRates .formLine.p18 input    { margin-top: 10px; }
.modalBox.modalRates .formLine label    { display: inline-block; float: left; font-family: 'LatoLight'; font-size: 0.875em; padding-right: 10px; padding-top: 3px; text-align: right; width: 100px; }
.modalBox.modalRates .formLine .f45     { float: left; margin-right: 10px; width: 45px; }
.modalBox.modalRates .formLine .f65     { float: left; margin-right: 10px; width: 65px; }
.modalBox.modalRates .formLine .f255    { float: left; width: 255px; }
.modalBox.modalRates .formLine textarea { float: left; height: 65px; width: 255px; }
.modalBox.modalRates .formLine .formDate    { display: none; }
.modalBox.modalRates .modalButtons  { padding: 40px 0 0 0; }

/* Modal system - raty Bacca */
#baccaInstallmentsContainer    { /*min-width: 450px; padding: 40px 30px 20px 30px;*/ border-right: 1px solid #EAEAEA; float: left; width: 861px; padding-right: 30px;}
#baccaInstallmentsContainer .mTitle  { font-family: 'LatoBold'; font-size: 0.75em; text-transform: uppercase; }
#baccaInstallmentsContainer .midElements {margin-top: 15px;}
#baccaInstallmentsContainer .formLine {margin-top: 10px;}
#baccaInstallmentsContainer .formLine.p12  { padding-bottom: 12px; }
#baccaInstallmentsContainer .formLine.p14  { padding-bottom: 14px; }
#baccaInstallmentsContainer .formLine.p18  { padding-bottom: 13px; }
#baccaInstallmentsContainer .formLine.p18 input    { margin-top: 10px; }
#baccaInstallmentsContainer .formLine label    { display: inline-block; float: left; font-family: 'LatoLight'; font-size: 0.875em; padding-right: 10px; padding-top: 3px; text-align: right; width: 150px; }
#baccaInstallmentsContainer .formLine .f45     { float: left; margin-right: 10px; width: 45px; }
#baccaInstallmentsContainer .formLine .f65     { float: left; margin-right: 10px; width: 65px; }
#baccaInstallmentsContainer .formLine .f255    { float: left; width: 355px; }
#baccaInstallmentsContainer .formLine textarea { float: left; height: 65px; width: 255px; }
#baccaInstallmentsContainer .formLine .formDate    { display: none; }
#baccaInstallmentsContainer .formLine.consent label {width: 830px; text-align: left; float: right;}
#baccaInstallmentsContainer .modalButtons  { padding: 40px 0 0 0; }
#baccaInstallmentsContainer .loanParameters table {margin-bottom: 20px; width: 100%;}
#baccaInstallmentsContainer .loanParameters table th { padding: 6px; font-family: 'LatoLight'; font-size: 0.875em; font-weight: normal; vertical-align: bottom; border-bottom: 1px solid gray;}
#baccaInstallmentsContainer .loanParameters table td { padding: 6px; font-family: 'LatoBold'; font-size: 1.2em; font-weight: normal; text-align: center;}

/* Modal ticket */
.modalBox.modalTicket { top:100px; width:500px; height:300px; position:fixed; left:35%; z-index: 1001;}
.modalBox.modalTicket textarea.styled {resize: none;margin-top:10px;width: 500px;height: 200px;border: 3px solid #cccccc;padding: 5px;font-family: Tahoma, sans-serif;}
.modalBox.modalTicket input[type="text"] { width:500px; margin-top:10px;}

.modalBox.viewEmail {width: 800px; height: 400px;}
.viewEmail .modalInside .emailContent {height: 300px;}
.boxContent ul li.cf .mailContent {cursor: pointer;}
/* Scroll right black modal */
.scrollModal    { position: fixed; right: -280px; top: 95px; width: 361px; z-index: 200;}
.scrollModal .smButton  { cursor: pointer; float: left; height: 109px; margin-top: 25px; width: 81px; }
.scrollModal .smButton.smButtonShow { background: #000 url(../img/sprite/sprite_big_arrows_162x109.png) 0 0 no-repeat; }
.scrollModal .smButton.smButtonHide { background: #000 url(../img/sprite/sprite_big_arrows_162x109.png) -81px 0 no-repeat; }
.scrollModal .smInside  { background: #000; color: #fff; float: left; font-size: 0.875em; padding: 20px 30px 30px 30px; width: 280px; box-sizing: border-box;}
.scrollModal .smInside .smiTop  { line-height: 24px; padding-bottom: 23px; }
.scrollModal .smInside .smiBold { font-family: 'LatoBold'; }
.scrollModal .smInside .smiRed  { color: #ff0000; }
.scrollModal .smInside pre,
.scrollModal .smInside textarea { background-color: #fff; border: 0; color: #333; font-family: 'LatoItalic'; height: 215px; line-height: 24px; margin: 0; padding: 10px 0 10px 15px; width: 220px; }
.scrollModal .smInside textarea { padding: 10px 0 10px 14px; }
.scrollModal .smInside pre  { -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; overflow-y: auto; }
.scrollModal .smInside pre  { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.scrollModal .smInside .editSystemTextarea .editButton  { float: right; }
.scrollModal .smInside .editSystemTextarea .saveButton  { float: right; }
.scrollModal .smInside .editSystemTextarea .smiButtons  { height: 38px; padding: 11px 0 0 0; }
.scrollModal .smInside .smiBot  { line-height: 24px; }

/* Desktop - Overview */
#desktop .desktopOverview   { border-bottom: 1px solid #eaeaea; }
#desktop .desktopOverview .oRow .oCol   { border-right: 1px solid #eaeaea; float: left; height: 45px; padding-left: 30px; padding-right: 30px; }
#desktop .desktopOverview .oRow .oCol:first-of-type { padding-left: 0; }
#desktop .desktopOverview .oRow .oCol:last-of-type  { border-right: 0; padding-right: 0; }
#desktop .desktopOverview .oRow .oCol .oNumber  { font-size: 1.5em; line-height: 16px; }
#desktop .desktopOverview .oRow .oCol .oTitle   { font-family: 'LatoLight'; font-size: 0.875em; }
#desktop .desktopOverview .oRow .oCol .oButton  { padding-top: 8px; }
#desktop .desktopOverview .oRow .oCol .oButton a  { background-color: #eee; background-image:url(../img/icon/icon_plus_dark_8x8.png); background-position:center center; background-repeat: no-repeat; display: block; height: 16px; width: 100%; }
#desktop .desktopOverview .oRow .oCol .oButton a:hover { background-color: #d9d9d9;}
/* Desktop - Tasks */
#desktop .desktopTasks .tRow .tTitle    { float: left; font-family: 'LatoBold'; font-size: 0.875em; line-height: 32px; padding-right: 10px; text-transform: uppercase; }
#desktop .desktopTasks .tRow .tBar  { float: left; height: 30px; line-height: 30px; margin-right: 5px; }
#desktop .desktopTasks .tRow .tBar div  { background: #eee; float: left; font-family: 'LatoLight'; font-size: 0.75em; padding: 0 10px; }
#desktop .desktopTasks .tRow .tBar span { color: #fff; display: block; float: left; font-family: 'LatoBold'; font-size: 0.875em; height: 30px; text-align: center; width: 30px; }
#desktop .desktopTasks .tRow .tColLeft  { float: left; height: 50px; padding: 20px 25px 0 0; }
#desktop .desktopTasks .tRow .tColLeft .tButton { background: #f9f9f9 url(../img/icon/icon_arrow_right_black_6x9.png) center center no-repeat; display: block; float: left; height: 30px; margin-right: 10px; width: 30px; }
#desktop .desktopTasks .tRow .tBar .hiddenObject { padding: 20px; }
#desktop .desktopTasks .tRow .tBar .hiddenObject table { line-height: 18px; margin: 10px 0; }
#desktop .desktopTasks .tRow .tBar .hiddenObject table .colA { width: 100px; text-align:left; }
#desktop .desktopTasks .tRow .tBar .hiddenObject table .colB { width: 130px; }
#desktop .desktopTasks .tRow .tBar .hiddenObject table .colC { width: 130px; }
#desktop .desktopTasks .tRow .tBar .hiddenObject table a { color:#000; }
#desktop .desktopTasks .tRow .tBar div.hiddenObject {background-color: #fff;}
#desktop .desktopTasks .tRow .tBar div.closeButton {background: url("../img/icon/icon_x_black_9x9.png") no-repeat scroll 0 0 transparent !important}
/* #desktop .desktopTasks .tRow .tColLeft .tBar span   { background-color: #ff6600; } */
#desktop .desktopTasks .tRow .tColRight { border-left: 1px solid #ededed; float: left; height: 50px; padding: 20px 0 0 30px; }
/* #desktop .desktopTasks .tRow .tColRight .tBar span  { background-color: #ff0000; } */
#desktop .desktopTasks .tRow .tColRight .tTitle { padding-right: 15px; }
#desktop .desktopTasks .tRow .tColLeft .tBar div a { color: #000; }
/* Desktop - Boxes */
#desktop .desktopBoxes div.col353   { background-color: #fff; width: 353px; margin:0 30px 30px 0; float:left}
#desktop .desktopBoxes div.boxHead { background-color: #000; height: 50px; }
#desktop .desktopBoxes div.boxHead .boxTitle   { color: #fff; float: left; font-family: 'LatoLight'; font-size: 1.5em; line-height: 50px; padding-left: 20px; }
#desktop .desktopBoxes div.boxHead .boxCounters    { color: #fff; float: right; font-family: 'LatoBold'; font-size: 0.875em; padding: 10px 8px 0 0; }
#desktop .desktopBoxes div.boxHead .boxCounters span.couDef    { background-color: #585858; display: block; float: left; height: 30px; line-height: 30px; margin-right: 2px; text-align: center; width: 30px; }
#desktop .desktopBoxes div.boxHead .boxCounters span.couOth    { background-color: #585858; display: block; float: left; height: 30px; line-height: 30px; margin-right: 2px; text-align: left; width: 50px; }
#desktop .desktopBoxes div.boxHead .boxCounters span.couOth .couIco    { display: block; float: left; height: 30px; width: 30px; }
#desktop .desktopBoxes div.boxHead .boxCounters span.couOth .couNum    { display: block; float: left; height: 30px; width: 20px; }
#desktop .desktopBoxes div.boxHead .boxCounters span.couOth.couTel .couIco { background: url(../img/icon/icon_phone_15x17.png) center center no-repeat; }
#desktop .desktopBoxes div.boxHead .boxCounters span.couOth.couMai .couIco { background: url(../img/icon/icon_mail_15x11.png) center center no-repeat; }
#desktop .desktopBoxes div.boxHead .boxCounters span.couRed    { background-color: #ff0000; }
#desktop .desktopBoxes div.boxHead .boxCounters span.couOra    { background-color: #ff8b00; }
#desktop .desktopBoxes div.boxHead .boxCounters span.couGre    { background-color: #63c900; }
#desktop .desktopBoxes div.boxTabs { background-color: #f3f3f3; height: 50px; }
#desktop .desktopBoxes div.boxTabs .tabButton  { cursor: pointer; }
#desktop .desktopBoxes div.boxTabs .tabTitle   { color: #333; float: left; font-family: 'LatoLight'; font-size: 1.5em; line-height: 50px; padding-left: 20px; }
#desktop .desktopBoxes div.boxTabs .tabCounter { float: right; font-family: 'LatoBold'; font-size: 0.875em; padding: 10px 10px 0 0; }
#desktop .desktopBoxes div.boxTabs .tabCounter span    { background-color: #fff; color: #999; display: block; height: 30px; line-height: 30px; text-align: center; width: 30px; }
#desktop .desktopBoxes div.boxTabs .tabOne { float: left; width: 169px; }
#desktop .desktopBoxes div.boxTabs .tabTwo { float: left; width: 184px; }
#desktop .desktopBoxes div.boxTabs .tabSelected    { background-color: #000; }
#desktop .desktopBoxes div.boxTabs .tabSelected .tabTitle  { color: #fff; }
#desktop .desktopBoxes div.boxTabs .tabSelected .tabCounter span   { background-color: #585858; color: #fff; }
#desktop .desktopBoxes div.boxContent  { height: 287px; padding: 0 10px 0 20px; position: relative; }
#desktop .desktopBoxes div.boxContent .boxFooter   { border-top: 1px solid #eaeaea; bottom: 0; font-size: 0.6875em; height: 34px; line-height: 28px; position: absolute; width: 323px; }
#desktop .desktopBoxes div.boxContent .boxFooter span  { color: #1188c6; cursor: pointer; display: block; float: right; margin-right: 2px; }
/* Desktop - Boxes - boxTasks */
#desktop .desktopBoxes div.boxTasks .boxContent ul  { list-style-type: none; margin: 0; padding-top: 27px; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li   { line-height: 16px; padding-bottom: 18px; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksIcon    { float: left; height: 11px; margin: 3px 10px 0 0; width: 11px; text-align: center; line-height: 11px; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksIcon.tiYellow    { background-color: #ffd400; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksIcon.tiRed    { background-color: #ff0000; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksIcon.tiPurple    { background-color: #6a4bbb; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksIcon.tiBlue    { background-color: #0079ad; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksIconNoJS    { float: left; height: 11px; margin: 3px 10px 0 0; width: 11px; text-align: center; line-height: 11px; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksIconNoJS.tiRed    { background-color: #ff0000; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksIconNoJS.tiPurple    { background-color: #6a4bbb; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksIconNoJS.tiBlue    { background-color: #0079ad; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksIcon.tiGreen    { background-color: #009018; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent { overflow: auto; position: relative; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent .tasksTitle { font-family: 'LatoBold'; font-size: 16px; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent .tasksData  { color: #333; font-size: 12px; line-height: 18px; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent .taskName { padding-left: 20px; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent .action { line-height: 11px; background: #ffffff; color:#eee; border:1px solid #ccc; padding:3px 5px; display: none; position: absolute; top:0px; right:10px; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent .action .more { font-size:11px; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent .taskRow  { margin: 3px 0 5px; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent .taskRow .tasksIcon:hover:before { content:"\00d7"; color:#fff; font-size:16px; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent .taskRow span { color: #000; font-family: 'LatoBold';}
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent .taskRow span.data { color: #999; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent .taskRow a,
#desktop .desktopBoxes div.boxLeads .boxContent ul li .leadName a { color: #333; text-decoration:none; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent .taskRow a:hover,
#desktop .desktopBoxes div.boxLeads .boxContent ul li .leadName a:hover { cursor: default; text-decoration: underline; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent .taskName { cursor: default; }
#desktop .desktopBoxes div.boxTasks .boxContent ul li .tasksContent .taskName:hover a { text-decoration: underline; }

/* Desktop - Boxes - boxMail */
#desktop .desktopBoxes div.boxMail .boxContent ul   { list-style-type: none; margin: 0; padding-top: 20px; }
#desktop .desktopBoxes div.boxMail .boxContent ul li    { border-bottom: 1px solid #f3f3f3; line-height: 1em; padding: 6px 0 0 0; }
#desktop .desktopBoxes div.boxMail .boxContent ul li:last-of-type   { border-bottom: 0; }
#desktop .desktopBoxes div.boxMail .boxContent ul li .mailIcon  { background: url(../img/icon/icon_mail_blue_19x14.png) 1px 4px no-repeat; float: left; height: 18px; width: 30px; }
#desktop .desktopBoxes div.boxMail .boxContent ul li .mailContent   { overflow: auto; }
#desktop .desktopBoxes div.boxMail .boxContent ul li .mailContent .mailLabel    { color: #999; float: left; font-size: 0.75em; width: 44px; }
#desktop .desktopBoxes div.boxMail .boxContent ul li .mailContent .mailFrom { color: #333; float: left; font-size: 0.75em; width: 185px; }
#desktop .desktopBoxes div.boxMail .boxContent ul li .mailContent .mailDate { color: #999; float: right; font-size: 0.75em; text-align: right; width: 64px; }
#desktop .desktopBoxes div.boxMail .boxContent ul li .mailContent .mailSubject  { color: #333; float: left; font-family: 'LatoBold'; font-size: 0.875em; height: 32px; width: 249px; }
/* Desktop - Boxes - boxNews */
#desktop .desktopBoxes div.boxNews .boxContent ul   { list-style-type: none; margin: 0; padding-top: 26px; }
#desktop .desktopBoxes div.boxNews .boxContent ul li    { line-height: 1em; }
#desktop .desktopBoxes div.boxNews .boxContent ul li.newsBig    { padding-bottom: 5px; }
#desktop .desktopBoxes div.boxNews .boxContent ul li.newsBig img    { float: left; height: 75px; margin: 4px 15px 0 0; width: 100px; }
#desktop .desktopBoxes div.boxNews .boxContent ul li.newsBig .newsContent   { overflow: auto; }
#desktop .desktopBoxes div.boxNews .boxContent ul li.newsBig .newsContent .newsDate { color: #999; font-size: 0.75em; padding-bottom: 2px; }
#desktop .desktopBoxes div.boxNews .boxContent ul li.newsBig .newsContent .newsTitle  a  { font-family: 'LatoBold'; font-size: 0.875em; color: #000; }
#desktop .desktopBoxes div.boxNews .boxContent ul li.newsBig .newsContent .newsData { color: #333; font-size: 0.75em; height: 85px; }
#desktop .desktopBoxes div.boxNews .boxContent ul li.newsRest   { font-size: 0.75em; height: 30px; padding-bottom: 0; }
#desktop .desktopBoxes div.boxNews .boxContent ul li.newsRest span  { color: #999; }
#desktop .desktopBoxes div.boxNews .boxContent ul li.newsRest a { color: #333; }

/* Desktop - Boxes - boxInsSys */
/*#desktop .desktopBoxes div.boxInsSys .boxContent  {overflow:auto;}*/
#desktop .desktopBoxes div.boxInsSys .boxContent ul   { list-style-type: none; margin: 0; padding-top: 26px;  height:204px;  }
#desktop .desktopBoxes div.boxInsSys .boxContent ul li    { line-height: 1em; }
#desktop .desktopBoxes div.boxInsSys .boxContent ul li.link   { font-size: 0.75em; height: 30px; padding-bottom: 0; }
#desktop .desktopBoxes div.boxInsSys .boxContent ul li.link span  { color: #999; }
#desktop .desktopBoxes div.boxInsSys .boxContent ul li.link a { color: #333; }
#desktop .desktopBoxes div.boxInsSys .boxContent ul li.link span {color: #1188C6; }


/* Desktop - Boxes - boxSettlement */
#desktop .desktopBoxes div.boxSettlement .boxContent ul { list-style-type: none; margin: 0; padding: 25px 0 0 0; }
#desktop .desktopBoxes div.boxSettlement .boxContent ul li  { line-height: 1em; }
#desktop .desktopBoxes div.boxSettlement .boxContent ul li .settlementHead  { height: 19px; }
#desktop .desktopBoxes div.boxSettlement .boxContent ul li .settlementHead span { display: block; float: left; }
#desktop .desktopBoxes div.boxSettlement .boxContent ul li .settlementHead span.shCou   { color: #fff; font-family: 'LatoBold'; font-size: 0.875em; height: 19px; line-height: 19px; margin-right: 6px; text-align: center; width: 19px; }
#desktop .desktopBoxes div.boxSettlement .boxContent ul li .settlementHead span.shCouRed    { background-color: #ff0000; }
#desktop .desktopBoxes div.boxSettlement .boxContent ul li .settlementHead span.shCouOra    { background-color: #ff8b00; }
#desktop .desktopBoxes div.boxSettlement .boxContent ul li .settlementHead span.shCouGre    { background-color: #63c900; }
#desktop .desktopBoxes div.boxSettlement .boxContent ul li .settlementHead span.shTitle { float: left; font-family: 'LatoBold'; font-size: 0.875em; line-height: 19px; text-transform: uppercase; }
#desktop .desktopBoxes div.boxSettlement .boxContent ul li .settlementHead span.shArrow { background: url(../img/icon/icon_arrow_right_grey_6x9.png) center center no-repeat; float: left; height: 19px; width: 19px; }
#desktop .desktopBoxes div.boxSettlement .boxContent ul li ul   { padding: 6px 0 16px 0; }
#desktop .desktopBoxes div.boxSettlement .boxContent ul li ul li    { color: #333; font-size: 0.75em; line-height: 18px; }
/* Desktop - Boxes - boxLeads */
#desktop .desktopBoxes div.boxLeads .boxContent ul  { list-style-type: none; margin: 0; padding-top: 22px; }
#desktop .desktopBoxes div.boxLeads .boxContent ul li   { line-height: 25px; }
#desktop .desktopBoxes div.boxLeads .boxContent ul li .leadIcon { float: left; width: 24px; }
#desktop .desktopBoxes div.boxLeads .boxContent ul li .leadPhone    { background: url(../img/icon/icon_phone_15x17.png) 0 5px no-repeat; height: 22px; }
#desktop .desktopBoxes div.boxLeads .boxContent ul li .leadMail { background: url(../img/icon/icon_mail_15x11.png) 0 9px no-repeat; height: 20px; }
#desktop .desktopBoxes div.boxLeads .boxContent ul li .leadName { color: #333; float: left; font-size: 0.875em; width: 200px; }
#desktop .desktopBoxes div.boxLeads .boxContent ul li .leadDate { color: #999; float: left; font-size: 0.6875em;}
/* Desktop - Boxes - boxArtFor */
#desktop .desktopBoxes div.boxArtFor .boxContent ul { list-style-type: none; margin: 0; }
#desktop .desktopBoxes div.boxArtFor .boxContent .tabArticle ul { padding-top: 26px; }
#desktop .desktopBoxes div.boxArtFor .boxContent .tabArticle ul li  { line-height: 1em; }
#desktop .desktopBoxes div.boxArtFor .boxContent .tabArticle ul li img  { float: left; height: 38px; margin: 4px 10px 0 0; width: 50px; }
#desktop .desktopBoxes div.boxArtFor .boxContent .tabArticle ul li .artContent  { font-size: 0.75em; height: 53px; overflow: auto; }
#desktop .desktopBoxes div.boxArtFor .boxContent .tabArticle ul li .artContent .artDate { color: #999; }
#desktop .desktopBoxes div.boxArtFor .boxContent .tabArticle ul li .artContent .artData { color: #333; }
#desktop .desktopBoxes div.boxArtFor .boxContent .tabArticle ul li .artContent .artData a { color: #333; text-decoration: none; }
/* Desktop - Boxes - boxNetworkSales */
#desktop .desktopBoxes div.boxNetworkSales .boxContent.expanded {height: auto;}

#desktop .desktopBoxes div.boxNetworkSales #mySales {display: none;}
#desktop .desktopBoxes div.boxNetworkSales #networkSales {display: none;}

#desktop .desktopBoxes div.boxNetworkSales .boxContent .curtain {background: url(../img/icon/loaders/loading-16.gif) center center no-repeat; height: 250px; width: 323px; position: absolute;}
#desktop .desktopBoxes div.boxNetworkSales .boxContent table {display: none;}
#desktop .desktopBoxes div.boxNetworkSales .boxContent table thead > tr {display: block;}
#desktop .desktopBoxes div.boxNetworkSales .boxContent table thead > tr th {height: 50px;}
#desktop .desktopBoxes div.boxNetworkSales .boxContent table tbody {height: 200px;  overflow: auto; display: block; }
#desktop .desktopBoxes div.boxNetworkSales .boxContent.expanded table tbody {height: auto; margin-bottom: 40px}

#desktop .desktopBoxes div.boxNetworkSales .boxContent table th.company,
#desktop .desktopBoxes div.boxNetworkSales .boxContent table td.company { width: 70px; }

#desktop .desktopBoxes div.boxNetworkSales .boxContent table th.sum,
#desktop .desktopBoxes div.boxNetworkSales .boxContent table td.sum { width: 90px; }

#desktop .desktopBoxes div.boxNetworkSales .boxContent table th.change,
#desktop .desktopBoxes div.boxNetworkSales .boxContent table td.change { width: 65px; }
/* #desktop .desktopBoxes div.boxNetworkSales .boxContent table th.change {padding-right: 20px;} */
#desktop .desktopBoxes div.boxNetworkSales .boxContent.expanded table td.change { padding-right: 20px; }

#desktop .desktopBoxes div.boxNetworkSales .boxContent table th { font-family: 'LatoBold'; font-size: 0.875em; line-height: 19px; text-transform: uppercase; }
#desktop .desktopBoxes div.boxNetworkSales .boxContent table td { font-size: .75em; text-align: center; }
#desktop .desktopBoxes div.boxNetworkSales .boxContent table td.change.positive { color: #63C900; }
#desktop .desktopBoxes div.boxNetworkSales .boxContent table td.change.negative { color: #F00; }
#desktop .desktopBoxes div.boxNetworkSales .boxContent table td.change.neutral { color: #000; }
#desktop .desktopBoxes .boxNetworkSales .boxContent.folded p.sel_rep_nodata {width: 100%; text-align: center; padding: 20px 0;}

#desktop .desktopBoxes div.boxNetworkSalesCharts .boxContent .curtain {background: white url(../img/icon/loaders/loading-16.gif) center center no-repeat; height: 250px; width: 323px; position: absolute;}
#desktop .desktopBoxes div.boxNetworkSalesCharts .boxContent.expanded {height: auto;}
#desktop .desktopBoxes div.boxNetworkSalesCharts .boxContent .boxInnerContent {height: 250px;  overflow: hidden;}
#desktop .desktopBoxes div.boxNetworkSalesCharts .boxContent.expanded .boxInnerContent {height: auto; padding-bottom: 40px}
#desktop .desktopBoxes div.boxNetworkSalesCharts .boxContent .boxInnerContent > div {height:240px; margin-top:5px;  float:left; width:340; margin-right:30px;}
#desktop .desktopBoxes div.boxNetworkSalesCharts .boxContent .boxInnerContent > div > div {padding-left:77px; height:40px; line-height:40px; text-align:center;}
#desktop .desktopBoxes div.boxNetworkSalesCharts .boxContent .boxInnerContent > div > div > img {height:40px;}
.toggle_sr span.expander {width: 100%}
#desktop .desktopBoxes div.boxContent .boxFooter.toggle_sr span {float: none; display: inline}
#desktop .desktopBoxes div.boxContent .boxFooter .toggle_sales_rep {width: 130px; display: inline}
#desktop .desktopBoxes div.boxContent .boxFooter .more_sales {float: right !important}

/* Desktop - modals */
#desktop .pulpitTasks, #desktop .pulpitMail, #desktop .pulpitPolisy { width: 350px; padding: 30px !important; }
#desktop .pulpitTasks ul, #desktop .pulpitMail ul, #desktop .pulpitPolisy ul { height:250px; overflow: auto !important; padding-top:0 !important; }
#desktop .pulpitPolisy ul ul { height: auto;}

.open {cursor: pointer;}

/* Filter boxes */
#filterBigBoxes ol  { list-style-type: none; margin: 0; padding: 6px 0 0 1px; }
#filterBigBoxes ol li   { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; float: left; font-family: 'LatoLight'; height: 75px; margin-right: 3px; position: relative; text-align: center; width: 100px; }
#filterBigBoxes ol li span.closeBox { background: url(../img/icon/icon_x_white_9x9.png) 0 0 no-repeat; cursor: pointer; height: 9px; display: block; position: absolute; right: 4px; top: 3px; width: 9px; }
#filterBigBoxes ol li.emptyBox span.closeBox,
#filterBigBoxes ol li.blockedBox span.closeBox,
#filterBigBoxes ol li.selectedBox span.closeBox  { display: none;}
#filterBigBoxes ol li.emptyBox  { border: 1px solid #e8e8e8; border-bottom: 3px solid #e8e8e8; color: #d3d3d3; }
#filterBigBoxes ol li.emptyBox:before   { content: attr(value); line-height: 71px; }
#filterBigBoxes ol li.defaultBox a,
#filterBigBoxes ol li.defaultBox a div em { background-color: #ff8b00; border-bottom: 2px solid #e8e8e8; color: #fff; display: table-cell; height: 73px; position: relative; vertical-align: middle; width: 100px; }
#filterBigBoxes ol li.defaultBox a:hover    { text-decoration: none; }
#filterBigBoxes ol li.defaultBox a div  { display: none; left: 0; position: absolute; top: 0; }
#filterBigBoxes ol li.defaultBox a div em   { font-style: normal; padding: 0 20px; white-space: nowrap; width: auto; }
#filterBigBoxes ol li.defaultBox a:hover div    { display: block; z-index: 1; }
#filterBigBoxes ol li.blockedBox a  { background-color: #ff6600; }
#filterBigBoxes ol li.blockedBox a div em   { background-color: #ff6600; }
#filterBigBoxes ol li.selectedBox div   { background-color: #fff; border: 1px solid #d3d3d3; border-bottom: 2px solid #fff; display: table-cell; height: 72px; position: relative; vertical-align: middle; }
#filterBigBoxes ol li.selectedBox div div { display: none; left: 0; position: absolute; top: 0; }
#filterBigBoxes ol li.selectedBox div:hover div   { display: block; z-index: 1; }
#filterBigBoxes ol li.selectedBox div div em  { display: table-cell; font-style: normal; height: 72px; padding: 0 20px; white-space: nowrap; vertical-align: middle; width: auto; }
#filterBigBoxes ol li.defaultBox.disabledBox a { cursor: auto; }

/* Search list form */
#searchListForm { font-size: 0.875em; position: relative; }
#searchListForm form, .filter_closed    { background-color: #f8f8f8; -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.4); padding: 23px 0; }
.filter_closed {cursor:pointer; padding:5px 5px 4px 5px; text-align:center; font-size:12px; color:#666;}
#searchListForm .sFcolOne   { width: 410px; }
#searchListForm .sFcolTwo   { width: 350px; }
#searchListForm .sFcolThr   { width: 360px; }
#searchListForm .sFcolOneShort   { width: 260px; }
#searchListForm .sFcolTwoShort   { width: 235px; }
#searchListForm .sFcolThrShort   { width: 240px; }
#searchListForm .sFcolFouShort   { width: 95px; }
#searchListForm .lineForm   { padding-bottom: 18px; }
#searchListForm.search-list-form-short .lineForm { padding-bottom: 0; }

#searchListForm label,
#searchListForm input[type="checkbox"],
#searchListForm input[type="text"],
#searchListForm select  { float: left; font-family: 'LatoLight'; }
#searchListForm label   { display: block; padding: 2px 10px 0 0; text-align: right; }
#searchListForm .emptyLabel20   { width: 20px; }
#searchListForm .emptyLabel95   { width: 95px; }
#searchListForm label.l75   { width: 75px; }
#searchListForm label.l95   { width: 85px; }
#searchListForm label.l100  { width: 90px; }
#searchListForm label.l120  { width: 110px; }
#searchListForm label.l140  { width: 130px; }
#searchListForm label.l160  { width: 160px; }
#searchListForm label.l200  { width: 190px; }
#searchListForm input[type="text"].f50,
#searchListForm select.f50  { width: 50px; }
#searchListForm input[type="text"].f90,
#searchListForm select.f90  { width: 90px; }
#searchListForm input[type="text"].f95,
#searchListForm select.f95  { width: 95px; }
#searchListForm input[type="text"].f90:first-of-type,
#searchListForm input[type="text"].f50:first-of-type,
#searchListForm input[type="text"].f95:first-of-type,
#searchListForm input[type="text"].f50:first-of-type,
#searchListForm select.f50:first-of-type,
#searchListForm select.f95:first-of-type { margin-right: 10px; }
#searchListForm input[type="text"].f200,
#searchListForm select.f200, #searchListForm .f200 { width: 200px; }
#searchListForm input[type="text"].f140,
#searchListForm select.f140, #searchListForm .f140 { width: 140px; }
#searchListForm input[type="text"].f160,
#searchListForm select.f160, #searchListForm .f160 { width: 160px; }
#searchListForm input[type="text"].f255 { width: 255px; }
#searchListForm input[type="checkbox"]  { margin-right: 6px; position: relative; top: 4px; }
#searchListForm .right-buttons  { float: right; padding: 0 65px 0 0; }
#searchListForm .right-buttons-short { float: right; padding: 0 35px 0 0; }
#searchListForm .right-buttons input    { margin-left: 2px; }
#searchListForm .filter-multiselect {height: 10em;}
.search-list-form-short { margin-bottom: 10px; }

/* Search list form - search list tags */
#searchListTags { color: #ffffff; font-family: 'LatoLight'; }
#searchListTags .sltTags    { background-color: #eeeeee; -moz-box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.4); box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.4); padding: 10px 0 0 10px; }
#searchListTags .sltTags ul { list-style-type: none; margin: 0; }
#searchListTags .sltTags ul li  { background-color: #585858; display: block; float: left; height: 26px; line-height: 28px; margin: 0 10px 10px 0; padding: 0 11px; }
#searchListTags .sltTags ul li span.sltDeleteTag    { background: url(../img/icon/icon_x_gray_9x9.png) 0 0 no-repeat; margin-left: 10px; cursor: pointer; display: inline-block; height: 9px; width: 9px; }
#searchListTags .sltTags ul li:hover span.sltDeleteTag  { background: url(../img/icon/icon_x_white_9x9.png) 0 0 no-repeat; }
#searchListTags .sltTags ul li.sltDeleteAllTags { background-color: transparent; margin: 0 0 10px 0; padding: 0; }
#searchListTags .sltTags ul li.sltDeleteAllTags div { background: url(../img/icon/icon_x_dark_9x9.png) 0 0 no-repeat; cursor: pointer; height: 9px; margin-top: 9px; position: relative; width: 9px; }
#searchListTags .sltTags ul li.sltDeleteAllTags div span.mini-arrow { background: url(../img/icon/icon_arrow_left_4x7.png) 0 0 no-repeat; display: inline-block; height: 7px; position: absolute; left: -9999px; top: 1px; width: 4px; }
#searchListTags .sltTags ul li.sltDeleteAllTags div span.mini-text  { background-color: #000; display: inline-block; height: 26px; position: absolute; left: -9999px; padding: 0 11px; top: -9px; white-space: nowrap; }
#searchListTags .sltTags ul li.sltDeleteAllTags div:hover span.mini-arrow   { left: 15px; }
#searchListTags .sltTags ul li.sltDeleteAllTags div:hover span.mini-text    { left: 19px; }
/* Search list form - show/hide button */
#searchListShowHideForm { border-top: 1px solid #f8f8f8; }
#searchListShowHideForm span    { -moz-box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.4); box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.4); cursor: pointer; display: block; float: right; height: 24px; width: 122px; }
#searchListShowHideForm span.buttonHide { background: #414141 url(../img/icon/icon_arrow_up_9x6.png) center center no-repeat; }
#searchListShowHideForm span.buttonShow { background: #414141 url(../img/icon/icon_arrow_down_white_9x6.png) center center no-repeat; }
/* Search list form -  save box form */
#searchListFormSave { background-color: #fff; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); display: none; height: 135px; position: absolute; right: 50px; top: -47px; width: 414px; }
#searchListFormSave .slfsForm   { padding-top: 37px; }
#searchListFormSave .slfsButtons    { float: right; padding: 20px 39px 0 0; }
#searchListFormSave .slfsButtons span   { color: #1188c6; cursor: pointer; display: block; float: left; margin: 5px 15px 0 0; }
#searchListFormSave .slfsButtons span:hover { color: #39badf; }

/* Table list - top bar */
#tableListTopBar    { min-height: 30px; }

#tableListTopBar .miniForm  { display: none; font-family: 'LatoLight'; font-size: 0.875em; height: 31px; margin-right: 10px; padding: 10px 0 9px 0; }
#tableListTopBar .miniForm a    { background-color: #fff; border-right: 1px solid #f3f3f3; color: #1188c6; display: block; float: left; height: 31px; line-height: 33px; padding: 0 15px; }
#tableListTopBar .miniForm a:hover  { color: #39badf; text-decoration: none; }
#tableListTopBar .miniForm .miniFormPlace   { background-color: #fff; border-right: 1px solid #f3f3f3; float: left; height: 26px; padding: 5px 15px 0 15px; }
#tableListTopBar .miniForm .miniFormPlace label { color: #666; display: block; float: left; padding: 3px 8px 0 0; }
#tableListTopBar .miniForm .miniFormPlace select    { float: left; font-family: 'LatoLight'; height: 22px; width: 93px; }
#tableListTopBar .miniForm span { background-color: #fff; color: #1188c6; cursor: pointer; display: block; float: left; height: 31px; line-height: 33px; padding: 0 15px; }
#tableListTopBar .miniForm .miniFormPlace span.miniButton { padding:0;height:26px;line-height:26px; }
#tableListTopBar .miniForm .miniFormPlace span.miniButton.pl5 { padding-left:5px; }
#tableListTopBar .miniForm span:hover   { color: #39badf; }
#tableListTopBar .miniForm .miniFormPlace select#changeSupervisor { width:125px }

#tableListTopBar .stateSelectedNotify,
#tableListTopBar .stateSelectedNotifyFlag,
#tableListTopBar .stateAllNotify,
#tableListTopBar .stateAllNotifyFlag    { display: none; }
#tableListTopBar .selectNotify,
#tableListTopBar .guide-info { font-family: 'LatoLight'; font-size: 0.875em; height: 31px; padding: 10px 0 9px 0; }
#tableListTopBar .selectNotify .snAlert, .snAlert { background: url(../img/icon/icon_!_3x13.png) center center no-repeat; display: block; float: left; height: 31px; width: 31px; }
#tableListTopBar .selectNotify .snOrange, .snOrange    { background-color: #ff6600; }
#tableListTopBar .selectNotify .snGreen, .snGreen    { background-color: #159619; }
#tableListTopBar .selectNotify .snBlue, .snBlue  { background-color: #00a6d6; }
#tableListTopBar .selectNotify .snContent,
#tableListTopBar .guide-info .snContent   { background-color: #fff; float: left; height: 31px; line-height: 33px; padding: 0 15px; }
#tableListTopBar .selectNotify .snContent span  { color: #1188c6; cursor: pointer; }
#tableListTopBar .selectNotify .snContent span:hover    { color: #39badf; }

/* Tabs nav on table list */
#tableListNav   {}
#tableListNav ul    { list-style-type: none; margin: 0; }
#tableListNav ul li { float: left; }
#tableListNav ul li a   { background-color: #f8f8f8; color: #292929; display: block; font-family: 'LatoLight'; font-size: 1.125em; height: 50px; line-height: 50px; padding: 0 15px; }
#tableListNav ul li a:hover { background-color: #404040; color: #fff; text-decoration: none; }
#tableListNav ul li.selected a  { background-color: #292929; color: #fff; }

/* Table list & detail table list */
table.detailTableList,
table.tableList { border-spacing: 0; border-collapse: inherit; width: 100%; }

table.detailTableList tr.trHead td  { background-color: #292929; box-sizing: border-box; color: #fff; font-size: 0.6875em; height: 38px; padding-top: 12px; text-transform: uppercase; vertical-align: top; }
table.tableList tr.trHead td { background-color: #292929; color: #fff; font-size: 0.6875em; height: 65px; padding-top: 13px; text-transform: uppercase; vertical-align: top; }
@-moz-document url-prefix(){ /* Firefox hack */
    table.detailTableList tr.trHead td  { height: 26px; }
    table.tableList tr.trHead td { height: 52px; }
} /* Firefox hack */

table.tableList tr.trSort td { background-color: #585858; height: 18px; vertical-align: middle; }
table.tableList tr.trSort td span    { cursor: pointer; display: block; float: left; height: 18px; width: 18px; }
table.tableList tr.trSort td span.sortUp { background: url(../img/icon/icon_arrow_up_7x5.png) center center no-repeat; }
table.tableList tr.trSort td span.sortDown   { background: url(../img/icon/icon_arrow_down_7x5.png) center center no-repeat; }
table.tableList tr.trSort td span:hover { background-color: #404040; }
table.tableList tr.trSort td span.sortSelected   { background-color: #292929; cursor: default; }
table.tableList tr.trSort td .centerSort { margin: 0 auto; width: 36px; }

table.detailTableList tr.trClient td,
table.tableList tr.trClient td  { background-color: #fff; border-bottom: 1px solid #f3f3f3; color: #333; font-size:0.8125em; height: 31px; }
table.tableList tr.dashed td  { border-bottom-style: dotted }
table.detailTableList tr.trClient:hover td,
table.tableList tr.trClient:hover td    { background-color: #f5f5f5; }
table.tableList tr.trClient.selected td { background-color: #e5f6fb; }
table.detailTableList tr.trClient:last-child td,
table.tableList tr.trClient:last-child td   { border-bottom: 0; }
table.tableList tr.noBorderBottom td { border-bottom: 0; }

table.detailTableList tr.trClient td.tdLink a,
table.tableList tr.trClient td.tdLink a,
table.tableList tr.trWhiteTable td.tdLink a,
table.tableList tr.trReport td.tdLink a { color: #1188c6; }
table.detailTableList tr.trClient td.tdLink a:hover,
table.tableList tr.trClient td.tdLink a:hover   { color: #39badf; text-decoration: none; }

table.detailTableList tr.trClient td div.hiddenElement,
table.tableList tr.trClient td div.hiddenElement,
table.tableList tr.trReport td div.hiddenElement,
#policy div.form-element div.hiddenElement    { position: relative; }
table.detailTableList tr.trClient td div.hiddenElement span.spanHE,
table.tableList tr.trClient td div.hiddenElement span.spanHE,
table.tableList tr.trReport td div.hiddenElement span.spanHE,
li div.hiddenElement span.spanHE,
#tuBoxes div.hiddenElement span.spanHE,
#companiesBoxes div.hiddenElement span.spanHE,
#policy div.form-element div.hiddenElement span.spanHE
{ background-color: #f5f5f5; display: none; left: 0; padding: 5px 25px 5px 0; position: absolute; top: -5px; white-space: nowrap; }

#clientDetail .detailOwca .boxesBot ol li div.hiddenElement span.spanHE
{ background-color: #E0BA00; padding-left: 5px; margin-top:10px; border: 1px solid #000; padding-left: 5px }

#clientDetail .boxesBot ol li div.hiddenElement span.spanHE
{ background-color: #000; padding-left: 5px }


table.detailTableList tr.trClient td:hover div.hiddenElement span.spanHE,
table.tableList tr.trClient td:hover div.hiddenElement span.spanHE,
table.tableList tr.trReport td:hover div.hiddenElement span.spanHE,
li:hover div.hiddenElement span.spanHE,
#policy div.form-element:hover div.hiddenElement span.spanHE,
#tuBoxes div.tuSystem:hover div.hiddenElement span.spanHE,
#companiesBoxes div.tuSystem:hover div.hiddenElement span.spanHE { display: block; z-index: 1; }
.companyBoxes .boxes-button { width: 150px; display: inline-block;}
.companyBoxes .form-row-extended { text-align: center; }

table.tableList tr td.tdFlag span   { cursor: pointer; display: inline-block; height: 14px; width: 12px; text-indent: 200px; overflow:hidden;}
table.tableList tr td.tdFlag span.flagHead  { background: url(../img/sprite/sprite_flags_icons_36x14.png) 0 0 no-repeat; }
table.tableList tr td.tdFlag span.flagNormal    { background: url(../img/sprite/sprite_flags_icons_36x14.png) -12px 0 no-repeat; }
table.tableList tr td.tdFlag span.flagSelected  { background: url(../img/sprite/sprite_flags_icons_36x14.png) -24px 0 no-repeat; }

table.tableList tr.trClient td div.tagsBox  { position: relative; }
table.tableList tr.trClient td div.tagsBox ul   { list-style-type: none; margin: 0; }
table.tableList tr.trClient td div.tagsBox ul li    { float: left; margin-right: 3px; }
table.tableList tr.trClient td div.tagsBox ul li a,
table.tableList tr.trClient td div.tagsBox ul li span   { background-color: #f4f4f4; color: #333; cursor: pointer; display: block; font-size: 0.8461em; padding: 4px 5px 3px 5px; }
table.tableList tr.trClient td div.tagsBox ul li a:hover,
table.tableList tr.trClient td div.tagsBox ul li span:hover { background-color: #00a6d6; color: #fff; text-decoration: none; }
table.tableList tr.trClient td div.tagsBox ul li.tagHidden,
table.tableList tr.trClient td div.tagsBox ul li.tagsRestClose  { display: none; }
table.tableList tr.trClient td div.tagsBox ul.tagsRest  { background-color: #fff; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); padding: 20px 20px 17px 20px; position: absolute; right: 10px; top: -10px; width: 200px; z-index: 2; }
table.tableList tr.trClient td div.tagsBox ul.tagsRest li   { margin-bottom: 3px; }
table.tableList tr.trClient td div.tagsBox ul.tagsRest li .tagsRestButton   { display: none; }
table.tableList tr.trClient td div.tagsBox ul.tagsRest li.tagHidden { display: block; }
table.tableList tr.trClient td div.tagsBox ul.tagsRest li.tagsRestClose { display: block; float: right; position: absolute; right: 7px; top: 9px; }
table.tableList tr.trClient td div.tagsBox ul.tagsRest li.tagsRestClose p   { background: url(../img/icon/icon_x_black_9x9.png) 0 0 no-repeat; cursor: pointer; display: block; height: 9px; width: 9px; }

/* detail tags */
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBlist ul li .editSystem .editContent .editCurrent div.hiddenElement    { position: relative; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBlist ul li .editSystem .editContent .editCurrent div.hiddenElement span.spanHE     {  background-color: #FFFFFF; display: none; left: 0; padding: 5px 25px 5px 0; position: absolute; top: -5px; white-space: nowrap; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBlist ul li .editSystem .editContent .editCurrent:hover div.hiddenElement span.spanHE    { display: block; z-index: 1; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBlist ul li .editSystem .editContent .editCurrent div.hiddenElement a { text-decoration:none; font-family: 'LatoLight'; font-size: 1em; line-height: 24px; color: #000; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterBox div.hiddenElement    { position: relative; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterBox div.hiddenElement span.spanHE     {  background-color: #F4F4F4; display: none; left: 0; padding: 0 7px 0 0; position: absolute; top: 0px; white-space: nowrap; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterBox:hover div.hiddenElement span.spanHE    { display: block; z-index: 1; }
/* detail tags */

/* sheep header */
#detailHeader div.hiddenElement { position: relative; }
#detailHeader div.clientComDet div.hiddenElement span.spanHE { background-color: #ffffff; display: none; left: 0; padding: 5px 25px 5px 0; position: absolute; top: -5px; white-space: nowrap; }
#detailHeader div.clientComDet:hover div.hiddenElement span.spanHE { display: block; z-index: 1; }
/* sheep header */

/* others hidden */
.hideInner div.hiddenElement { position: relative; }
.hideInner div.hiddenElement span.spanHE { background-color: #ffffff; display: none; left: 0; padding: 5px 25px 5px 0; position: absolute; top: -5px; white-space: nowrap; }
.hideInner:hover div.hiddenElement span.spanHE { display: block; z-index: 1; }
.hideInner { width: 180px; }
/* others hidden */

/* others hidden lista polis */
#policyList .riskSelect .col {margin-bottom: 25px;}
#policyList .riskSelect .hideInner div.hiddenElement { display: inline-block; }
/* others hidden lista polis */

table.tableList tr.trClient.selected td.tdFontGreen { color: #00c020; }
table.tableList tr.trClient.selected td.tdFontRed   { color: #ff0000; }

/* Under table list - count data */
#tableListCount table   { border-spacing: 0; border-collapse: inherit; width: 100%; }
#tableListCount table tr td { height: 59px; vertical-align: middle; }
#tableListCount table tr td.colTitle    { font-family: 'LatoBold'; font-size: 0.875em; padding-right: 30px; text-align: right; text-transform: uppercase; }
#tableListCount table tr td.colCount    { border-left: 1px solid #eaeaea; text-align: center; }
#tableListCount table tr td.colCount .countNumber   { color: #ff6600; font-size: 2.25em; }
#tableListCount table tr td.colCount .countNumber2   { color: #66aa00; font-size: 2.25em; }
#tableListCount table tr td.colCount .countNumber.small,
#tableListCount table tr td.colCount .countNumber2.small  { font-size: 1.5em; }
#tableListCount table tr td.colCount .countName { font-family: 'LatoLight'; font-size: 1.25em; }
#tableListCount table tr td.colCalCount { color: #ff6600; font-size: 0.875em; }
#tableListCount table tr td.colButtons  { margin-right: 2px; }
#tableListCount table tr.rowButtons td  { height: 37px; padding: 27px 0 0 474px; vertical-align: top; }
#tableListCount table tr.rowButtons td a    { margin-right: 2px; }

/* Table list pagination */
#tableListPagination    { border-top: 1px solid #eaeaea; }
#tableListPagination .centerPagination  { float: right; left: -50%; position: relative; }
#tableListPagination .centerPagination ul   { left: 50%; list-style-type: none; margin: 0; position: relative; }
#tableListPagination .centerPagination ul li    { float: left; }
#tableListPagination .centerPagination ul li span   { color: #000; display: block; font-family: 'LatoLight'; font-size: 0.875em; height: 30px; line-height: 32px; text-align: center; width: 30px; }
#tableListPagination .centerPagination ul li a  { color: #000; display: block; font-family: 'LatoLight'; font-size: 0.875em; height: 30px; line-height: 32px; text-align: center; width: 30px; }
#tableListPagination .centerPagination ul li a:hover    { color: #a2a2a2; text-decoration: none; }
#tableListPagination .centerPagination ul li.pagePrev a { background: #f9f9f9 url(../img/icon/icon_arrow_left_black_6x9.png) center center no-repeat; margin-right: 20px; }
#tableListPagination .centerPagination ul li.pagePrev a:hover   { background: #f9f9f9 url(../img/icon/icon_arrow_left_grey_6x9.png) center center no-repeat; }
#tableListPagination .centerPagination ul li.pageNext a { background: #f9f9f9 url(../img/icon/icon_arrow_right_black_6x9.png) center center no-repeat; margin-left: 20px; }
#tableListPagination .centerPagination ul li.pageNext a:hover   { background: #f9f9f9 url(../img/icon/icon_arrow_right_grey_6x9.png) center center no-repeat; }
#tableListPagination .centerPagination ul li.pageSelected a { background-color: #414141; color: #fff; font-family: 'LatoBold'; }
/*#tableListPagination .centerPagination ul li.pageSelected a:hover   { background-color: #a2a2a2; color: #fff; }*/

/* Detail - header */
#detailHeader   { border-bottom: 1px solid #eaeaea; padding-bottom: 40px; }
#detailHeader .dhLeft   { float: left; width: 560px; }
#detailHeader .dhLeft .dhInsideLeftImg  { float: left; margin-right: 5px; }
#detailHeader .dhLeft .dhInsideLeftImg img  { display: block; margin-right: 20px; }
#policyDetail .dhLeft .dhInsideLeftImg img  { width: 95px; }
#detailHeader .dhLeft .dhInsideLeft { float: left; width: 440px; }
#detailHeader .dhLeft .dhName   { font-family: 'LatoLight'; font-size: 3em; line-height: 1em; margin-top: -5px; padding-bottom: 6px; }
#detailHeader .dhLeft .dhNameSmall   { font-family: 'LatoLight'; font-size: 1.5em; line-height: 1em; margin-top: -5px; padding-bottom: 6px; }
#detailHeader .dhLeft .dhFilter { float: left; padding-right: 30px; }
#detailHeader .dhLeft .dhFilter ul  { list-style-type: none; margin: 0; }
#detailHeader .dhLeft .dhFilter ul li   { float: left; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterBox   { background-color: #f4f4f4; font-size: 0.6875em; height: 21px; line-height: 21px; margin-right: 3px; padding: 0 7px; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd   { position: relative; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd span.dhButtonAdd  { background: url(../img/icon/icon_plus_dark_8x8.png) center center no-repeat; cursor: pointer; display: block; height: 21px; width: 12px; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd span.dhButtonAdd:hover    { background: url(../img/icon/icon_plus_gray_8x8.png) center center no-repeat; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox, .miniForm .dhFilterBox { background-color: #fff; display: none; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); padding: 40px 35px 30px 40px; position: absolute; left: 10px; top: 10px; width: 360px; z-index: 2; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBadd { font-size: 0.875em; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBadd label   { display: block; float: left; font-family: 'LatoLight'; width: 80px; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBadd input   { float: left; font-family: 'LatoLight'; width: 255px; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBadd span.saveButton { background: url(../img/sprite/sprite_disk_icons_42x14.png) 0 0 no-repeat; cursor: pointer; display: inline-block; float: left; height: 14px; margin-top: 4px; margin-left: 8px; width: 14px; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBadd span.saveButton:hover   { background: url(../img/sprite/sprite_disk_icons_42x14.png) -14px 0 no-repeat; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBlist .dhFBLtitle    { font-family: 'LatoBold'; font-size: 0.875em; padding: 35px 0 17px 0; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBlist ul li  { float: none; font-family: 'LatoLight'; font-size: 0.875em; line-height: 24px; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBlist ul li .editSystem .editNow input   { font-family: 'LatoLight'; width: 110px; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBlist ul li .editSystem .editContent .editCurrent    { display: inline-block; width: 112px; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBbuttons { padding-top: 23px; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBbuttons .cancelButton   { color: #1188c6; cursor: pointer; display: block; font-family: 'LatoLight'; font-size: 0.875em; line-height: 28px; margin-right: 15px; }
#detailHeader .dhLeft .dhFilter ul li.dhFilterAdd .dhFilterBox .dhFBbuttons .cancelButton:hover { color: #39badf; }
#detailHeader .dhLeft .dhStatus { color: #666; float: left; font-size: 0.75em; line-height: 21px; cursor: pointer }
#detailHeader .dhLeft .dhStatus span    { color: #fff; display: inline-block; font-family: 'LatoBold'; margin-left: 7px; padding: 0 9px; }
#detailHeader .dhLeft .dhStatus span.dhRed  { background-color: #ff0000; }
#detailHeader .dhLeft .dhStatus span.dhOra  { background-color: #ff8b00; }
#detailHeader .dhLeft .dhStatus span.dhGre  { background-color: #63c900; }
#detailHeader .dhRight  { float: right; width: 460px; }
#detailHeader .dhAgentBox  { float: right; width: /*460px;*/220px }
#detailHeader .dhRight ul   { list-style-type: none; margin: 0; }
#detailHeader .dhRight ul li    { float: left; margin-right: 2px; }
#detailHeader .dhRight ul li.dhLinkMore { font-size: 0.75em; line-height: 8px; padding-left: 5px; }
#detailHeader .dhRight ul li.dhLinkMore a   { color: #00a6d6; }
#detailHeader .dhRight ul li.dhLinkMore a:hover { color: #76cee7; text-decoration: none; }
#detailHeader .dhRight a.clientCompany  { color: #000; display: block; font-size: 0.875em; margin-right: 40px; }
#detailHeader .dhRight a.clientCompany:hover    { text-decoration: none; }
#detailHeader .dhRight a.clientCompany img  { display: block; float: left; margin-right: 10px; }
#detailHeader .dhRight a.clientCompany .clientComDet    { float: left; padding-top: 8px; }
#detailHeader .dhRight a.clientCompany .clientComDet .clientComBold { font-family: 'LatoBold'; }
#detailHeader .dhRight a.clientCompany .clientComDet .clientComNorm { font-family: 'LatoLight'; }
#detailHeader .dhRight a.clientCompany .clientComDet span   { color: #00a6d6; }

#detailHeader .dhLeft .dhActive { color: #666; float: left; font-size: 0.75em; line-height: 21px; cursor: pointer; padding-right: 10px; }
#detailHeader .dhLeft .dhActive span    { color: #fff; display: inline-block; font-family: 'LatoBold'; margin-left: 7px; padding: 0 9px; }
#detailHeader .dhLeft .dhActive span.dhRed  { background-color: #ff0000; }
#detailHeader .dhLeft .dhActive span.dhOra  { background-color: #ff8b00; }
#detailHeader .dhLeft .dhActive span.dhGre  { background-color: #63c900; }

#detailHeader .dhMiddle {width: 340px; float: left;}
#detailHeader .dhMiddle #policyInsurerContainer {float: left; width: 49%; word-wrap: break-word; }
#detailHeader .dhMiddle #policyInsuredUsersContainer {float: right; width: 49%;  word-wrap: break-word;}
#detailHeader .dhMiddle .policyContractorsContainer .roleNameHeader { font-family: 'LatoBold'; font-size: 12px; margin-top: -3px; text-transform: uppercase; margin-bottom: 10px; }
#detailHeader .dhMiddle .policyContractorBox { list-style-type: none; margin: 0; margin-bottom: 12px}
#detailHeader .dhMiddle .policyContractorBox ul { list-style-type: none; margin: 0; }
#detailHeader .dhMiddle .policyContractorBox ul li { color: #333; font-size: 0.8125em; line-height: 20px; }
#detailHeader .dhMiddle .policyContractorBox ul li a { color: #00a6d6; }
#detailHeader .dhMiddle .policyContractorBox ul li a:hover { color: #76cee7; text-decoration: none; }
#detailHeader .dhMiddle .policyContractorBox ul li span { font-family: 'LatoBold'; }

.dhiStartFiles {
    background: url(../img/icon/icon_plus_dark_8x8.png) center center no-repeat !important;
    cursor: pointer;
    display: block;
    height: 17px;
    width: 12px;
    margin-left: 7px;
}


/* Detail - information */
#detailInfo .diHeader   { font-family: 'LatoBold'; font-size: 12px; margin-top: -3px; text-transform: uppercase; }
#detailInfo .diHeader .diPrintMail  { background: url(../img/sprite/sprite_mail_30x11.png) 0 0 no-repeat; cursor: pointer; display: inline-block; float: right; height: 11px; margin-right: 10px; width: 15px; }
#detailInfo .diHeader .diPrintMail:hover    { background: url(../img/sprite/sprite_mail_30x11.png) -15px 0 no-repeat; }
#detailInfo table   { border-spacing: 0; border-collapse: inherit; width: 100%; }
#detailInfo table.diStartTable tr td.diCol410   { text-align: left; vertical-align: top; width: 410px; }
#detailInfo table.diStartTable tr td.diCol710   { text-align: left; vertical-align: top; width: 710px; }
#detailInfo table.diStartTable .hiddenElement   { position: relative; }
/* Detail - information - top left */
#detailInfo table.diLTtable tr td   { font-size: 0.8125em; text-align: left; vertical-align: bottom; }
#detailInfo table.diLTtableTop tr td    { vertical-align: top; }
#detailInfo table.diLTtableMid tr td    { vertical-align: middle; }
#detailInfo table.diLTtable tr td .diHeader { padding-bottom: 23px; }
#detailInfo table.diLTtable tr td.diLabel   { color: #999; line-height: 20px; width: 155px; }
#detailInfo table.diLTtable tr td.diData    { color: #333; line-height: 20px; padding-right: 10px; }
#detailInfo table.diLTtable tr td.diData .editSystem .editNow input { width: 90px; }
#detailInfo table.diLTtable span.diIconNo,
#detailInfo table.diLTtable span.diIconYes  { display: block; height: 12px; width: 14px; }
#detailInfo table.diLTtable span.diIconNo   { background: url(../img/sprite/sprite_no_yes_icons_28x12.png) 0 0 no-repeat; }
#detailInfo table.diLTtable span.diIconYes  { background: url(../img/sprite/sprite_no_yes_icons_28x12.png) -14px 0 no-repeat; }
/* Detail - information - top right */
#detailInfo table.diRTtable { width: 100%; }
#detailInfo table.diRTtable tr td   { border-left: 1px solid #eaeaea; height: 110px; padding: 0 10px 0 20px; text-align: left; vertical-align: top; width: 25%; }
#detailInfo table.diRTtable tr td .diHeader { padding-bottom: 23px; }
#detailInfo table.diRTtable tr td ul    { list-style-type: none; margin: 0; }
#detailInfo table.diRTtable tr td ul li { color: #333; font-size: 0.8125em; line-height: 20px; }
#detailInfo table.diRTtable tr td ul li a   { color: #00a6d6; }
#detailInfo table.diRTtable tr td ul li a:hover { color: #76cee7; text-decoration: none; }
#detailInfo table.diRTtable tr td ul li span    { font-family: 'LatoBold'; }
#detailInfo .diRT   { border-left: 1px solid #eaeaea; min-height: 50px; padding: 0 10px 0 20px; }
#detailInfo .diRT .diHeader { padding-bottom: 23px; }
#detailInfo .diRT p { color: #333; font-size: 0.8125em; line-height: 20px; }
/* Detail - information - bottom left */
#detailInfo .diLB   { min-height: 130px; position: relative; }
#detailInfo .diLB .diHeader { padding-bottom: 21px; }
#detailInfo .diLB ul    { list-style-type: none; margin: 0; }
#detailInfo .diLB ul li { color: #333; font-size: 0.8125em; line-height: 20px; }
#detailInfo .diLB ul li.diMoreClick span    { color: #00a6d6; cursor: pointer; }
#detailInfo .diLB ul li.diMoreClick span:hover  { color: #76cee7; }
#detailInfo .diLB ul li.diMoreHidden,
#detailInfo .diLB span.button-28,
#detailInfo .diLB span.closeButton  { display: none; }
#detailInfo .diLB .diLBleft { float: left; width: 155px; }
#detailInfo .diLB .diLBright    { float: left; width: 155px; }
#detailInfo .diLB .diMore   { background-color: #fff; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); padding: 30px 25px 20px 30px; position: absolute; left: -10px; top: -10px; width: 479px; z-index: 2; }
#detailInfo .diLB .diMore .diLBleft { width: 232px; }
#detailInfo .diLB .diMore .diLBright    { width: 232px; }
#detailInfo .diLB .diMore ul li.diMoreClick { display: none; }
#detailInfo .diLB .diMore ul li.diMoreHidden    { display: block; }
#detailInfo .diLB .diMore .diMoreInside { position: relative; }
#detailInfo .diLB .diMore span.button-28    { display: block; margin-top: 25px; }
#detailInfo .diLB .diMore span.closeButton  { background: url(../img/icon/icon_x_black_9x9.png) 0 0 no-repeat; cursor: pointer; display: block; height: 9px; position: absolute; right: -15px; top: -20px; width: 9px; }
/* Detail - information - bottom right */
#detailInfo .diRB   { vertical-align: middle !important; }

/* Detail - history insurance */
#detailHinsurance .dhiHeader .dhiHLeft  { float: left; width: 970px; }
#detailHinsurance .dhiHeader .dhiHRight { float: right; padding-top: 48px; width: 150px; }
#detailHinsurance .dhiHeader .dhiTitle  { float: left; font-family: 'LatoLight'; font-size: 1.5em; padding-top: 5px; }
#detailHinsurance .dhiHeader .dhiIB { font: normal bold normal 1em/1.2 'LatoRegular', Arial, sans-serif }
#detailHinsurance .dhiHeader .dhiIB .dhiInfo    { float: left; font-family: 'LatoLight'; font-size: 0.875em; padding-top: 5px; }
#detailHinsurance .dhiHeader .dhiIB .dhiButton  { float: left; height: 35px; padding: 3px 0 0 10px; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles   { position: relative; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox  { background-color: #fff; display: none; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); padding: 28px 30px 30px 30px; position: absolute; left: -120px; top: -50px; width: 290px; z-index: 2; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside { position: relative; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside span.closeButton    { background: url(../img/icon/icon_x_black_9x9.png) 0 0 no-repeat; cursor: pointer; display: block; height: 9px; position: absolute; right: -20px; top: -20px; width: 9px; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBform  { }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBform .dhiFBFtitle { font-family: 'LatoBold'; font-size: 0.75em; padding-bottom: 8px; text-transform: uppercase; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBform select,
#policyDetail .pdTop .propertyDetail .boxesTop .btButton .dhiFilesBox .dhiFBinside .dhiFBform select,
#sheepDetail .template-main #detailInfo .dhiFilesBox .dhiFBform select,
#clientDetail .template-main #detailInfo .dhiFilesBox .dhiFBform select
{ color: #333; font-family: 'LatoRegular'; font-size: 0.875em; margin-bottom: 7px; margin-right: 10px; width: 160px; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBform label    { color: #333; font-size: 0.75em; padding: 7px 3px 0 0; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBform label input  { margin-left: 3px; margin-right: 5px; }
/* #detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBform .hiddenAddFile   { cursor: pointer; font-size: 50px; left: -400px; line-height: 0; opacity: 0; position: absolute; top: -2px;width:100px;}*/
html body div#automotiveDetail.template-container div.template-preMain div.template-main div.template-bg-gray div.template-content div#detailHinsurance.elementDetailsHistory div.dhiHeader div.dhiHLeft div.cf div.dhiIB div.dhiButton div.dhiFilesBox div.dhiFBinside div.dhiFBform form#oForm div.cf span.button-22 {text-indent: -999px;width:80px;background: url("../img/sprite/attach_80x44.png") repeat scroll 0 0 transparent;cursor: pointer}
html body div#automotiveDetail.template-container div.template-preMain div.template-main div.template-bg-gray div.template-content div#detailHinsurance.elementDetailsHistory div.dhiHeader div.dhiHLeft div.cf div.dhiIB div.dhiButton div.dhiFilesBox div.dhiFBinside div.dhiFBform form#oForm div.cf span.button-22:hover {background: url("../img/sprite/attach_80x44.png") repeat scroll 0 22 transparent;}
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBlist ul   { display: none; list-style-type: none; margin: 20px 0 0 0; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBlist ul li    { background-color: #eee; color: #333; font-family: 'LatoBold'; font-size: 0.8125em; line-height: 16px; margin-bottom: 5px; padding: 6px 29px 5px 7px; position: relative; width: 214px; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBlist ul li    { -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBlist ul li span.deleteButton  { background: url(../img/icon/icon_x_black_9x9.png) 0 0 no-repeat; cursor: pointer; display: inline-block; height: 9px; position: absolute; right: 9px; top: 9px; width: 9px; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBformSec   { padding-top: 10px; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBformSec .lineForm { padding: 4px 0; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBformSec .hiddenForm   { display: none; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBformSec label { color: #333; display: block; float: left; font-size: 0.8125em; padding-top: 3px; width: 105px; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBformSec input { color: #333; float: left; font-family: 'LatoRegular'; font-size: 0.875em; width: 145px; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBbuttons   { padding-top: 20px;}
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBbuttons .cancelButton { color: #1188c6; cursor: pointer; display: block; font-family: 'LatoLight'; font-size: 0.875em; line-height: 28px; margin-right: 15px; }
#detailHinsurance .dhiHeader .dhiIB .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBbuttons .cancelButton:hover   { color: #39badf; }
#detailHinsurance .dhiHeader .dhiBoxes { width: 350px; }
#detailHinsurance .dhiHeader .dhiBoxes ol   { list-style-type: none; margin: 0; }
#detailHinsurance .dhiHeader .dhiBoxes ol li    { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; float: left; font-family: 'LatoLight'; height: 47px; margin: 0 2px 5px 0; position: relative; text-align: center; width: 60px; }
#detailHinsurance .dhiHeader .dhiBoxes ol li span.closeBox  { background: url(../img/icon/icon_x_white_5x5.png) 0 0 no-repeat; cursor: pointer; height: 5px; display: block; position: absolute; right: 2px; top: 3px; width: 5px; }
#detailHinsurance .dhiHeader .dhiBoxes ol li.emptyBox span.closeBox,
#detailHinsurance .dhiHeader .dhiBoxes ol li.blockedBox span.closeBox   { display: none; }
#detailHinsurance .dhiHeader .dhiBoxes ol li.emptyBox   { background-color: #fff; border: 1px solid #e8e8e8; border-bottom: 3px solid #e8e8e8; color: #d3d3d3; font-size: 0.625em; }
#detailHinsurance .dhiHeader .dhiBoxes ol li.emptyBox:before    { content: attr(value); line-height: 41px; }
#detailHinsurance .dhiHeader .dhiBoxes ol li.defaultBox a   { border-bottom: 2px solid #e8e8e8; color: #fff; display: table-cell; font-size: 0.6875em; height: 45px; line-height: 14px; vertical-align: middle; width: 60px; }
#automotiveDetail #detailHinsurance .dhiHeader .dhiBoxes ol li.defaultBox a   { background-color: #ff0000; }
#propertyDetail #detailHinsurance .dhiHeader .dhiBoxes ol li.defaultBox a   { background-color: #6a4bbb; }
#detailHinsurance .dhiHeader .dhiBoxes ol li.defaultBox a:hover { text-decoration: none; }
#automotiveDetail #detailHinsurance .dhiHeader .dhiBoxes ol li.blockedBox a   { background-color: #ff0000; }
#propertyDetail #detailHinsurance .dhiHeader .dhiBoxes ol li.blockedBox a   { background-color: #6a4bbb; }

.doc-box-title { float: left; font-family: 'LatoLight'; font-size: 0.875em; padding-top: 5px;; }
.doc-box-container { margin-top: 10px; }
.doc-box-container ol   { list-style-type: none; margin: 0; }
.doc-box-container li.doc-box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; float: left; font-family: 'LatoLight'; height: 47px; margin: 0 2px 5px 0; position: relative; text-align: center; width: 60px; }
.doc-box-container li.doc-box  a  { border-bottom: 2px solid #e8e8e8; color: #fff; display: table-cell; font-size: 0.6875em;
    height: 45px; line-height: 14px; vertical-align: middle; width: 60px; background-color: #4BA0C5; }
#policyDetailContainer .doc-box-section { float: right !important; }


/* Detail - history relations */
#detailHRelations .dhrHeader .dhrTitle,
#detailSheepMapping .dhrHeader .dhrTitle { float: left; font-family: 'LatoLight'; font-size: 1.5em; }
#detailSheepMapping .dhrHeader .dhrTitle button { top: 3px; position: relative; }
#detailHRelations .dhrHeader ul { float: right; list-style-type: none; margin: 0; }
#detailHRelations .dhrHeader ul li  { background-color: #e4e4e4; float: left; height: 31px; }
#detailHRelations .dhrHeader ul li a    { background-color: #e4e4e4; border-right: 1px solid #f3f3f3; color: #1188c6; display: block; font-family: 'LatoLight'; font-size: 0.875em; height: 31px; line-height: 32px; padding: 0 15px; }
#detailHRelations .dhrHeader ul li span { background-color: #e4e4e4; border-right: 1px solid #f3f3f3; color: #1188c6; cursor: pointer; display: block; font-family: 'LatoLight'; font-size: 0.875em; height: 31px; line-height: 32px; padding: 0 15px; }
#detailHRelations .dhrHeader ul li a:hover  { color: #39badf; text-decoration: none; }
#detailHRelations .dhrHeader ul li span:hover   { color: #39badf; text-decoration: none; }
#detailHRelations .dhrHeader ul li.dhrForm input[type="text"]   { float: left; font-family: 'LatoLight'; font-size: 0.875em; margin-right: 10px; margin-top: 5px; width: 92px; }
#detailHRelations .dhrHeader ul li.dhrForm input[type="button"] { float: left; margin-right: 10px; margin-top: 5px; }
#detailHRelations .dhrHeader ul li.dhrForm label    { color: #666; cursor: default; float: left; font-family: 'LatoLight'; font-size: 0.875em; line-height: 32px; padding: 0 10px 0 15px; }
#detailHRelations .dhrHeader ul li.dhrForm select   { float: left; font-family: 'LatoLight'; font-size: 0.875em; margin-right: 10px; margin-top: 5px; width: 120px; }
#detailHRelations .dhrInbox table   { border-spacing: 0; border-collapse: inherit; width: 100%; }
#detailHRelations .dhrInbox table tr td { background-color: #fff; border-bottom: 1px solid #f3f3f3; color: #333; font-size: 0.8125em; height: 21px; text-align: left; vertical-align: middle; }
#detailHRelations .dhrInbox table tr td.dhrColOne   { padding: 5px 0 5px 15px; width: 145px; }
#detailHRelations .dhrInbox table tr td.dhrColTwo   { padding: 5px 50px 5px 0; min-height: 31px; width: 780px; }
#detailHRelations .dhrInbox table tr td.dhrColThr   { padding: 5px 20px 5px 0; text-align: right; width: 110px; }
#detailHRelations .dhrInbox table tr td.dhrColTho   { width: 30px; line-height: 56px; text-align: center; }
#detailHRelations .dhrInbox table tr td.dhrColTho span,
.translated-messages-slider span { background-image: url("../img/sprite/sprite_up_down_arrows_22x14.png"); background-repeat: no-repeat; cursor: pointer; display: inline-block; height: 7px; width: 11px;}
#detailHRelations .dhrInbox table tr td.dhrColTho span.dcpArrowUp { background-position: 0 -7px;}
#detailHRelations .dhrInbox table tr td.dhrContent .dhrLong { padding: 5px 0 15px 0; }
#detailHRelations .dhrInbox table tr td.dhrContent .dhrHidden   { display: none; }
#detailHRelations .dhrInbox table tr td.dhrContent .dhrClick    { color: #1188c6; cursor: pointer; font-size: 0.8462em; }
#detailHRelations .dhrInbox table tr td.dhrContent .dhrClick:hover  { color: #39badf; }
#detailHRelations .dhrInbox table tr td .dhrSent    { background: url(../img/icon/icon_arrow_right_black_7x11.png) 0 0 no-repeat; display: inline-block; height: 11px; margin-left: 5px; width: 7px; }
#detailHRelations .dhrInbox table tr td .dhrRecive  { background: url(../img/icon/icon_arrow_left_black_7x11.png) 0 0 no-repeat; display: inline-block; height: 11px; margin-left: 5px; width: 7px; }
#detailHRelations .dhrInbox table tr td .dhrSubject { color: #999; }
#detailHRelations .dhrInbox table tr td .dhrOpenMail    { cursor: pointer; }
#detailHRelations .dhrInbox table tr td .dhrOpenMail .dhrMailLink   { color: #1188c6; cursor: pointer; font-size: 0.8462em; }
#detailHRelations .dhrInbox table tr td .dhrOpenMail .dhrMailLink:hover { color: #39badf; }
#detailHRelations .dhrInbox table tr td a,
#errorReason ul li a   { color: #1188c6; }
#detailHRelations .dhrInbox table tr td a:hover,
#errorReason ul li a:hover { color: #39badf; text-decoration: none; }
#detailHRelations .dhrInbox table tr.dhrBGrecive td { background-color: #f3f3f3; border-bottom: 1px solid #fff; }
#detailHRelations .dhrInbox table tr.dhrSH td   { display: none; }
#detailHRelations .dhrInbox table tr.dhrShowMore td { background-color: #f3f3f3; padding: 14px 0 0 0; }
#detailHRelations .dhrInbox table tr.dhrShowMore td span    { color: #1188c6; cursor: pointer; }
#detailHRelations .dhrInbox table tr.dhrShowMore td span:hover  { color: #39badf; }

/* Detail client policy */
#detailClientPolicy .dcpTitle   { font-family: 'LatoLight'; font-size: 1.5em; padding-top: 5px; }
#detailClientPolicy .dcpFoot    { padding-top: 7px; }
#detailClientPolicy .dcpFoot a  { color: #1188c6; font-size: 0.8125em; }
#detailClientPolicy .dcpFoot a:hover    { color: #39badf; text-decoration: none; }
#detailClientPolicy .dcpList .darkBox   { background-color: #585858; background-repeat: no-repeat; color: #fff; display: inline-block; font-size: 0.75em; height: 23px; line-height: 25px; text-align: center; width: 23px; }
#detailClientPolicy .dcpList .darkBox.iconCar   { background-image: url(../img/sprite/sprite_policy_icons_69x23.png); background-position: 0 0; }
#detailClientPolicy .dcpList .darkBox.iconHouse { background-image: url(../img/sprite/sprite_policy_icons_69x23.png); background-position: -23px 0; }
#detailClientPolicy .dcpList .darkBox.iconFlat  { background-image: url(../img/sprite/sprite_policy_icons_69x23.png); background-position: -46px 0; }
#detailClientPolicy .dcpList table  { border-collapse: inherit; border-spacing: 0; width: 100%; }
#detailClientPolicy .dcpList table tr td    { background-color: #fff; }
#detailClientPolicy .dcpList table tr td.borderBottom   { border-bottom: 2px solid #f3f3f3; }
#detailClientPolicy .dcpList table tr td.colA   { height: 60px; text-align: center; vertical-align: top; width: 30px; }
#detailClientPolicy .dcpList table tr td.colA a { background: url(../img/icon/icon_plus_white_10x10.png) center center no-repeat; background-color: #0079ad; display: block; height: 60px; width: 30px; }
#detailClientPolicy .dcpList table tr td.colA a:hover   { background-color: #00a6d6; }
#detailClientPolicy .dcpList table tr td.colB   { height: 60px; text-align: left; vertical-align: top; width: 140px; }
#detailClientPolicy .dcpList table tr td.colB table tr td   { height: 60px; line-height: 15px; padding: 0 5px 0 15px; vertical-align: middle; width: 120px; }
#detailClientPolicy .dcpList table tr td.colB table tr td a { color: #333; font-family: 'LatoBold'; font-size: 0.875em; text-transform: uppercase; }
#detailClientPolicy .dcpList table tr td.colB table tr td a:hover   { text-decoration: none; }
#detailClientPolicy .dcpList table tr td.colB table tr td span  { color: #00a6d6; cursor: pointer; font-size: 0.75em; }
#detailClientPolicy .dcpList table tr td.colC   { height: 41px; padding-top: 19px; text-align: center; vertical-align: top; width: 50px; }
#detailClientPolicy .dcpList table tr td.colD   { text-align: left; width: 900px; }
#detailClientPolicy .dcpList table tr td.colD ul    { list-style-type: none; margin: 0; width: 900px; }
#detailClientPolicy .dcpList table tr td.colD ul li { float: left; height: 60px; position: relative; width: 180px; }
#detailClientPolicy .dcpList table tr td.colD ul li.hidden  { display: none; }
#detailClientPolicy .dcpList table tr td.colD ul li table tr td { color: #333; font-size: 0.875em; text-align: left; }
#detailClientPolicy .dcpList table tr td.colD ul li table tr td.inColA  { height: 41px; padding-top: 19px; vertical-align: top; width: 32px; }
#detailClientPolicy .dcpList table tr td.colD ul li table tr td.inColB  { height: 60px; line-height: 17px; padding-right: 10px; vertical-align: middle; }
#detailClientPolicy .dcpList table tr td.colD ul li .dcpDetailBox   { background-color: #fff; display: none; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); padding: 20px; position: absolute; top: 55px; left: 15px; white-space: nowrap; z-index: 99; }
#detailClientPolicy .dcpList table tr td.colD ul li:hover .dcpDetailBox { display: block; }
#detailClientPolicy .dcpList table tr td.colD ul li .dcpDetailBox table tr td   { text-align: left; vertical-align: top; }
#detailClientPolicy .dcpList table tr td.colD ul li .dcpDetailBox table .dcpLabel   { font-family: 'LatoBold'; }
#detailClientPolicy .dcpList table tr td.colD ul li .dcpDetailBox table .dcpDBPAtop td  { padding-bottom: 17px; }
#detailClientPolicy .dcpList table tr td.colD ul li .dcpDetailBox table .dcpDBPAtop .dcpBold    { font-family: 'LatoBold'; }
#detailClientPolicy .dcpList table tr td.colD ul li .dcpDetailBox table .dcpDBPAtop .dcpRed { color: #ff0000; }
#detailClientPolicy .dcpList table tr td.colD ul li .dcpDetailBox table .dcpDBPAtop .dcpGreen   { color: #ffba00; }
#detailClientPolicy .dcpList table tr td.colD ul li .dcpDetailBox table .dcpDBPAmid td  { padding-bottom: 17px; }
#detailClientPolicy .dcpList table tr td.colD ul li .dcpDetailBox table .dcpDBPAmid img { display: block; margin-right: 10px; margin-top: 1px; }
#detailClientPolicy .dcpList table tr td.colD ul li .dcpDetailBox table .dcpDBPAmid div { color: #333; font-size: 0.8571em; line-height: 18px; }
#detailClientPolicy .dcpList table tr td.colD ul li .dcpDetailBox table .dcpDBPAmid div span    { color: #000; font-family: 'LatoBold'; }
#detailClientPolicy .dcpList table tr td.colD ul li .dcpDetailBox table .dcpDBPbot  { color: #333; font-size: 0.8571em; line-height: 18px; }
#detailClientPolicy .dcpList table tr td.colD ul li .dcpDetailBox table .dcpDBPbot td   { padding-bottom: 8px; }
#detailClientPolicy .dcpList table tr td.colE   { height: 60px; line-height: 56px; text-align: center; vertical-align: top; width: 30px; cursor:pointer }
#detailClientPolicy .dcpList table tr td.colE span  { background-image: url(../img/sprite/sprite_up_down_arrows_22x14.png); background-repeat: no-repeat; cursor: pointer; display: inline-block; height: 7px; width: 11px; }
#detailClientPolicy .dcpList table tr td.colE span.dcpArrowDown { background-position: 0 0; }
#detailClientPolicy .dcpList table tr td.colE span.dcpArrowDown:hover   { background-position: -11px 0; }
#detailClientPolicy .dcpList table tr td.colE span.dcpArrowUp   { background-position: 0 -7px; }
#detailClientPolicy .dcpList table tr td.colE span.dcpArrowUp:hover { background-position: -11px -7px; }

/* Policy detail */
#policyDetail table { border-collapse: inherit; border-spacing: 0; width: 100%; }
#policyDetail .pdTemplateLeft   { border-right: 1px solid #eaeaea; float: left; width: 921px; }
#policyDetail .pdTemplateRight  { border-left: 1px solid #eaeaea; float: left; margin-left: -1px; padding: 0 10px 0 20px; width: 198px; }

#policyDetail .pdTop .pdtLeft   { border-right: 1px solid #eaeaea; float: left; padding-left: 30px; width: 390px; }
#policyDetail .pdTop .pdtLeft table tr td   { font-size: 0.8125em; text-align: left; vertical-align: top; }
#policyDetail .pdTop .pdtLeft table tr td .pdtHeader    { font-family: 'LatoBold'; font-size: 12px; margin-top: -3px; padding-bottom: 23px; text-transform: uppercase; }
#policyDetail .pdTop .pdtLeft table tr td.pdtLabel  { color: #999; line-height: 20px; width: 155px; }
#policyDetail .pdTop .pdtLeft table tr td.pdtData   { color: #333; line-height: 20px; padding-right: 10px; }

#policyDetail .pdTop .pdtRight  { border-left: 1px solid #eaeaea; float: left; margin-left: -1px; padding: 0 25px; width: 440px; }
#policyDetail .pdTop .pdtRight .boxesTop .btInfo    { float: left; font-family: 'LatoLight'; font-size: 0.875em; padding-top: 5px; }
#policyDetail .pdTop .pdtRight .boxesTop .btButton  { float: left; height: 35px; padding: 3px 0 0 10px; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles  { position: relative; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox
{ background-color: #fff; display: none; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); padding: 28px 30px 30px 30px; position: absolute; left: -120px; top: -50px; width: 290px; z-index: 2; }
#sheepDetail .detailOwca .diStartTable .dhiFilesBox,
#clientDetail #detailInfo .diStartTable .dhiFilesBox,
.uploader-box .dhiFilesBox,
#clientDetail #detailInfo .diStartTable .dhiFilesBox
{ background-color: #fff; display: none; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); padding: 28px 30px 30px 30px; position: absolute; left: 150px; top: -50px; width: 290px; z-index: 2; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside,
.uploader-box .dhiFilesBox .dhiFBinside,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside
{ position: relative; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside span.closeButton,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside span.closeButton,
.uploader-box .dhiFilesBox .dhiFBinside span.closeButton,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside span.closeButton
{ background: url(../img/icon/icon_x_black_9x9.png) 0 0 no-repeat; cursor: pointer; display: block; height: 9px; position: absolute; right: -20px; top: -20px; width: 9px; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBform  { }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBform .dhiFBFtitle,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBform .dhiFBFtitle,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBform .dhiFBFtitle,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBform .dhiFBFtitle
{ font-family: 'LatoBold'; font-size: 0.75em; padding-bottom: 8px; text-transform: uppercase; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBform select
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBform select,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBform select
{ color: #333; font-family: 'LatoRegular'; font-size: 0.875em; margin-bottom: 7px; margin-right: 10px; width: 160px; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBform label,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBform label,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBform label,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBform label
{ color: #333; font-size: 0.75em; padding: 7px 3px 0 0; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBform label input,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBform label input,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBform label input,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBform label input
{ margin-left: 3px; margin-right: 5px; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBform .hiddenAddFile,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBform .hiddenAddFile,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBform .hiddenAddFile,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBform .hiddenAddFile
{ display: none; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBlist ul,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBlist ul,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBlist ul,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBlist ul
{ display: none; list-style-type: none; margin: 20px 0 0 0; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBlist ul li,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBlist ul li,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBlist ul li,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBlist ul li
{ background-color: #eee; color: #333; font-family: 'LatoBold'; font-size: 0.8125em; line-height: 16px; margin-bottom: 5px; padding: 6px 29px 5px 7px; position: relative; width: 214px; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBlist ul li
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBlist ul li,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBlist ul li,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBlist ul li
{ -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBlist ul li span.deleteButton
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBlist ul li span.deleteButton,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBlist ul li span.deleteButton,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBlist ul li span.deleteButton
{ background: url(../img/icon/icon_x_black_9x9.png) 0 0 no-repeat; cursor: pointer; display: inline-block; height: 9px; position: absolute; right: 9px; top: 9px; width: 9px; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBformSec,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBformSec,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBformSec,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBformSec
{ padding-top: 10px; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBformSec .lineForm,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBformSec .lineForm,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBformSec .lineForm,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBformSec .lineForm
{ padding: 4px 0; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBformSec .hiddenForm,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBformSec .hiddenForm,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBformSec .hiddenForm,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBformSec .hiddenForm
{ display: none; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBformSec label,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBformSec label,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBformSec label,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBformSec label
{ color: #333; display: block; float: left; font-size: 0.8125em; padding-top: 3px; width: 105px; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBformSec input,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBformSec input,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBformSec input,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBformSec input
{ color: #333; float: left; font-family: 'LatoRegular'; font-size: 0.875em; width: 145px; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBbuttons,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBbuttons,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBbuttons,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBbuttons
{ padding-top: 20px; width: 133px;}
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBbuttons .cancelButton,
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBbuttons .cancelButton,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBbuttons .cancelButton,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBbuttons .cancelButton
{ color: #1188c6; cursor: pointer; display: block; font-family: 'LatoLight'; font-size: 0.875em; line-height: 28px; margin-right: 15px; }
#policyDetail .pdTop .pdtRight .boxesTop .dhiFiles .dhiFilesBox .dhiFBinside .dhiFBbuttons .cancelButton:hover
#sheepDetail .detailOwca .diStartTable .dhiFilesBox .dhiFBinside .dhiFBbuttons .cancelButton:hover,
.uploader-box .dhiFilesBox .dhiFBinside .dhiFBbuttons .cancelButton:hover,
#clientDetail #detailInfo .diStartTable .dhiFilesBox .dhiFBinside .dhiFBbuttons .cancelButton:hover
{ color: #39badf; }
#sheepDetail .template-content #detailInfo .dhiFilesBox .dhiFBbuttons .button-28 ,
#clientDetail .template-content #detailInfo .dhiFilesBox .dhiFBbuttons .button-28 {margin: 0;}
#policyDetail .pdTop .pdtRight .boxesBot ol { list-style-type: none; margin: 0; }
#policyDetail .pdTop .pdtRight .boxesBot ol li  { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; float: left; font-family: 'LatoLight'; height: 47px; margin: 0 0 5px 2px; position: relative; text-align: center; width: 60px; }
#policyDetail .pdTop .pdtRight .boxesBot ol li span.closeBox    { background: url(../img/icon/icon_x_white_5x5.png) 0 0 no-repeat; cursor: pointer; height: 5px; display: block; position: absolute; right: 2px; top: 3px; width: 5px; z-index: 100; }
#policyDetail .pdTop .pdtRight .boxesBot ol li .doc-icon {  display: block; position: absolute; left: -1px; top: -5px; font-size: 15px; z-index: 1; color: #009018;}
#policyDetail .pdTop .pdtRight .boxesBot ol li.defaultBox.policy-act-default-box.processed::after { position: absolute; content: ''; top: 0; left: 0; border-top: 16px solid #FFF; border-right: 18px solid #f3f5f6; border-right-color: #0079AD; }

#policyDetail .pdTop .pdtRight .boxesBot ol li.emptyBox span.closeBox,
#policyDetail .pdTop .pdtRight .boxesBot ol li.blockedBox span.closeBox { display: none; }
#policyDetail .pdTop .pdtRight .boxesBot ol li.emptyBox { background-color: #fff; border: 1px solid #e8e8e8; border-bottom: 3px solid #e8e8e8; color: #d3d3d3; font-size: 0.625em; }
#policyDetail .pdTop .pdtRight .boxesBot ol li.emptyBox:before  { content: attr(value); line-height: 41px; }
#policyDetail .pdTop .pdtRight .boxesBot ol li.fileNotAttached {opacity: 0.7;}
#policyDetail .pdTop .pdtRight .boxesBot ol li.defaultBox a { border-bottom: 2px solid #e8e8e8; color: #fff; display: table-cell; font-size: 0.6875em; height: 45px; line-height: 14px; vertical-align: middle; width: 60px; }
#policyDetail .pdTop .pdtRight .boxesBot ol li.defaultBox a:hover   { text-decoration: none; }
#policyDetail .pdTop .pdtRight.automotiveDetail .boxesBot ol li.defaultBox a   { background-color: #db0000; }
#policyDetail .pdTop .pdtRight.automotiveDetail .boxesBot ol li.blockedBox a   { background-color: #ff0000; }
#policyDetail .pdTop .pdtRight.propertyDetail .boxesBot ol li.defaultBox a  { background-color: #0079ad; }
#policyDetail .pdTop .pdtRight.propertyDetail .boxesBot ol li.blockedBox a  { background-color: #0079ad; }
#policyDetail .pdTop .pdtRight.policyDetail .boxesBot ol li.defaultBox a  { background-color: #0079ad; }
#policyDetail .pdTop .pdtRight.policyDetail .boxesBot ol li.blockedBox a  { background-color: #008bc6; }
#policyDetail .pdTop .pdtRight.propertyDetail .boxesBot ol li.defaultBox a .doc-text  { z-index: 1; position: relative; }

#policyDetail .pdMid    { padding: 0 30px; }
#policyDetail .pdMid a  { margin-right: 5px; }

#policyDetail .pdBot    { background-color: #f3f3f3; padding: 0 30px; }
#policyDetail .pdBot .pdbHeader { font-family: 'LatoLight'; font-size: 2.25em; line-height: 1em; }
#policyDetail .pdBot .rateTabs ul   { height: 38px; list-style-type: none; margin: 0; }
#policyDetail .pdBot .rateTabs ul li    { float: left; height: 38px; margin-right: 2px; }
#policyDetail .pdBot .rateTabs ul li span   { background-color: #323232; color: #fff; cursor: pointer; display: inline-block; font-family: 'LatoBold'; font-size: 0.75em; height: 38px; line-height: 36px; padding: 0 25px; text-transform: uppercase; }
#policyDetail .pdBot .rateTabs ul li span:hover { background-color: #404040; }
#policyDetail .pdBot .rateTabs ul li span.rtSelected,
#policyDetail .pdBot .rateTabs ul li span.rtSelected:hover  { background-color: #fff; color: #000; cursor: default; }
#policyDetail .pdBot table  { background-color: #fff; }
#policyDetail .pdBot table tr td.colA   { text-align: center; width: 35px; }
#policyDetail .pdBot table tr td.colB   { text-align: left; width: 175px; }
#policyDetail .pdBot table tr td.colC   { border-left: 1px solid #eaeaea; padding-left: 20px; text-align: left; width: 223px; }
#policyDetail .pdBot table tr td.colD   { border-left: 1px solid #eaeaea; padding-left: 20px; text-align: left; width: 251px; }
#policyDetail .pdBot table tr td.colE   { border-left: 1px solid #eaeaea; padding-left: 20px; text-align: left; width: 112px; }
#policyDetail .pdBot table tr.topHead td    { border-color: #fff; font-family: 'LatoBold'; font-size: 0.75em; height: 44px; text-transform: uppercase; vertical-align: middle; }
#policyDetail .pdBot table tr.tHead td  { background-color: #eaeaea; color: #333; font-family: 'LatoBold'; font-size: 0.875em; height: 32px; vertical-align: middle; }
#policyDetail .pdBot table tbody tr td  { color: #333; font-size: 0.875em; height: 30px; }
#policyDetail .pdBot .rateButtons span  { margin-right: 5px; }

#policyDetail .pdTemplateRight .pdrHeader   { font-family: 'LatoBold'; font-size: 12px; margin-top: -3px; padding-bottom: 23px; text-transform: uppercase; }
#policyDetail .pdTemplateRight .pdrLabel    { color: #1188c6; font-size: 0.8125em; line-height: 20px; }
#policyDetail .pdTemplateRight ul   { list-style-type: none; margin: 0 0 20px 0; }
#policyDetail .pdTemplateRight ul li    { color: #333; font-size: 0.8125em; line-height: 20px; }


/* Client list */
#clientList table.tableList tr td.colA    { width: 33px; }
#clientList table.tableList tr td.colB    { width: 24px; }
#clientList table.tableList tr td.colC    { padding-left: 10px; padding-right: 5px; width: 185px; }
#clientList table.tableList tr td.colD    { width: 125px; }
#clientList table.tableList tr td.colE    { width: 135px; }
#clientList table.tableList tr td.colF    { width: 170px; }
#clientList table.tableList tr td.colG    { width: 115px; }
#clientList table.tableList tr td.colH    { width: 120px; }
#clientList table.tableList tr td.colI    { width: 196px; }
#clientList table.tableList tr td.colA,
#clientList table.tableList tr td.colB,
#clientList table.tableList tr td.colF    { text-align: center; }
#clientList table.tableList tr td.colC,
#clientList table.tableList tr td.colG,
#clientList table.tableList tr td.colH,
#clientList table.tableList tr td.colI    { text-align: left; }
#clientList table.tableList tr td.colD,
#clientList table.tableList tr td.colE    { text-align: right; }
#clientList #tableListCount table tr td.colCount.colOne { width: 210px; }
#clientList #tableListCount table tr td.colCount.colTwo { width: 245px; }
#clientList #tableListCount table tr td.colCount.colThr { width: 270px; }


/* Automotive list */
#automotiveList table.tableList tr td.colA    { width: 33px; }
#automotiveList table.tableList tr td.colB    { width: 24px; }
#automotiveList table.tableList tr td.colC    { padding-left: 10px; padding-right: 5px; width: 100px; }
#automotiveList table.tableList tr td.colD    { width: 160px; }
#automotiveList table.tableList tr td.colE    { padding-right: 5px; width: 180px; }
#automotiveList table.tableList tr td.colF    { width: 110px; }
#automotiveList table.tableList tr td.colG    { width: 85px; }
#automotiveList table.tableList tr td.colH    { width: 100px; }
#automotiveList table.tableList tr td.colI    { width: 110px; }
#automotiveList table.tableList tr td.colJ    { width: 196px; }
#automotiveList table.tableList tr td.colA,
#automotiveList table.tableList tr td.colB    { text-align: center; }
#automotiveList table.tableList tr td.colC,
#automotiveList table.tableList tr td.colD,
#automotiveList table.tableList tr td.colE,
#automotiveList table.tableList tr td.colF,
#automotiveList table.tableList tr td.colG,
#automotiveList table.tableList tr td.colH,
#automotiveList table.tableList tr td.colI,
#automotiveList table.tableList tr td.colJ    { text-align: left; }
#automotiveList #tableListCount table tr td.colCount.colOne { width: 210px; }
#automotiveList #tableListCount table tr td.colCount.colTwo { width: 370px; }
/* Automotive detail */
#automotiveDetail table.clientList tr td.colA  { padding-left: 15px; width: 145px; }
#automotiveDetail table.detailTableList tr td.colB  { width: 150px; }
#automotiveDetail table.detailTableList tr td.colC  { width: 130px; }
#automotiveDetail table.detailTableList tr td.colD  { width: 120px; }
#automotiveDetail table.detailTableList tr td.colE  { width: 120px; }
#automotiveDetail table.detailTableList tr td.colF  { width: 110px; }
#automotiveDetail table.detailTableList tr td.colG  { width: 70px; }
#automotiveDetail table.detailTableList tr td.colH  { width: 70px; }
#automotiveDetail table.detailTableList tr td.colI  { padding-left: 20px; width: 80px; }
#automotiveDetail table.detailTableList tr td.colJ  { padding-right: 11px; width: 79px; }
#automotiveDetail table.detailTableList tr td.colD,
#automotiveDetail table.detailTableList tr td.colE,
#automotiveDetail table.detailTableList tr td.colF,
#automotiveDetail table.detailTableList tr td.colG,
#automotiveDetail table.detailTableList tr td.colH  { text-align: center; }
#automotiveDetail table.detailTableList tr td.colA,
#automotiveDetail table.detailTableList tr td.colB,
#automotiveDetail table.detailTableList tr td.colC,
#automotiveDetail table.detailTableList tr td.colA,
#automotiveDetail table.detailTableList tr td.colI  { text-align: left; }
#automotiveDetail table.detailTableList tr td.colJ  { text-align: right; }
#automotiveDetail table.detailTableList tr td.colJ .button-22   { padding: 0 10px; }
#automotiveDetail table.detailTableList tr.trClient td.colG .editSystem .editNow input,
#automotiveDetail table.detailTableList tr.trClient td.colH .editSystem .editNow input  { width: 30px; }
#automotiveDetail table.detailTableList tr.trHead td.colA,
#automotiveDetail table.detailTableList tr.trClient td.colA { padding-left: 10px; }


/* Property list */
#propertyList table.tableList tr td.colA    { width: 33px; }
#propertyList table.tableList tr td.colB    { width: 24px; }
#propertyList table.tableList tr td.colC    { padding-left: 10px; padding-right: 5px; width: 145px; }
#propertyList table.tableList tr td.colD    { width: 160px; }
#propertyList table.tableList tr td.colE    { padding-right: 5px; width: 140px; }
#propertyList table.tableList tr td.colF    { width: 105px; }
#propertyList table.tableList tr td.colG    { width: 85px; }
#propertyList table.tableList tr td.colH    { width: 100px; }
#propertyList table.tableList tr td.colI    { width: 110px; }
#propertyList table.tableList tr td.colJ    { width: 196px; }
#propertyList table.tableList tr td.colA,
#propertyList table.tableList tr td.colB    { text-align: center; }
#propertyList table.tableList tr td.colC,
#propertyList table.tableList tr td.colD,
#propertyList table.tableList tr td.colE,
#propertyList table.tableList tr td.colF,
#propertyList table.tableList tr td.colG,
#propertyList table.tableList tr td.colH,
#propertyList table.tableList tr td.colI,
#propertyList table.tableList tr td.colJ    { text-align: left; }
#propertyList #tableListCount table tr td.colCount.colOne { width: 260px; }
#propertyList #tableListCount table tr td.colCount.colTwo { width: 370px; }
/* Property detail */
.propertyConstruction .diLabel  { vertical-align: top !important; }
.propertyConstruction .diData ul    { list-style-type: none; margin: 0; }
.propertyConstruction .diData ul li { line-height: 24px; }
.propertyConstruction .diData ul li span    { display: inline-block; height: 20px; margin-bottom: -6px; margin-right: 5px; width: 27px; }
.propertyConstruction .diData ul li span.propertyHouseOne   { background: url(../img/sprite/sprite_houses_27x60.png) 0 0 no-repeat; }
.propertyConstruction .diData ul li span.propertyHouseTwo   { background: url(../img/sprite/sprite_houses_27x60.png) 0 -20px no-repeat; }
.propertyConstruction .diData ul li span.propertyHouseThr   { background: url(../img/sprite/sprite_houses_27x60.png) 0 -40px no-repeat; }

#propertyDetail table.detailTableList tr td.colA    { padding-left: 15px; width: 155px; }
#propertyDetail table.detailTableList tr td.colB    { width: 170px; }
#propertyDetail table.detailTableList tr td.colC    { width: 130px; }
#propertyDetail table.detailTableList tr td.colD    { width: 130px; }
#propertyDetail table.detailTableList tr td.colE    { width: 130px; }
#propertyDetail table.detailTableList tr td.colF    { width: 95px; }
#propertyDetail table.detailTableList tr td.colG    { width: 95px; }
#propertyDetail table.detailTableList tr td.colH    { padding-left: 20px; width: 90px; }
#propertyDetail table.detailTableList tr td.colI    { padding-right: 11px; width: 79px; }
#propertyDetail table.detailTableList tr td.colA,
#propertyDetail table.detailTableList tr td.colB,
#propertyDetail table.detailTableList tr td.colH    { text-align: left; }
#propertyDetail table.detailTableList tr td.colC,
#propertyDetail table.detailTableList tr td.colD,
#propertyDetail table.detailTableList tr td.colE,
#propertyDetail table.detailTableList tr td.colF,
#propertyDetail table.detailTableList tr td.colG    { text-align: center; }
#propertyDetail table.detailTableList tr td.colI    { text-align: right; }

#propertyDetail table.detailTableList tr td.colI .button-22   { padding: 0 10px; }
#propertyDetail table.detailTableList tr.trClient td.colF .editSystem .editNow input,
#propertyDetail table.detailTableList tr.trClient td.colG .editSystem .editNow input  { width: 30px; }


/* Policy list */
#policyList table.tableList tr td.colA  { width: 1px; padding: 0; }
#policyList table.tableList tr td.colA input  { display: none; }
#policyList table.tableList tr td.colB  { width: 24px; }
#policyList table.tableList tr td.colC  { padding-left: 10px; padding-right: 5px; width: 95px; }
#policyList table.tableList tr td.colD  { padding-left: 10px; padding-right: 5px; width: 130px; }
#policyList table.tableList tr td.colE  { padding-right: 5px; width: 125px; }
#policyList table.tableList tr td.colF  { width: 80px; }
#policyList table.tableList tr td.colG  { width: 60px; }
#policyList table.tableList tr td.colH  { width: 95px; }
#policyList table.tableList tr td.colI  { width: 95px; }
#policyList table.tableList tr td.colJ  { width: 80px; }
#policyList table.tableList tr td.colK  { padding-right: 5px; width: 130px; }
#policyList table.tableList tr td.colA,
#policyList table.tableList tr td.colB    { text-align: center; }
#policyList table.tableList tr td.colC,
#policyList table.tableList tr td.colD,
#policyList table.tableList tr td.colE,
#policyList table.tableList tr td.colF,
#policyList table.tableList tr td.colG,
#policyList table.tableList tr td.colH,
#policyList table.tableList tr td.colI,
#policyList table.tableList tr td.colJ,
#policyList table.tableList tr td.colK    { text-align: left; }
#policyList #tableListCount table tr td.colCount.colOne { width: 180px; }
#policyList #tableListCount table tr td.colCount.colTwo { width: 370px; }


/* Payments list */
#paymentsList table.tableList tr td.colA  { width: 33px; }
#paymentsList table.tableList tr td.colB  { width: 24px; }
#paymentsList table.tableList tr td.colC  { padding-left: 10px; padding-right: 5px; width: 180px; }
#paymentsList table.tableList tr td.colD  { padding-right: 5px; width: 185px; }
#paymentsList table.tableList tr td.colE  { padding-right: 5px; width: 115px; }
#paymentsList table.tableList tr td.colF  { width: 140px; }
#paymentsList table.tableList tr td.colG  { width: 130px; }
#paymentsList table.tableList tr td.colH  { width: 150px; }
#paymentsList table.tableList tr td.colI  { width: 136px; }
#paymentsList table.tableList tr td.colA,
#paymentsList table.tableList tr td.colB    { text-align: center; }
#paymentsList table.tableList tr td.colC,
#paymentsList table.tableList tr td.colD,
#paymentsList table.tableList tr td.colE,
#paymentsList table.tableList tr td.colF,
#paymentsList table.tableList tr td.colG,
#paymentsList table.tableList tr td.colH,
#paymentsList table.tableList tr td.colI,
#paymentsList table.tableList tr td.colJ,
#paymentsList table.tableList tr td.colK    { text-align: left; }
#paymentsList #tableListCount table tr td.colCount.colOne { width: 280px; }
#paymentsList #tableListCount table tr td.colCount.colTwo { width: 370px; }


/* Inspection list */
#inspectionList table.tableList tr td.colA  { width: 33px; }
#inspectionList table.tableList tr td.colB  { width: 24px; }
#inspectionList table.tableList tr td.colC  { padding-left: 10px; padding-right: 5px; width: 205px; }
#inspectionList table.tableList tr td.colD  { padding-right: 5px; width: 235px; }
#inspectionList table.tableList tr td.colE  { width: 140px; }
#inspectionList table.tableList tr td.colF  { width: 100px; }
#inspectionList table.tableList tr td.colG  { width: 165px; }
#inspectionList table.tableList tr td.colH  { width: 196px; }
#inspectionList table.tableList tr td.colA,
#inspectionList table.tableList tr td.colB  { text-align: center; }
#inspectionList table.tableList tr td.colC,
#inspectionList table.tableList tr td.colD,
#inspectionList table.tableList tr td.colE,
#inspectionList table.tableList tr td.colF,
#inspectionList table.tableList tr td.colG,
#inspectionList table.tableList tr td.colH  { text-align: left; }
#inspectionList #tableListCount table tr td.colCount.colOne { width: 210px; }
#inspectionList #tableListCount table tr td.colCount.colTwo { width: 370px; }


/* Commission list */
#commissionList table.tableList tr td.colA  { width: 33px; }
#commissionList table.tableList tr td.colB  { width: 24px; }
#commissionList table.tableList tr td.colC  { padding-left: 5px; padding-right: 5px; width: 180px; }
#commissionList table.tableList tr td.colD  { padding-right: 5px; width: 120px; }
#commissionList table.tableList tr td.colE  { padding-right: 5px; width: 90px; }
#commissionList table.tableList tr td.colF  { border-left: 2px solid #dedede; padding-left: 10px; width: 160px; }
#commissionList table.tableList tr td.colG  { width: 110px; }
#commissionList table.tableList tr td.colH  { padding-right: 10px; width: 60px; }
#commissionList table.tableList tr td.colI  { border-left: 2px solid #dedede; padding-left: 10px; width: 70px; }
#commissionList table.tableList tr td.colJ  { width: 50px; }
#commissionList table.tableList tr td.colK  { padding-right: 10px; width: 50px; }
#commissionList table.tableList tr td.colL  { border-left: 2px solid #dedede; padding-left: 10px; width: 125px; }
#commissionList table.tableList tr td.colM  { width: 50px; }
#commissionList table.tableList tr td.colN  { padding-right: 10px; width: 50px; }
#commissionList table.tableList tr.trHead td.colF,
#commissionList table.tableList tr.trHead td.colI,
#commissionList table.tableList tr.trHead td.colL   { border-left: 2px solid #292929; }
#commissionList table.tableList tr.trSort td.colF,
#commissionList table.tableList tr.trSort td.colI,
#commissionList table.tableList tr.trSort td.colL   { border-left: 2px solid #585858; }
#commissionList table.tableList tr td.colA,
#commissionList table.tableList tr td.colB    { text-align: center; }
#commissionList table.tableList tr td.colK,
#commissionList table.tableList tr td.colN    { text-align: right; }
#commissionList table.tableList tr td.colC,
#commissionList table.tableList tr td.colD,
#commissionList table.tableList tr td.colE,
#commissionList table.tableList tr td.colF,
#commissionList table.tableList tr td.colG,
#commissionList table.tableList tr td.colH,
#commissionList table.tableList tr td.colI,
#commissionList table.tableList tr td.colJ,
#commissionList table.tableList tr td.colL,
#commissionList table.tableList tr td.colM  { text-align: left; }
#commissionList #tableListCount table tr td.colCalCount.colOne  { border-left: 1px solid #eaeaea; padding-left: 10px; text-align: left; width: 89px; }
#commissionList #tableListCount table tr td.colCalCount.colTwo  { padding-right: 10px; text-align: right; width: 90px; }
#commissionList #tableListCount table tr td.colCalCount.colThr  { border-left: 1px solid #eaeaea; padding-right: 10px; text-align: right; width: 236px; }


/* Client Add & Car Add & Estate Add & Offer Add */
#clientAdd .title,
#carAdd .title,
#estateAdd .title,
#offerAdd .title,
#owcaAdd .title,
#accountSettings .title,
#editLeadAss .title,
#grantingPrivileges .title { font-size: 0.875em; font-family: 'LatoBold'; float:left; /*width:400px;*/ text-transform: uppercase; }
#clientAdd .short-info,
#carAdd .short-info,
#estateAdd .short-info,
#offerAdd .short-info,
#owcaAdd .short-info,
#accountSettings .short-info,
#editLeadAss .short-info,
#grantingPrivileges .short-info { font-size: 0.750em; float:right; width:200px; text-align: right; }
#clientAdd .form-container,
#carAdd .form-container, #carAdd .form-container-50,
#estateAdd .form-container,
#offerAdd .form-container,
#owcaAdd .form-container,
#accountSettings .form-container,
#grantingPrivileges .form-container,
#policyAdd .form-container,
#editLeadAss .form-container { background-color:#f3f3f3; padding:50px; font-family: 'LatoLight'; position:relative; }
#clientAdd .label,
#carAdd .label,
#estateAdd .label,
#offerAdd .label,
#policyAdd .label,
#owcaAdd .label,
#editLeadAss .label,
#accountSettings .label,
#commissionAgentForm .label{ width: 280px; min-height:20px; float:left; margin-right: 10px; text-align: right; line-height:20px; position:relative;  }
#commissionAgentForm .label { margin-left: 20px; width: auto; }
#clientAdd .label img,
#carAdd .label img,
#estateAdd .label .img,
#offerAdd .label .img,
#owcaAdd .label .img,
#accountSettings .label .img,
#grantingPrivileges .label .img { margin: 0 5px;}
#clientAdd .lokal,
#carAdd .lokal,
#estateAdd .lokal,
#offerAdd .lokal,
#owcaAdd .lokal,
#policyAdd .lokal,
#accountSettings .lokal,
#grantingPrivileges .lokal { width: 100px; float:left; margin-right: 10px; text-align: right; line-height:20px; position:relative;  }
#clientAdd .form-element,
#carAdd .form-element,
#estateAdd .form-element,
#offerAdd .form-element,
#owcaAdd .form-element,
#accountSettings .form-element,
#grantingPrivileges .form-element
{ width:300px; float:left; margin-right: 10px; line-height:20px;  }
#clientAdd .form-element.withLabel,
#carAdd .form-element.withLabel,
#estateAdd .form-element.withLabel,
#offerAdd .form-element.withLabel,
#owcaAdd .form-element.withLabel,
#accountSettings .form-element.withLabel,
#grantingPrivileges .form-element.withLabel
{ width:100%; }
#policyAdd .form-element
{ float:left; margin-right: 10px; line-height:20px;  }
#clientAdd .form-element.short,
#carAdd .form-element.short,
#estateAdd .form-element.short,
#offerAdd .form-element.short,
#policyAdd .form-element.short,
#owcaAdd .form-element.short { width:110px;  }
#estateAdd .form-element.short input,
#clientAdd .form-element.short input,
#estateAdd .form-element.short input,
#policyAdd .form-element.short input,
#offerAdd .form-element.short input,
#owcaAdd .form-element.short input { width:70px !important; margin-right:7px; }
#clientAdd .form-row,
#carAdd .form-row,
#estateAdd .form-row,
#offerAdd .form-row,
#policyAdd .form-row,
#owcaAdd .form-row,
#commissionAgentForm .form-row { margin-bottom: 15px;}
#clientAdd .form-element label,
#carAdd .form-element label,
#estateAdd .form-element label,
#offerAdd .form-element label,
#policyAdd .form-element label,
#owcaAdd .form-element label,
#commissionAgentForm .form-element label { font-size:0.875em; margin-right:10px;  }
#clientAdd .form-element input[type='text'],
#clientAdd .form-element select,
#carAdd .form-element input[type='text'],
#carAdd .form-element select,
#estateAdd .form-element input[type='text'],
#estateAdd .form-element select,
#offerAdd .form-element input[type='text'],
#offerAdd .form-element select,
#owcaAdd .form-element input[type='text'],
#owcaAdd .form-element select,
#policyAdd .form-element input[type='text'],
#editLeadAss .form-element select,
#editLeadAss .form-element input[type='text'],
#policyAdd .form-element select
{ width:300px; font-size:14px; }
#clientAdd .form-element input[type='checkbox'],
#carAdd .form-element input[type='checkbox'],
#estateAdd .form-element input[type='checkbox'],
#offerAdd .form-element input[type='checkbox'],
#owcaAdd .form-element input[type='checkbox'] { margin-right: 5px; }
#clientAdd .form-element textarea,
#carAdd .form-element textarea,
#estateAdd .form-element textarea,
#offerAdd .form-element textarea,
#owcaAdd .form-element textarea { width:300px; height:100px; }
#clientAdd .scan,
#carAdd .scan,
#estateAdd .scan,
#offerAdd .scan,
#owcaAdd .scan,
#policyAdd .scan
{ width:120px; float:left; position:relative; }
#clientAdd .floating-button,
#carAdd .floating-button,
#estateAdd .floating-button,
#offerAdd .floating-button,
#owcaAdd .floating-button,
#policyAdd .floating-button
{ float:left; position:relative; margin: 0 2px;}
#clientAdd .addMore,
#carAdd .addMore,
#estateAdd .addMore,
#offerAdd .addMore,
#owcaAdd .addMore { width:200px; display: inline-block; }
#clientAdd .navigation,
#carAdd .navigation,
#estateAdd .navigation,
#offerAdd .navigation,
#policyAdd .navigation,
#owcaAdd .navigation,
#accountSettings .navigation,
#editLeadAss  .navigation,
#grantingPrivileges .navigation { width:150px; margin: 0px auto; line-height: 28px; }
#clientAdd .navigation .cancel,
#carAdd .navigation .cancel,
#estateAdd .navigation .cancel,
#offerAdd .navigation .cancel,
#policyAdd .navigation .cancel,
#owcaAdd .navigation .cancel,
#accountSettings .navigation .cancel,
#editLeadAss  .navigation .cancel,
#grantingPrivileges .navigation .cancel { width:50px; float:left; font-size:14px; }
#clientAdd .navigation .cancel a,
#carAdd .navigation .cancel a,
#estateAdd .navigation .cancel a,
#offerAdd .navigation .cancel a,
#policyAdd .navigation .cancel a,
#owcaAdd .navigation .cancel a,
#accountSettings .navigation .cancel a,
#editLeadAss  .navigation .cancel a,
#grantingPrivileges .navigation .cancel a { color:#00A6D6; }
#clientAdd .navigation .submit,
#carAdd .navigation .submit,
#estateAdd .navigation .submit,
#offerAdd .navigation .submit,
#policyAdd .navigation .submit,
#owcaAdd .navigation .submit,
#accountSettings .navigation .submit,
#editLeadAss  .navigation .submit,
#grantingPrivileges .navigation .submit { float:right; position: relative; }
#clientAdd .filter,
#carAdd .filter,
#estateAdd .filter,
#offerAdd .filter,
#owcaAdd .filter { position: absolute; right:60px; top:50px;}
#clientAdd .filter span,
#carAdd .filter span,
#estateAdd .filter span,
#offerAdd .filter span,
#owcaAdd .filter span { float:left; margin-left: 2px; }
#clientAdd .required:after,
#carAdd .required:after,
#estateAdd .required:after,
#offerAdd .required:after,
#owcaAdd .required:after,
#clientCalendar .required:after,
#policyAdd .required:after
#clientDetail .required:after
{ content:" *"; color:#333333; }
div.bn-group.f-col.f-col-2.aztecCol label.bn-label.f-col.f-col-label.required::after {content:"" !important;}
div.bn-group.f-col.f-col-4.aztecCol label.bn-label.f-col.f-col-label.required::after {content:"" !important;}
div.bn-group.f-col.f-col-2.aztecCol.form-row {margin-bottom: 0px !important;}
div.group.form-row.aztec-group {margin-bottom: 0px !important;}
#clientAdd .moreInfoContent,
#carAdd .moreInfoContent,
#estateAdd .moreInfoContent,
.moreInfoContent,
#owcaAdd .moreInfoContent,
#clientCalendar .moreInfoContent { background: #00a6d6; color:#ffffff; position:absolute; bottom:25px; left:255px; display:none; text-align:left; width:400px; padding:15px; font-size:12px; line-height:18px; z-index: 60}
#clientAdd .moreInfoContent img,
#carAdd .moreInfoContent img,
#estateAdd .moreInfoContent img,
#offerAdd .moreInfoContent img,
#owcaAdd .moreInfoContent img,
#clientCalendar .moreInfoContent,
.tooltip .moreInfoContent img { position:absolute; bottom:-4px; left:4px; }
#clientAdd .formDate,
#carAdd .formDate,
#estateAdd .formDate,
#offerAdd .formDate,
#clientAdd .hidden,
#carAdd .hidden,
#estateAdd .hidden,
#offerAdd .hidden,
#policyAdd .hidden,
#owcaAdd .formDate,
#owcaAdd .hidden { display:none; }
#clientAdd .visible,
#carAdd .visible,
#estateAdd .visible,
#offerAdd .visible,
#owcaAdd .visible { display:block; }
#clientAdd .dateInputDay,
#clientAdd .dateInputMonth,
#carAdd .dateInputDay,
#carAdd .dateInputMonth,
#estateAdd .dateInputDay,
#estateAdd .dateInputMonth,
#offerAdd .dateInputDay,
#offerAdd .dateInputMonth,
#owcaAdd .dateInputDay,
#policyAdd .dateInputDay,
#policyAdd .dateInputMonth,
#formCompetition .dateInputDay,
#formCompetition .dateInputMonth,
#owcaAdd .dateInputMonth { width: 40px !important; float:left; margin-right:10px; }
#clientAdd .dateInputYear,
#carAdd .dateInputYear,
#estateAdd .dateInputYear,
#offerAdd .dateInputYear,
#policyAdd .dateInputYear,
#formCompetition .dateInputYear,
#owcaAdd .dateInputYear { width: 60px !important; float:left; margin-right:10px; }
#estateAdd .form-element .formPost,
#clientAdd .form-element input.formPost,
#realty .form-element input.formPost,
#policy .form-element input.formPost,
#clientAdd #formNewPostAddressPost,
#clientAdd #formNewAddressPost,
#owcaAdd .form-element .formPost,
#owcaAdd #formNewPostAddressPost,
#policyAdd .form-element .formPost,
#policyAdd #formNewPostAddressPost,
#offerAdd .form-element .formPost,
#offerAdd #formNewPostAddressPost,
#owcaAdd #formNewAddressPost,
#issueAgreement #formPostSingature { width:102px; margin-right:6px; }
#estateAdd .form-element .formCity,
#clientAdd .form-element .formCity,
#clientAdd #formNewPostAddressCity,
#clientAdd #formNewAddressCity,
#policyAdd .form-element .formCity,
#policyAdd #formNewPostAddressCity,
#policyAdd #formNewAddressCity,
#offerAdd .form-element .formCity,
#offerAdd #formNewPostAddressCity,
#offerAdd #formNewAddressCity,
#owcaAdd .form-element .formCity,
#owcaAdd #formNewPostAddressCity,
#policyAdd #formNewPostAddressCity,
#owcaAdd #formNewAddressCity,
#issueAgreement #formCitySingature { width:188px; }
#estateAdd .delete,
#clientAdd .delete,
#estateAdd .delete,
#policyAdd .delete,
#owcaAdd .delete{ cursor:pointer; margin-right: 5px; }

#carAdd .form-container-50 {width: 96%; padding: 2%}
#carAdd .form-container-50 .vet {float: left; width: 58%;}
#carAdd .form-container-50 .vie {float: left;}
#vehicleForm .form-container-50 .vet .title {margin-left:290px;}
#vehicleForm .form-container-50 .vet .equipCheckbox,
#vehicleForm .form-container-50 .vie .equipCheckbox
{width: 255px;}

#carAdd .vboth .form-element
{width:590px}
#carAdd .vboth .form-element .equipCheckbox
{width:100%}

#policyAdd #tenantsAge th,
#offerAdd #tenantsAge th
{font-size: 12px;}

#policyAdd #tenantsAge td input,
#offerAdd #tenantsAge td input
{width: 80px;}

#policyAdd #formArea,
#offerAdd #formArea,
#policyAdd #formGeneralValue,
#offerAdd #formGeneralValue,
#policyAdd #formPaPersonCount,
#offerAdd #formPaPersonCount,
#policyAdd #formClaimsCountProperty3Year,
#offerAdd #formClaimsCountProperty3Year,
#policyAdd #formFloods5Year,
#offerAdd #formFloods5Year
{width: 120px}

/* Car Add & Estate Add*/
#carAdd .equipCheckbox,
#estateAdd .equipCheckbox,
#policyAdd .equipCheckbox { width:380px; height:150px; background:#ffffff; overflow: auto; line-height:30px; padding:10px 20px;  }
#carAdd .equipCheckbox label,
#estateAdd .equipCheckbox label,
#policyAdd .equipCheckbox label { margin-left:10px; }

/* Estate Add */
#estateAdd .konstrukcja>div.konstrukcjaD { width:96px; margin-left:5px; float:left; position:relative;}
#estateAdd .konstrukcja>div.konstrukcjaD:first-child { margin-left: 0; }
#estateAdd .konstrukcja>div.konstrukcjaD select { width:96px }

/* Offer Add */
#offerAdd #formPost1, #offerAdd #formPost2 { width:45px; margin-right:7px; }
#offerAdd .required:after {  content:" *";  color:#999999; }
#offerAdd .additional { width:400px; }
#offerAdd .additional select { width:120px; }
#offerAdd .additional input[type='text'] { width:120px; margin-left: 5px;}
#offerAdd .add { width:200px; }
#offerAdd input[type='radio'] { margin-left:40px; }
#offerAdd input[type='radio']:first-child { margin-left:0; }
#offerAdd .insurerOwner { float:left; font-size:14px; line-height: 24px; margin-right: 10px; }
/* hidden percent and time*/
#offerAdd .elementOwner .scan.w200 { width:200px; }
#offerAdd span.triggerPercent,
#offerAdd span.triggerTime { cursor:pointer; float:left; margin-left: 3px; }
#offerAdd table.percentTable th { font-family: 'LatoBold'; font-weight: normal; text-align: left; width:120px; }
#offerAdd table.percentTable td { width:100px; text-align: left; padding:3px 1px; }
#offerAdd .hiddenTime { left:-450px; width:800px; }
#offerAdd .hiddenTime .scroll { height:180px; overflow: auto; margin:0px 0 10px; }
#offerAdd .hiddenTime .scroll::-webkit-scrollbar {width: 8px;}
#offerAdd .hiddenTime .scroll::-webkit-scrollbar-track { background:#999999;}
#offerAdd .hiddenTime .scroll::-webkit-scrollbar-thumb { background: #333333;}
#offerAdd .hiddenTime .navigation { width:360px; }
#offerAdd .hiddenTime .bottomHiddenObject { padding:0 50px;}
#offerAdd table.tableTime { width:700px; border-collapse: collapse; border-spacing: 0; font-size: 12px; margin: 0px 50px; }
#offerAdd table.tableTime td { padding: 5px 6px;}
#offerAdd table.tableTime .rowTH td { padding: 0 !important;}
#offerAdd table.tableTime .rowSort td { font-family: 'LatoBold'; vertical-align: middle; height: 20px }
#offerAdd table.tableTime .rowSort td select { margin-left: 5px;}
#offerAdd table.tableTime td.oc,
#offerAdd table.tableTime td.ac { color:#ffffff; font-family: 'LatoRegular'; padding:3px 5px !important; }
#offerAdd table.tableTime td.oc { background: #00a6d6;}
#offerAdd table.tableTime td.ac { background: #0093bd; }
#offerAdd table.tableTime th { font-weight: normal; font-family: 'LatoBold'; text-align: left; padding:10px 6px 5px;}
#offerAdd table.tableTime input[type='text'] { width:77px; }
#offerAdd table.tableTime .short input[type='text'] { width:40px; }
#offerAdd table.tableTime .short table.harmList input[type='text'], #offerAdd table.tableTime .verificationFormContent tr.insertRow input[type='text'] { width:120px; }
#offerAdd table.tableTime tr.insertRow td:first-child input[type='text'] { width:120px; }
#offerAdd table.tableTime td:first-child input[type='text'] { width:104px; }
#offerAdd table.tableTime td,
#offerAdd table.tableTime th { background: #f4f4f4; }
#offerAdd table.tableTime td:first-child,
#offerAdd table.tableTime th:first-child { width:110px;}
#offerAdd table.tableTime td:last-child,
#offerAdd table.tableTime th:last-child { width:30px; }
#offerAdd table.tableTime td:first-child,
#offerAdd table.tableTime th:first-child,
#offerAdd table.tableTime td:last-child,
#offerAdd table.tableTime th:last-child { background: #ffffff; }
#offerAdd table.tableTime .removeButton { background: url("../img/icon/icon_x_black_9x9.png") no-repeat; cursor: pointer; display: block; height: 9px; width: 9px;}
#offerAdd .form-container hr,
#issueForm .form-container hr { background:#cacaca; color:#cacaca; border:none; margin-left:290px; width:300px;}
#issueForm .form-container hr { margin-bottom:50px; margin-left: 300px }
#issueForm .consents-container a { color: #1188c6; }
#issueForm .consents-container a:focus { outline: thin dotted; }
#offerAdd .bonus-malus-warning {margin: 20px 0; font-size: .8em}

#issueForm .consents-container.link4-consents-container .form-row .label { text-align: left; width: 90%; }

/*#offerAdd .insuranceSums table {width: 100%;}*/
#offerAdd .insuranceSums table td {padding: 6px; border: 1px solid #E5E5E5; border-width: 0 0 1px 1px; text-align: right}
#offerAdd .insuranceSums table td:first-child {border-width: 0 0 1px 0; width: 160px; text-transform: uppercase; font-size: 12px;}
#offerAdd .insuranceSums table th {border: 1px solid #E5E5E5; padding: 6px; width: 120px; border-width: 0 0 1px 1px; font-size: 12px }
#offerAdd .insuranceSums table th:first-child {border-width: 0 0 1px 0;}
#offerAdd .insuranceSums table.no-border td,
#offerAdd .insuranceSums table.no-border tr {border: 0}
#offerAdd .insuranceSums label  {font-size: 12px; display: inline-block; width: 120px; text-align: right; margin-right: 4px; text-transform: uppercase;}
#offerAdd .insuranceSums .insurance-sum-value-field-container {float: left; display: inline; padding-right: 18px;}
#offerAdd .insuranceSums .currency-unit {float: right; position: absolute; margin-left: -12px;}
#offerAdd .insuranceSums .insurance-sum-value  { font-size: 0.875em !important }
#offerAdd .insuranceSums input[type="text"]  {border-width: 1px; text-align: right; width: 100%; background-color: #FFF}
#offerAdd .insuranceSums .matrix_select  {float: right;}
#offerAdd small { font-size: 10px; }
#offerAdd small.field-desc {display: block; text-align: right; color: #999}

#offerAdd .aztecCalculationButton,
#carAdd .aztecCalculationButton {width: 64px; height: 64px; position: fixed; right: 0; top: 77px; background-color: #00a6d6; z-index: 5; border: 1px solid lightgray;}
#offerAdd .aztecCalculationButton:hover .moreInfoContent,
#carAdd .aztecCalculationButton:hover .moreInfoContent { display: block; }

/* Client Add */
#clientAdd .delete { display:none; }
#clientAdd label.uploadPhoto, #clientAdd label.uploadLogo { width:85px; height:102px; overflow:hidden; position:relative; display:block; text-indent:-999px; }
#clientAdd label.uploadPhoto { background:url('../img/icon/upload_pic.gif'); }
#clientAdd label.uploadLogo { background:url('../img/icon/upload_logo.gif');  }
#clientAdd label.uploadPhoto span input, #clientAdd label.uploadLogo span input { line-height: 0; font-size: 50px; position: absolute; top: -2px; left: -700px; opacity: 0; cursor: pointer; }
#clientAdd .links { width:400px !important; }
#clientAdd .links .button { width:100px; float:left; }
#clientAdd .ajax-powiazania { font-size:14px; position:relative; width:300px; }
#clientAdd .bindsForAgent .ajax-powiazania { width:399px; }
#clientAdd .ajax-powiazania div.image { width:35px; height: 35px; float:left; margin-right:10px; }
#clientAdd .ajax-powiazania div.details { float:left; line-height: 18px; }
#clientAdd .ajax-powiazania span.name { font-family: 'LatoRegular'; font-weight:bold; }
#clientAdd .ajax-powiazania a.delete {display:block !important; background:url('../img/icon/icon_x_black_9x9.png'); width:9px; height:9px; position:absolute; top:10px; right:0; text-indent: -9999px; }
#clientAdd .ajax-powiazania a.edit {display:block !important; background:url('../img/sprite/sprite_pencil_icons_24x12.png') -12px 0; width:12px; height:12px; position:absolute; top:10px; right:0; text-indent: -9999px; }
#clientAdd .ajax-addLink { opacity:0; margin:5px 0 0 0; display:none; position:relative; }
#clientAdd .ajax-addLink input[type='text'] { width:140px !important; margin:0 10px 0 0; float:left; }
#clientAdd .hints { background: #ffffff; width:132px; position:absolute; left:0; top:23px; font-size: 14px; color:#666666; border:1px solid #CCCCCC; padding:2px 3px; }
#clientAdd .hints span { display:block; cursor:pointer; }
#clientAdd .links .addLinkContainer { display:block; margin: 0px 0 10px;}
#clientAdd .links .addLinkContainer span { color: #00a6d6; cursor:pointer; font-size:14px; }
#clientAdd .NewPostAddress, #clientAdd .NewAddress, #clientAdd .hiddenNote, #clientAdd .NewPostCompanyAddress,
#policyAdd .PostAddress, #policyAdd .CheckinAddress, #policyAdd .hiddenNote, #policyAdd .NewPostCompanyAddress,
#offerAdd .PostAddress, #offerAdd .CheckinAddress, #offerAdd .hiddenNote, #offerAdd .NewPostCompanyAddress { display:none; }
#clientAdd .forms { position:relative;}
#clientAdd .formRadio { position:absolute; z-index: 2; font-size:14px; top:50px; left:340px;  }
#clientAdd .formRadio #selectCompany { margin-left:50px }
#clientAdd .formIndividualContainer .form-container:first-child, #clientAdd .formCompanyContainer .form-container:first-child { padding-top: 100px;  }
#clientAdd .deleteNote, #clientAdd .deleteContact { cursor: pointer;}
#clientAdd .contactPerson.hover input[type='text'], #clientAdd .contactPerson.hover textarea { background:#ccedf7 !important; }
#clientAdd hr { color:#b2b2b2; background: #b2b2b2; border: none; margin:20px 0 20px 290px; width:290px; height:1px; }
#clientAdd .companyContent, #clientAdd #osobaFizycznaAdvance, #clientAdd #firmaAdvance { display:none; }
#clientAdd .uploadedImage, #clientAdd .uploadedLogotype { width:85px; height:102px; overflow: hidden; position: relative;}
#clientAdd .uploadedImage img, #clientAdd .uploadedLogotype img { position:absolute; top:0; left:0; z-index:1; }
#clientAdd .uploadedImage .uploadMenu, #clientAdd .uploadedLogotype .uploadMenu { position:absolute; z-index: 2; top:0; left:0; width:100%; height:100%; line-height: 102px; text-align: center; background:#ffffff; font-size: 12px; color:#d9d9d9; display:none; border:1px solid #a7a7a7; -moz-box-sizing:border-box; }
#clientAdd .uploadedImage .uploadMenu  a, #clientAdd .uploadedLogotype .uploadMenu  a { color:#00a6d6; }

/* Logowanie */
.login { background: #323232; max-width: 100%; }
.login .template-header table { margin-left: 20px; }
#loginAction { height:100%; width:1230px; }
#loginAction .template-preMain { margin-left:0; position:relative; }
#loginAction #header table tr .hColOne { padding-left: 20px; }
#loginAction .left { width:525px; -webkit-box-shadow:  3px 0px 3px -2px #000000; box-shadow:  3px 0px 3px -2px #000000; padding:50px 45px; position:absolute; left:0; top:0; z-index: 2; background:#ffffff; min-height: 100%; }
#loginAction .right { width:525px; background: #323232; position:absolute; right:0; top:0; z-index: 1; min-height: 100%; color:#fff; padding:50px 45px; }
#loginAction div.title { font-size:48px; font-weight:normal; font-family: 'LatoLight'; border-bottom:1px solid #eaeaea; padding-bottom: 20px;  }
#loginAction div.title span { color:#00a6d6; }
#loginAction div.right div.title { border-bottom:1px solid #6f6f6f; }
#loginAction div.subtitle { font-size:24px; font-weight:normal; font-family: 'LatoLight'; padding:20px 0; }
#loginAction .left .arrow { width:24px; height: 76px; position:absolute; top:290px; right:-24px; z-index: 3; background:url('../img/login_bg_arrow.png')}
#loginAction .box { width:231px; height:88px; padding:12px; font-size: 22px; font-family: 'LatoLight'; float:left; margin:0 4px 4px 0; color:#ffffff; }
#loginAction .box.yellow { background:#ffd400; }
#loginAction .box.red { background:#ff0000; }
#loginAction .box.purple { background: #6a4bbb;  }
#loginAction .box.blue { background:#0079ad; }
#loginAction .box.green { background:#009018; }
#loginAction .loginForm .content { width:362px; margin:0px auto;}
#loginAction #formularzLogowanie { padding-top: 84px;  }
#loginAction .loginForm input[type='text'], #loginAction .loginForm input[type='password'] {width:362px; height:34px; margin:15px 0 5px;  }
#loginAction .loginForm input[type='submit'], #loginAction .loginForm .submit { width:362px; height:38px; line-height: 38px; background: #00a6d6; border:none; font-size:18px; font-family: 'LatoBold'; color:#ffffff; margin:20px 0; display:block; text-align: center; cursor:pointer; }
#loginAction #formNewPass { margin-bottom: 0;  }
#loginAction #formNewPassRepeat { background:#5b5b5b; border:1px solid #5b5b5b;}
#loginAction .passStrength { height: 5px; margin-bottom:10px; background: #000000; }
#loginAction .passStrength .power33 { background:#ff0000; width:33%; height:100%; }
#loginAction .passStrength .power66 { background:#f28900; width:66%; height:100%; }
#loginAction .passStrength .power100 { background:#009018; width:100%; height:100%; }
#loginAction #passwordStrength.red { color:#ff0000; }
#loginAction #passwordStrength.orange { color:#f28900; }
#loginAction #passwordStrength.green { color:#009018; }

#loginAction .weryfikacja, #loginAction .weryfikacjaSMS, #loginAction .weryfikacjaPotwierdzenie { display:none; }
#loginAction .weryfikacjaPotwierdzenie .info { font-size:24px; text-align:center; font-family: 'LatoLight'; margin:10px 0 40px;}
#loginAction .form-row { position:relative; }
#loginAction span.copyright { float:right; margin:50px 0 0; font-size:12px; }

/* błędy na formularzach */
.formError { color:white; position:absolute; bottom:50px; left:200px; background-color:#ff0000; padding:4px 7px; font-size: 14px; width: 70%;  opacity:0; }
.formErrorMulti { box-shadow:2px 2px 4px 0px black; z-index:4; color:white; position:absolute; top:0px; left:50px; background-color:#ff0000; padding:4px 7px; font-size: 14px;  display:none; cursor:pointer; min-width:200px; text-align:left}
.formErrorMulti.folded { max-height:1.25em; white-space:nowrap; width:200px; overflow:hidden; }
.formErrorMulti.folded ul{   }
.formErrorMulti.folded:after { background:red; content:'…'; font-weight: bold; padding: 2px 2px 2px 4px; position: absolute; right: 0; top:0;}
.formErrorMulti:hover {z-index:5; outline:2px solid rgba(127,0,0,0.8);}
.formError .arrow {background: url('../img/icon/icon_arrow_down_red_7x4.gif'); width:7px; height:4px; position:absolute; bottom:-4px; left:5px; }
.formErrorMulti .arrow {background: url('../img/icon/icon_arrow_left_red_4x7.png'); width:4px; height:7px; position:absolute; left:-4px; top:5px }
.formErrorMulti span {text-align:left}
.formErrorMulti ul {text-align:left;margin:0;list-style-type:none;}
.formErrorMulti ul li {margin-bottom:4px;}
.formErrorMulti a {color: #FFFFFF; font-weight: bold; white-space: nowrap;}
.field_marked_as_error {outline:1px solid #f00; background-color:#fffafa!important; color:darkred!important;}

#vehicleForm #identificationData .formErrorMulti {min-width: 410px;}


/* Wyszukiwanie */
.noList { padding:20px; font-size: 14px; }
#searchList span.find { font-weight: bold; }
#searchList table span.find { background:#ffd400; font-weight:normal; }
#searchList table.tableList tr td.colA  { width: 33px; }
#searchList table.tableList tr td.colB  { width: 24px; }
#searchList table.tableList tr td.colC  { padding-left: 10px; padding-right: 5px; width: 95px; }
#searchList table.tableList tr td.colD  { padding-right: 5px; width: 157px; }
#searchList table.tableList tr td.colE  { padding-right: 5px; width: 165px; }
#searchList table.tableList tr td.colF  { width: 95px; }
#searchList table.tableList tr td.colG  { width: 80px; }
#searchList table.tableList tr td.colH  { width: 95px; }
#searchList table.tableList tr td.colI  { padding-right: 5px; width: 95px; }
#searchList table.tableList tr td.colJ  { width: 196px; }
#searchList table.tableList tr td.colA,
#searchList table.tableList tr td.colB    { text-align: center; }
#searchList table.tableList tr td.colC,
#searchList table.tableList tr td.colD,
#searchList table.tableList tr td.colE,
#searchList table.tableList tr td.colF,
#searchList table.tableList tr td.colG,
#searchList table.tableList tr td.colH,
#searchList table.tableList tr td.colI,
#searchList table.tableList tr td.colJ  { text-align: left; }
#searchList #tableListCount table tr td.colCount.colOne { width: 180px; }
#searchList #tableListCount table tr td.colCount.colTwo { width: 370px; }

/* Szczegoly pojazdu */
#automotiveDetail #filterBigBoxes ol li.defaultBox a { background-color: #db0000; }
#automotiveDetail #filterBigBoxes ol li.blockedBox a { background-color: #ff0000; }

/* Matryca */
#agentMatrix .filtr { width:1120px; }
#agentMatrix .formCol1 { width: 330px; padding-right:20px; }
#agentMatrix .formCol1:first-child { padding-right:0; }
#agentMatrix .formCol1 label.f160 { width:160px }
#agentMatrix .formCol1 select, #agentMatrix .formCol1 input[type="text"] { width:160px; }
#agentMatrix .formCol1 input[type="checkbox"] { margin-left:150px; }
#agentMatrix .formCol1 .riskSelect input[type="checkbox"] {margin-left: 0;}
#agentMatrix p.info { text-align: right; font-size:12px; margin:15px 0 0; }
#agentMatrix #searchListForm .right-buttons { float: right; padding: 0 20px 0 0; }
#agentMatrix .ownerInfo { margin:7px 0; width:345px; }
#agentMatrix .ownerInfo .img { float:left; width:100px; height: 75px; overflow: hidden; }
#agentMatrix .ownerInfo .info { float:left; margin-left: 10px; font-size:13px; width:230px; position:relative; height:75px; }
#agentMatrix .ownerInfo .info span.owner { font-weight: bold; display:block; font-size:16px; }
#agentMatrix .button {width:52px; position:absolute; bottom:0; right:0;  }
#agentMatrix .button span { padding: 0;}
#agentMatrix .ofertaMatrix { padding:30px; }
#agentMatrix .ofertaContent { background:#ffffff; width:1120px; }
#agentMatrix .ofertaTabs { font-size:12px; font-family: 'LatoBold' ; line-height: 38px;  }
#agentMatrix .ofertaTabs a { background: #323232; display:inline-block; line-height: 38px; padding:0 25px; color:#ffffff;}
#agentMatrix .ofertaTabs a:hover, #agentMatrix .ofertaTabs a.active { background: #ffffff; color:#323232; text-decoration: none; }
#agentMatrix .productsAll span,
#agentMatrix .productsIndividual span { display:block; padding:5px 6px; margin:2px 0; color:#333333; float:left; position:relative;}
/* #agentMatrix .productsIndividual span:hover { border: 1px solid #d3d3d3; padding:4px 5px; cursor: pointer; background: url('../img/icon/icon_plus_lightgray_8x8.png') no-repeat right center; } */
/* Matryca karuzela */
#agentMatrix .carouselNextContent { position:absolute; right:0; top:1px; z-index: 10; height:68px; width:60px; background: #ffffff; padding:8px 0; line-height: 68px; }
#agentMatrix .carouselNextZakres, #agentMatrix .carouselNextWylaczenia { display:block; margin:20px auto; width:17px; height:25px; background:url('../img/sprite/sprite_agentCarousel_arrows_34x25.png') no-repeat; background-position: 0 0; cursor:pointer; text-indent: -9000px; }
#agentMatrix .carouselNextZakres:hover, #agentMatrix .carouselNextWylaczenia:hover { background-position: -17px 0px; }
#agentMatrix #carouselZakres { max-width:20000px;}
#agentMatrix .ofertaColumn { position:relative; }
#agentMatrix .hoverLinks { display:none; color:#323232; background:url('../img/matrix_bg_hover.png'); font-size: 13px; left: 0; position: absolute;  text-align: center;  top: 0px;  width: 140px; height:100%; line-height:1.5;}
#agentMatrix .hoverLinks div { padding: 40px 0; }
#agentMatrix .hoverLinksAll, #agentMatrix .offerExpiredInfo {  display: none; background: #fff; width: 320px; height: 31px; position: relative; padding: 0px; font-size: 13px; margin-bottom: 20px; line-height: 31px;}
#agentMatrix .hoverLinks a, #agentMatrix .hoverLinksAll a { color:#323232; }
#agentMatrix .hoverLinks a:hover, #agentMatrix .hoverLinksAll a:hover { color:#00a6d6; text-decoration: none; }
#agentMatrix .hoverLinksAll a { padding: 0 3px; }
/* Matryca zakladka */
#agentMatrix .matrixZakladka { position:fixed; bottom: 10px; left: -360px; height:132px; z-index: 3; }
#agentMatrix .matrixZakladka .content { height:98px; float:left; padding:17px; background: #fff; -webkit-box-shadow: 0.5px 0.5px 2px 1px ; box-shadow:  0.5px 0.5px 2px 1px ; font-size: 12px;}
#agentMatrix .matrixZakladka .content .navigation { line-height: 28px; width:150px; float: right; }
#agentMatrix .matrixZakladka .content .navigation a { float:left; display:block; margin-right: 10px;}
#agentMatrix .matrixZakladka .content .summary { line-height: 28px; width:200px; float: left; }
#agentMatrix .matrixZakladka .content .summary span.cena { font-family: 'LatoBold'; font-size:18px;}
#agentMatrix .matrixZakladka .content .element { width:91px; height: 61px; float: left; margin-left: 3px; border: 1px solid #d3d3d3;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; color:#333333; line-height: 61px; position: relative;}
#agentMatrix .matrixZakladka .content .element .closeBox { position: absolute; top:3px; right:4px; background: url("../img/icon/icon_x_lightgray_9x9.png") no-repeat; cursor: pointer; display: none; height: 9px; width: 9px;}
#agentMatrix .matrixZakladka .content .element.blockedBox .closeBox { display:block; }
#agentMatrix .matrixZakladka .content .element img { width: 79px; margin:0 auto;}
#agentMatrix .matrixZakladka .trigger { float:right; height: 132px; width:12px; background: url('../img/icon/icon_arrow_left_white_6x9.png') no-repeat center center #414141; cursor:pointer; }

/* MATRIX nowy */
#agentMatrix .ofertaContent { position: relative; overflow: hidden; }
#agentMatrix .ofertaContent .carouselNextContent { position: absolute; top:21px; right:0px; width: 90px; display:none; height: 100%; }
#agentMatrix .ofertaContent .carouselNextContent { top:61px; }
#agentMatrix .carouselNextZakres { padding: 20px 0; }
#agentMatrix .matryceTable { table-layout: fixed; width: 100%; font-size: 12px; border-collapse: collapse; width: 1120px; }
#agentMatrix .matryceTable th { border-top:1px solid #e5e5e5;  }
#agentMatrix .matryceTable td { border:1px solid #e5e5e5; }
#agentMatrix .matryceTable tr.hoverTR td { border-top:1px solid #000 !important; }
#agentMatrix .matryceTable th { vertical-align: top; }
#agentMatrix .matryceTable td { vertical-align: middle; }
#agentMatrix .matryceTable td.center { text-align: center; }
#agentMatrix .matryceTable th { font-family:'LatoBold'; font-weight: normal; text-align: left; text-transform: uppercase; padding-top: 5px !important; padding-bottom: 10px !important; height: 30px; }
#agentMatrix .matryceTable th.zakres, #agentMatrix .matryceTable th.wylaczenia { height: 90px; }
#agentMatrix .matryceTable th.grey, #agentMatrix .matryceTable th.grey { background:#f1f1f1 !important; color: #f1f1f1 !important; }
#agentMatrix .matryceTable .oferta { width: 150px; padding: 10px; vertical-align:top }
#agentMatrix .matryceTable .zestawienie { width: 140px; padding: 0 15px; }
#agentMatrix .matryceTable .zestawienie.big { width: 405px; padding: 0 15px; }
#agentMatrix .matryceTable .zaletyIWady { width: 430px; padding:0 15px; }
#agentMatrix .matryceTable .zakres { width: 140px; padding: 0 15px; }
#agentMatrix .matryceTable .wylaczenia { width: 140px; padding: 0 15px; }
#agentMatrix .matryceTable .zaletyIWady, #agentMatrix .matryceTable .zakres, #agentMatrix .matryceTable .wylaczenia { display: none; }
#agentMatrix .matryceTable .uwagi, #agentMatrix .matryceTable .dokumenty { width: 918px; padding: 0 15px; }
#agentMatrix .positiveBox , #agentMatrix .negativeBox  { width:100%; height:150px;text-align: center; }
#agentMatrix .positiveBox { background: url('../img/icon/icon_ok_20x16.png') center center no-repeat; }
#agentMatrix .negativeBox { background: url('../img/icon/icon_notok_20x16.png')  center center no-repeat;}
#agentMatrix .ofertaKategorie { padding:0 20px 20px; display: none; }
#agentMatrix .ofertaKategorie span { background:#585858; color:#ffffff; padding:3px 10px; font-size:12px; font-family: 'LatoBold'; cursor:pointer; }
#agentMatrix .ofertaKategorie span.active, #agentMatrix .ofertaKategorie span:hover { background:#a2a2a2; color:#ffffff; padding:3px 10px; font-size:12px; font-family: 'LatoBold'; cursor:pointer; }
#agentMatrix table.matryceTable td.center { text-align: center;}
#agentMatrix table.matryceTable td.formularz { padding-top:15px; }
#agentMatrix table.matryceTable td.formularz .formCol { width:200px; }
#agentMatrix table.matryceTable td.formularz .formCol .lineForm { height: 45px; }
#agentMatrix table.matryceTable td.formularz .formCol label { width:90px; float:left; line-height: 14px; }
#agentMatrix table.matryceTable td.formularz .formCol select, #agentMatrix td.formularz .formCol input[type='text'] { width:100px; float:left; }
#agentMatrix table.matryceTable td.formularz .formCol input[type="checkbox"] { margin:0 5px 5px 90px; float:left;  }
#agentMatrix table.matryceTable input[type='checkbox'] { margin-right: 5px; }
#agentMatrix table.matryceTable .matryca_system_link a { font-size: 14px; color:#00a6d6 }
#agentMatrix table.matryceTable .matryca_system_link { font-size: 14px; color:#00a6d6 }

#agentMatrix .ofertaColumn { position:relative; z-index: 2; }
#agentMatrix .ofertaColumn .name { font-size:16px; font-family: 'LatoBold';  }
#agentMatrix .ofertaColumn .taryfa { font-size:12px; display: block; margin:8px 0; }
#agentMatrix .ofertaColumn .cena { font-size:18px; font-family: 'LatoBold'; display: block; line-height: 18px; }
#agentMatrix .ofertaColumn .cena.laczna:not(.bez-rat) { font-size:14px;  margin-top: 5px; }
#agentMatrix .ofertaColumn .wystaw { padding:0 10px; margin-left: 10px; }
#agentMatrix .ofertaColumn .oferta { float: left; width: 130px; padding: 0; }
#agentMatrix .ofertaColumn input[type='checkbox'] { margin: 0 5px 0 0; float:left; }

#agentMatrix table.matryceTable tr.active { border-top:1px solid #00a6d6; background:#e5f6fb; }
#agentMatrix table.matryceTable tr:first-child.active { border-top:1px solid #eaeaea; background:#fff; }

#agentMatrix #filterBigBoxes { width: 725px; float: left; }

/*
#offerAdd .insuranceSums table td {padding: 6px; border: 1px solid #E5E5E5; border-width: 0 0 1px 1px; text-align: right}
#offerAdd .insuranceSums table td:first-child {border-width: 0 0 1px 0; width: 160px; text-transform: uppercase; font-size: 12px;}
#offerAdd .insuranceSums table th {border: 1px solid #E5E5E5; padding: 6px; width: 120px; border-width: 0 0 1px 1px; font-size: 12px }
#offerAdd .insuranceSums table th:first-child {border-width: 0 0 1px 0;}
#offerAdd .insuranceSums table.no-border td,
#offerAdd .insuranceSums table.no-border tr {border: 0}
#offerAdd .insuranceSums label  {font-size: 12px; display: inline-block; width: 120px; text-align: right; margin-right: 4px; text-transform: uppercase;}
#offerAdd .insuranceSums .insurance-sum-value-field-container {float: left; display: inline; padding-right: 18px;}
#offerAdd .insuranceSums .currency-unit {float: right; position: absolute; margin-left: -12px;}
#offerAdd .insuranceSums .insurance-sum-value  { font-size: 0.875em !important }
#offerAdd .insuranceSums input[type="text"]  {border-width: 1px; text-align: right; width: 100%; background-color: #FFF}
#offerAdd .insuranceSums .matrix_select  {float: right;}
#offerAdd small { font-size: 10px; }
#offerAdd small.field-desc {display: block; text-align: right; color: #999}
*/
#agentMatrix .insuranceSums table td {padding: 6px; border: 1px solid #E5E5E5; border-width: 0 0 1px 1px; text-align: right; min-width: 70px;}
#agentMatrix .insuranceSums table td:first-child {border-width: 0 0 1px 0; width: 160px; text-transform: uppercase; font-size: 12px; font-family: "LatoLight";}
#agentMatrix .insuranceSums table th {border: 1px solid #E5E5E5; padding: 6px; width: 120px; border-width: 0 0 1px 1px; font-size: 12px }
#agentMatrix .insuranceSums table th:first-child {border-width: 0 0 1px 0;}
#agentMatrix .insuranceSums table.no-border td,
#agentMatrix .insuranceSums table.no-border tr {border: 0}
#agentMatrix .insuranceSums label  {font-size: 12px; display: inline-block; width: 120px; text-align: right; margin-right: 4px; text-transform: uppercase;}
#agentMatrix .insuranceSums .insurance-sum-value-field-container {float: left; display: inline; padding-right: 18px;}
#agentMatrix .insuranceSums .currency-unit {float: right; position: absolute; margin-left: -12px;}
#agentMatrix .insuranceSums .insurance-sum-value  { font-size: 0.875em !important }
#agentMatrix .insuranceSums input[type="text"]  {border-width: 1px; text-align: right; width: 100%; background-color: #FFF}
#agentMatrix .insuranceSums .matrix_select  {float: right;}
#agentMatrix small { font-size: 10px; }
#agentMatrix small.field-desc {display: block; text-align: right; color: #999}

.patronsTable {width: 100%;}
.patronsTable td {vertical-align: middle;}
.patronsTable td {border: 1px solid #e5e5e5;}
.patronsTable td.companyCol {padding: 5px 10px 20px 10px; width: 15%; }
.patronsTable td.opiekun {width: 35%;}
.patronsTable div.patronFiles {border-top:1px solid #ddd; padding-top: 5px;}
#patronsChars .companyColumn {position: relative; z-index: 2; }
#patronsChars .companyColumn .company {float: left; padding: 0; }

/* modal sum ubezpieczenia */
.modalInsSums .insuranceSums {font-size: 14px; margin: 10px 0 20px 0;}
.modalInsSums .insuranceSums table.multipart-sum-fields {width: 100%;}
.modalInsSums .insuranceSums table td {padding: 6px; border: 1px solid #E5E5E5; border-width: 0 0 1px 1px; text-align: right}
.modalInsSums .insuranceSums table td:first-child {border-width: 0 0 1px 0; width: 120px;}
.modalInsSums .insuranceSums table th {border: 1px solid #E5E5E5; padding: 6px; width: 120px; border-width: 0 0 1px 1px; font-size: 12px }
.modalInsSums .insuranceSums table th:first-child {border-width: 0 0 1px 0 }
.modalInsSums .insuranceSums table.single-sum-field td,
.modalInsSums .insuranceSums table.single-sum-field tr {border-width: 0 0 1px 0;}
.modalInsSums .insuranceSums label  {font-size: 12px; display: inline-block; width: 120px; text-align: right; margin-right: 4px; text-transform: uppercase;}
.modalInsSums .insuranceSums .insurance-sum-value-field-container {float: left; display: inline; padding-right: 18px; width:100%; box-sizing: border-box;}
.modalInsSums .insuranceSums .currency-unit {float: right; position: absolute; margin-left: -12px;}
.modalInsSums .insuranceSums .insurance-sum-value  { font-size: 0.875em !important }
.modalInsSums .insuranceSums input[type="text"]  {border-width: 1px; text-align: right; width: 100%; background-color: #FFF}
.modalInsSums .insuranceSums input[type="text"][disabled] {background-color: #F5F5F5; color: #999; border-color: #E0E0E0}
.modalInsSums .insuranceSums .matrix_select  {float: right;}
.modalInsSums table.single-sum-field tr td:last-child {max-width: 250px;}
.modalInsSums small { font-size: 10px; }
.modalInsSums small.field-desc,
.modalInsSums span.field-desc {display: block; text-align: right; color: #999}


#productsChars .filtr { width:722px; }
#productsChars .formCol1 { width: 330px; padding-right:20px; }
#productsChars .formCol1:first-child { padding-right:0; }
#productsChars .formCol1 label.f160 { width:160px }
#productsChars .formCol1 select, #productsChars .formCol1 input[type="text"] { width:160px; }
#productsChars .formCol1 input[type="checkbox"] { margin-left:150px; }
#productsChars p.info { text-align: right; font-size:12px; margin:15px 0 0; }
#productsChars #searchListForm .right-buttons { float: right; padding: 0 20px 0 0; }
#productsChars .ownerInfo { margin:7px 0; width:345px; }
#productsChars .ownerInfo .img { float:left; width:100px; height: 75px; overflow: hidden; }
#productsChars .ownerInfo .info { float:left; margin-left: 10px; font-size:13px; width:230px; position:relative; height:75px; }
#productsChars .ownerInfo .info span.owner { font-weight: bold; display:block; font-size:16px; }
#productsChars .button {width:52px; position:absolute; bottom:0; right:0;  }
#productsChars .button span { padding: 0;}
#productsChars .ofertaMatrix { padding:30px; }
#productsChars .ofertaContent { background:#ffffff; width:1120px; }
#productsChars .ofertaTabs { font-size:12px; font-family: 'LatoBold' ; line-height: 38px;  }
#productsChars .ofertaTabs a { background: #00b048; display:inline-block; line-height: 38px; padding:0 25px; color:#ffffff;}
#productsChars .ofertaTabs a:hover, #productsChars .ofertaTabs a.active { background: #009018; color:#fff; text-decoration: none; }
#productsChars .productsAll span,
#productsChars .productsIndividual span { display:block; padding:5px 6px; margin:2px 0; color:#333333;}
#productsChars .productsIndividual span:hover { border: 1px solid #d3d3d3; padding:4px 5px; cursor: pointer; background: url('../img/icon/icon_plus_lightgray_8x8.png') no-repeat 130px center; }
/* Matryca karuzela */
#productsChars .carouselNextContent { position:absolute; right:0; top:1px; z-index: 10; height:68px; width:60px; background: #ffffff; padding:8px 0; line-height: 68px; }
#productsChars .carouselNextZakres, #productsChars .carouselNextWylaczenia { display:block; margin:20px auto; width:17px; height:25px; background:url('../img/sprite/sprite_agentCarousel_arrows_34x25.png') no-repeat; background-position: 0 0; cursor:pointer; text-indent: -9000px; }
#productsChars .carouselNextZakres:hover, #productsChars .carouselNextWylaczenia:hover { background-position: -17px 0px; }
#productsChars #carouselZakres { max-width:20000px;}
#productsChars .ofertaColumn { position:relative; }
#productsChars .hoverLinks { display:none; color:#323232; background:url('../img/matrix_bg_hover.png'); font-size: 13px; left: 0; position: absolute;  text-align: center;  top: 0px;  width: 140px; height:100%; line-height:1.5;}
#productsChars .hoverLinks div { padding: 40px 0; }
#productsChars .hoverLinksAll, #productsChars .offerExpiredInfo {  display: none; background: #fff; width: 320px; height: 31px; position: relative; padding: 0px; font-size: 13px; margin-bottom: 20px; line-height: 31px;}
#productsChars .hoverLinks a, #productsChars .hoverLinksAll a { color:#323232; }
#productsChars .hoverLinks a:hover, #productsChars .hoverLinksAll a:hover { color:#00a6d6; text-decoration: none; }
#productsChars .hoverLinksAll a { padding: 0 3px; }
/* Matryca zakladka */
#productsChars .matrixZakladka { position:fixed; bottom: 10px; left: -360px; height:132px; z-index: 3; }
#productsChars .matrixZakladka .content { height:98px; float:left; padding:17px; background: #fff; -webkit-box-shadow: 0.5px 0.5px 2px 1px ; box-shadow:  0.5px 0.5px 2px 1px ; font-size: 12px;}
#productsChars .matrixZakladka .content .navigation { line-height: 28px; width:150px; float: right; }
#productsChars .matrixZakladka .content .navigation a { float:left; display:block; margin-right: 10px;}
#productsChars .matrixZakladka .content .summary { line-height: 28px; width:200px; float: left; }
#productsChars .matrixZakladka .content .summary span.cena { font-family: 'LatoBold'; font-size:18px;}
#productsChars .matrixZakladka .content .element { width:91px; height: 61px; float: left; margin-left: 3px; border: 1px solid #d3d3d3;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; color:#333333; line-height: 61px; position: relative;}
#productsChars .matrixZakladka .content .element .closeBox { position: absolute; top:3px; right:4px; background: url("../img/icon/icon_x_lightgray_9x9.png") no-repeat; cursor: pointer; display: none; height: 9px; width: 9px;}
#productsChars .matrixZakladka .content .element.blockedBox .closeBox { display:block; }
#productsChars .matrixZakladka .content .element img { width: 79px; margin:0 auto;}
#productsChars .matrixZakladka .trigger { float:right; height: 132px; width:12px; background: url('../img/icon/icon_arrow_left_white_6x9.png') no-repeat center center #414141; cursor:pointer; }

/* MATRIX nowy */
#productsChars .ofertaContent { position: relative; overflow: hidden; }
#productsChars .ofertaContent .carouselNextContent { position: absolute; top:21px; right:0px; width: 90px; display:none; height: 100%; }
/*#productsChars .ofertaContent .carouselNextContent.zakres { top:61px; }*/
#productsChars .carouselNextZakres { padding: 20px 0; }
#productsChars .matryceTable { table-layout: fixed; width: 100%; font-size: 12px; border-collapse: collapse; width: 1120px; }
#productsChars .matryceTable th { border-top:1px solid #e5e5e5;  }
#productsChars .matryceTable td { border:1px solid #e5e5e5; }
#productsChars .matryceTable tr.hoverTR td { border-top:1px solid #000 !important; }
#productsChars .matryceTable th { vertical-align: top; }
#productsChars .matryceTable td { vertical-align: middle; }
#productsChars .matryceTable td.center { text-align: center; }
#productsChars .matryceTable th { font-family:'LatoBold'; font-weight: normal; text-align: left; text-transform: uppercase; padding-top: 5px !important; padding-bottom: 10px !important; height: 30px; }
#productsChars .matryceTable th.zakres, #productsChars .matryceTable th.wylaczenia { height: 90px; }
#productsChars .matryceTable th.grey, #productsChars .matryceTable th.grey { background:#f1f1f1 !important; color: #f1f1f1 !important; }
#productsChars .matryceTable .oferta { width: 150px; padding: 35px 10px; vertical-align:top }
#productsChars .matryceTable .zestawienie { width: 140px; padding: 0 15px; }
#productsChars .matryceTable .zestawienie.big { width: 405px; padding: 0 15px; }
#productsChars .matryceTable .zaletyIWady { width: 430px; padding:0 15px; }
#productsChars .matryceTable .zakres { width: 140px; padding: 0 15px; }
#productsChars .matryceTable .wylaczenia { width: 140px; padding: 0 15px; }
#productsChars .matryceTable .procedury { width: 400px; padding: 0 15px; }
#productsChars .matryceTable .zaletyIWady, #productsChars .matryceTable .zakres, #productsChars .matryceTable .wylaczenia, #productsChars .matryceTable .procedury { display: none; }
#productsChars .matryceTable .uwagi, #productsChars .matryceTable .dokumenty { width: 918px; padding: 0 15px; }
#productsChars .positiveBox , #productsChars .negativeBox  { width:100%; height:150px; text-align: center; }
#productsChars .positiveBox { background: url('../img/icon/icon_ok_20x16.png') center center no-repeat; }
#productsChars .negativeBox { background: url('../img/icon/icon_notok_20x16.png')  center center no-repeat;}
#productsChars .ofertaKategorie { padding:0 20px 20px; display: none; }
#productsChars .ofertaKategorie span { background:#585858; color:#ffffff; padding:3px 10px; font-size:12px; font-family: 'LatoBold'; cursor:pointer; }
#productsChars .ofertaKategorie span.active, #productsChars .ofertaKategorie span:hover { background:#a2a2a2; color:#ffffff; padding:3px 10px; font-size:12px; font-family: 'LatoBold'; cursor:pointer; }
#productsChars table.matryceTable td.center { text-align: center;}
#productsChars table.matryceTable td.formularz { padding-top:15px; }
#productsChars table.matryceTable td.formularz .formCol { width:200px; }
#productsChars table.matryceTable td.formularz .formCol .lineForm { height: 45px; }
#productsChars table.matryceTable td.formularz .formCol label { width:90px; float:left; line-height: 14px; }
#productsChars table.matryceTable td.formularz .formCol select, #productsChars td.formularz .formCol input[type='text'] { width:100px; float:left; }
#productsChars table.matryceTable td.formularz .formCol input[type="checkbox"] { margin:0 5px 5px 90px; float:left;  }
#productsChars table.matryceTable input[type='checkbox'] { margin-right: 5px; }

#productsChars .ofertaColumn { position:relative; z-index: 2; }
#productsChars .ofertaColumn .name { font-size:16px; font-family: 'LatoBold';  }
#productsChars .ofertaColumn .taryfa { font-size:12px; display: block; margin:8px 0; }
#productsChars .ofertaColumn .cena { font-size:18px; font-family: 'LatoBold'; display: block; line-height: 18px; }
#productsChars .ofertaColumn .wystaw { padding:0 10px; margin-left: 10px; }
#productsChars .ofertaColumn .oferta { float: left; width: 130px; padding: 0; }
#productsChars .ofertaColumn input[type='checkbox'] { margin: 0 5px 0 0; float:left; }

#productsChars table.matryceTable tr.active { border-top:1px solid #00a6d6; background:#e5f6fb; }
#productsChars table.matryceTable tr:first-child.active { border-top:1px solid #eaeaea; background:#fff; }



/* hidden objects */
.hiddenObject { display:none; position:absolute; -webkit-box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, 0.4); box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, 0.4); background:#ffffff; z-index: 5; padding:15px 20px; font-size:14px; min-width:200px; }
.hiddenObject .closeButton, .hiddenObject .closeButtonNew { background: url("../img/icon/icon_x_black_9x9.png") no-repeat; cursor: pointer; display: block; height: 9px; position: absolute; right: 20px; top: 10px; width: 9px;}
table.percentTable th { font-family: 'LatoBold'; font-weight: normal; text-align: left; width:120px; }
table.percentTable td { width:100px; text-align: left; padding:3px 1px; }
.hiddenTime { left:-450px; width:800px; }
.hiddenTime .scroll { max-height:180px; overflow: auto; margin:0px 0 10px; }
.hiddenTime .scroll::-webkit-scrollbar {width: 8px;}
.hiddenTime .scroll::-webkit-scrollbar-track { background:#999999;}
.hiddenTime .scroll::-webkit-scrollbar-thumb { background: #333333;}
.hiddenTime .navigation { width:360px; }
.hiddenTime .bottomHiddenObject { padding:0 50px;}
.hiddenTime .bottomHiddenObject .ufgButton{ display:inline; }
.hiddenTime .bottomHiddenObject .preloader{ display:none; }
table.tableTime { width:700px; border-collapse: collapse; border-spacing: 0; font-size: 12px; margin: 0px 50px; }
table.tableTime td { padding: 5px 6px;}
table.tableTime .rowTH td { padding: 0 !important;}
table.tableTime .rowSort td { font-family: 'LatoBold'; vertical-align: middle; height: 20px }
table.tableTime .rowSort td select { margin-left: 5px;}
table.tableTime td.oc,
table.tableTime td.ac { color:#ffffff; font-family: 'LatoRegular'; padding:3px 5px !important; }
table.tableTime td.oc { background: #00a6d6;}
table.tableTime td.ac { background: #0093bd; }
table.tableTime th { font-weight: normal; font-family: 'LatoBold'; text-align: left; padding:10px 6px 5px;}
table.tableTime input[type='text'] { width:77px; }
table.tableTime .short input[type='text'] { width:40px; }
table.tableTime td:first-child input[type='text'] { width:104px; }
table.tableTime td,
table.tableTime th { background: #f4f4f4; }
table.tableTime td:first-child,
table.tableTime th:first-child { width:110px;}
table.tableTime td:last-child,
table.tableTime th:last-child { width:30px; }
table.tableTime td:first-child,
table.tableTime th:first-child,
table.tableTime td:last-child,
table.tableTime th:last-child { background: #ffffff; }
table.tableTime .removeButton { background: url("../img/icon/icon_x_black_9x9.png") no-repeat; cursor: pointer; display: block; height: 9px; width: 9px;}
table.tableTime td.center { text-align:center; }

table.tableTime td span.saveButton { background: url("../img/sprite/sprite_disk_icons_42x14.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: inline-block; height: 14px; margin-bottom: -4px; margin-left: 5px; width: 14px; }

/* skanowanie dowodu */
#modalScan { width:920px; height:502px; font-size:14px; padding:30px 44px; z-index: 7 }
#modalScan input[type='radio'] { margin-left: 20px; }
#modalScan .flashWrapper { width:920px; height: 432px; background:#333333; margin:10px 0;}
#modalScan .navigation .left { margin-left: 3px; line-height: 22px; }
#modalScan .navigation .more { margin-right: 10px; }
/*#modalScan label.inputZalacz { width:85px; height:102px; overflow:hidden; position:relative; display:block; text-indent:-999px; }*/
/*#modalScan label.inputZalacz { background:url('../img/icon/upload_pic.gif'); }*/
#modalScan label.inputZalacz span input { line-height: 0; font-size: 50px; position: absolute; top: -2px; left: -700px; opacity: 0; cursor: pointer; }
#modalScan label.inputZalacz { overflow:hidden; display: block; position:relative; background: #00a6d6; border-style: solid; border-color: #e8e8e8; border-width:0 0 2px 0; color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-family: 'LatoRegular', Arial, sans-serif; font-size: 14px; height: 24px; line-height: 22px; padding: 0 20px; text-align: center; }
#modalScan label.inputZalacz:hover  { background: #39badf; text-decoration: none; }
#modalScan .fileupload-loading { background:url('../img/icon/loader/loading-16.gif'); width:30px; height:30px; display:none; }

/* hidden select risk */
.riskSelect .trigger { height:20px; max-width:350px; background:url('../img/icon/icon_arrow_down_black_17x10.png') no-repeat right center #ffffff; border:1px solid #CCCCCC; line-height: 18px; position: relative; }
.riskSelect .trigger span.triggerSpan { padding:0px 5px 8px; font-size: 12px; cursor: pointer; position: absolute; z-index: 4; top:0; left:-1px; display:block; width:300px;}
.riskSelect .trigger span.active { background: #ffffff; -webkit-box-shadow:  0px -1px 3px -1px rgba(0, 0, 0, 0.4); box-shadow:  0px -1px 3px -1px rgba(0, 0, 0, 0.4); display:inline !important; width:auto !important; cursor: default; }
.riskSelect .trigger .hiddenObject { font-size:14px !important; display:none; position:absolute; top:25px; left:-1px;-webkit-box-shadow:  0px 2px 3px -1px rgba(0, 0, 0, 0.4); box-shadow:  0px 2px 3px -1px rgba(0, 0, 0, 0.4); background:#ffffff; z-index: 5; width:480px; padding:15px 20px; }
.riskSelect .trigger .hiddenObject .form-row { margin:5px 0 !important;}
.riskSelect .trigger .hiddenObject label { font-size:14px !important; float:none !important; text-align: left !important; display:inline !important; padding:0 !important; }
.riskSelect .trigger .hiddenObject .closeButton { background: url("../img/icon/icon_x_black_9x9.png") no-repeat; cursor: pointer; display: block; height: 9px; position: absolute; right: 10px; top: 10px; width: 9px;}


.riskSelect .col {width: 180px;}

/* Artykuły */
#articlesList .mainTop { border:none; }
#articlesList .articles { padding:30px; width:1120px; }
#articlesList .tabsNavigation { height:38px; overflow-y: hidden;}
#articlesList .tabsNavigation ul { list-style-type: none; padding: 0; margin: 0; }
#articlesList .tabsNavigation ul li { display:block; float:left; background:#323232; padding:12px 15px; margin-right:2px; color:#ffffff; font-family: 'LatoBold'; font-size: 12px; text-transform: uppercase; cursor: pointer; }
#articlesList .tabsNavigation ul li:hover, #articlesList .tabsNavigation ul li.selected { background: #ffffff; color:#323232; }
#articlesList .tabsContent { background:#ffffff; padding:45px; }
#articlesList .tabsContent p.title, #articlesList .tabsContent p.title a { font-family: 'LatoBold'; font-size:24px; color:#000000; margin:0 0 5px; line-height: 24px; }
#articlesList .tabsContent p.subtitle, #articlesList .tabsContent p.subtitle a { font-family: 'LatoBold'; font-size:14px; text-transform: uppercase; }
#articlesList .tabsContent .article { margin-bottom: 30px; width:1030px; min-height: 100px;  }
#articlesList .tabsContent .article .image { width:230px; height: 170px; overflow: hidden; float:left; margin:0 15px 0 0; }
#articlesList .tabsContent .article .image img { width:230px; }
#articlesList .tabsContent .article .content { display:inline; color:#333333; font-size:14px; line-height: 18px; }
#articlesList .tabsContent .article .content.full { line-height: 24px; width:840px !important; display:block; }
#articlesList .tabsContent .article .content.full p { margin: 15px 0; }
#articlesList .tabsContent .article .content .subcontent { color:#999999; font-size:14px; line-height: 18px; margin:0 0 5px !important; padding:0; }
#articlesList .tabsContent .article .content .subcontent a { color:#666666; }
#articlesList .tabsContent .article .content .subcontent a.comments { background: url('../img/icon/icon_comment_21x18.png') no-repeat; width:21px; height:18px; font-size: 9px; font-family: 'LatoBold'; color:#000000; display:inline-block; text-align: center; line-height: 18px; }
#articlesList .tabsContent .article .content .subcontent a.comments:hover { text-decoration: none; }
#articlesList .tabsContent .document { margin-bottom: 30px;}
#articlesList .tabsContent .document p.link { margin:20px 0; font-size: 14px; }
#articlesList .tabsContent .document p.link a { color:#00a6d6; }
#articlesList .tabsContent .document p.title,
#articlesList .tabsContent.faq, #articlesList .tabsContent.forum { padding:45px 0;}
#articlesList .tabsContent.faq p.subtitle { font-family: 'LatoBold'; font-size:14px; text-transform: uppercase; padding-left: 45px; }
#articlesList .tabsContent.faq .group { margin-bottom: 30px; }
#articlesList .tabsContent.faq .faqElement { border-top:1px solid #eaeaea; padding:15px 0; font-size:14px; background:url('../img/icon/icon_arrow_down_dark_7x5.png') no-repeat 1070px 20px; cursor: pointer; }
#articlesList .tabsContent.faq .faqElement:last-child { border-bottom:1px solid #eaeaea; }
#articlesList .tabsContent.faq .faqElement.close { background:url('../img/icon/icon_arrow_up_dark_7x5.png') no-repeat 1070px 20px; }
#articlesList .tabsContent.faq .faqElement .pytanie { padding: 0 55px 0 45px;}
#articlesList .tabsContent.faq .faqElement .pytanie a { color: #00a6d6;}
#articlesList .tabsContent.faq .faqElement .odpowiedz { padding:10px 55px 0 75px; display:none; }
#articlesList .tabsContent.forumIn .title { font-family: 'LatoBold'; font-size: 24px; line-height: 30px;  }
#articlesList .tabsContent.forumIn .entry { padding:0 0 40px 0; margin-bottom: 40px; border-bottom:1px solid #eaeaea;}
#articlesList .tabsContent.forumIn .entry .avatar { width: 68px; height: 58px; overflow: hidden; margin:0 auto 5px; background: #333333;}
#articlesList .tabsContent.forumIn .entry .user { width:90px; text-align: center; line-height:16px; padding: 5px 0 0;}
#articlesList .tabsContent.forumIn .entry .time { font-size: 11px; display: block; margin: 10px 0 0 ; color:#999999; }
#articlesList .tabsContent.forumIn .entry .wpis { color:#666666; width:730px }


#articlesList #artileTab .ofertaTabs { font-size:12px; font-family: 'LatoBold' ; line-height: 38px; float: right }
#articlesList #artileTab .ofertaTabs a { background: #00b048; display:inline-block; line-height: 38px; padding:0 25px; color:#ffffff;}
#articlesList #artileTab .ofertaTabs a:hover, #productsChars .ofertaTabs a.active { background: #009018; color:#fff; text-decoration: none; }

.document .doubleSubtitle { padding-left: 10px; }
.document .link { padding-left: 20px; }

/* articles pagination */
#articlesList .centerPagination  { float: right; left: -50%; position: relative; }
#articlesList .centerPagination ul   { left: 50%; list-style-type: none; margin: 0; position: relative; }
#articlesList .centerPagination ul li    { float: left; }
#articlesList .centerPagination ul li span   { color: #000; display: block; font-family: 'LatoLight'; font-size: 0.875em; height: 30px; line-height: 32px; text-align: center; width: 30px; }
#articlesList .centerPagination ul li a  { color: #000; display: block; font-family: 'LatoLight'; font-size: 0.875em; height: 30px; line-height: 32px; text-align: center; width: 30px; }
#articlesList .centerPagination ul li a:hover { color: #a2a2a2; text-decoration: none; }
#articlesList .centerPagination ul li.pagePrev a { background: #f9f9f9 url(../img/icon/icon_arrow_left_black_6x9.png) center center no-repeat; margin-right: 20px; }
#articlesList .centerPagination ul li.pagePrev a:hover   { background: #f9f9f9 url(../img/icon/icon_arrow_left_grey_6x9.png) center center no-repeat; }
#articlesList .centerPagination ul li.pageNext a { background: #f9f9f9 url(../img/icon/icon_arrow_right_black_6x9.png) center center no-repeat; margin-left: 20px; }
#articlesList .centerPagination ul li.pageNext a:hover   { background: #f9f9f9 url(../img/icon/icon_arrow_right_grey_6x9.png) center center no-repeat; }
#articlesList .centerPagination ul li.pageSelected a { background-color: #414141; color: #fff; font-family: 'LatoBold'; }


/* Zakladki ustawien owcy */
#clientAdd .tabContainer { padding:30px; width:1120px; }

/* Artykuły */
#sheepCards {position:relative}
#sheepCards .mainTop { border:none; }
#sheepCards .sheepCard { width: 1080px; padding: 20px; border-top: 1px solid #000000; }
#sheepCards .tabsNavigation { height:38px; overflow-y: hidden;}
#sheepCards .tabsNavigation ul { list-style-type: none; padding: 0; margin: 0; }
#sheepCards .tabsNavigation ul li { display:block; float:left; background:#eee; padding:12px 15px; margin-right:2px; color:#000; font-family: 'LatoLight'; font-size: 12px; text-transform: uppercase; cursor: pointer; }
#sheepCards .tabsNavigation ul li:hover { background: #626262; color:#fff; }
#sheepCards .tabsNavigation ul li.selected { background: #323232; color:#fff; }
#sheepCards .tabsNavigation ul li.help { background-color: #348504; color: #fff; float: right; margin-right: 0; }
#sheepCards .tabsContent { background:#ffffff; padding:45px; }
#sheepCards .tabsContent p.title, #sheepCards .tabsContent p.title a { font-family: 'LatoLight'; font-size:24px; color:#000000; margin:0 0 5px; line-height: 24px; }
#sheepCards .tabsContent p.subtitle, #sheepCards .tabsContent p.subtitle a { font-family: 'LatoLight'; font-size:14px; text-transform: uppercase; }
#sheepCards .tabsContent .article { margin-bottom: 30px; width:1030px; min-height: 170px;  }
#sheepCards .tabsContent .article .image { width:230px; height: 170px; overflow: hidden; float:left; margin:0 15px 0 0; }
#sheepCards .tabsContent .article .image img { width:230px; }
#sheepCards .tabsContent .article .content { display:inline; color:#333333; font-size:14px; line-height: 18px; }
#sheepCards .tabsContent .article .content.full { line-height: 24px; width:840px !important; display:block; }
#sheepCards .tabsContent .article .content.full p { margin: 15px 0; }
#sheepCards .tabsContent .article .content .subcontent { color:#999999; font-size:14px; line-height: 18px; margin:0 0 5px !important; padding:0; }
#sheepCards .tabsContent .article .content .subcontent a { color:#666666; }
#sheepCards .tabsContent .article .content .subcontent a.comments { background: url('../img/icon/icon_comment_21x18.png') no-repeat; width:21px; height:18px; font-size: 9px; font-family: 'LatoLight'; color:#000000; display:inline-block; text-align: center; line-height: 18px; }
#sheepCards .tabsContent .article .content .subcontent a.comments:hover { text-decoration: none; }
#sheepCards .tabsContent .document { margin-bottom: 30px;}
#sheepCards .tabsContent .document p.link { margin:20px 0; font-size: 14px; }
#sheepCards .tabsContent .document p.link a { color:#00a6d6; }
#sheepCards .tabsContent .document p.title,
#sheepCards .tabsContent.faq, #sheepCards .tabsContent.forum { padding:45px 0;}
#sheepCards .tabsContent.faq p.subtitle { font-family: 'LatoLight'; font-size:14px; text-transform: uppercase; padding-left: 45px; }
#sheepCards .tabsContent.faq .group { margin-bottom: 30px; }
#sheepCards .tabsContent.faq .faqElement { border-top:1px solid #eaeaea; padding:15px 0; font-size:14px; background:url('../img/icon/icon_arrow_down_dark_7x5.png') no-repeat 1070px 20px; cursor: pointer; }
#sheepCards .tabsContent.faq .faqElement:last-child { border-bottom:1px solid #eaeaea; }
#sheepCards .tabsContent.faq .faqElement.close { background:url('../img/icon/icon_arrow_up_dark_7x5.png') no-repeat 1070px 20px; }
#sheepCards .tabsContent.faq .faqElement .pytanie { padding: 0 55px 0 45px;}
#sheepCards .tabsContent.faq .faqElement .pytanie a { color: #00a6d6;}
#sheepCards .tabsContent.faq .faqElement .odpowiedz { padding:10px 55px 0 75px; display:none; }
#sheepCards .tabsContent.forumIn .title { font-family: 'LatoLight'; font-size: 24px; line-height: 30px;  }
#sheepCards .tabsContent.forumIn .entry { padding:0 0 40px 0; margin-bottom: 40px; border-bottom:1px solid #eaeaea;}
#sheepCards .tabsContent.forumIn .entry .avatar { width: 68px; height: 58px; overflow: hidden; margin:0 auto 5px; background: #333333;}
#sheepCards .tabsContent.forumIn .entry .user { width:90px; text-align: center; line-height:16px; padding: 5px 0 0;}
#sheepCards .tabsContent.forumIn .entry .time { font-size: 11px; display: block; margin: 10px 0 0 ; color:#999999; }
#sheepCards .tabsContent.forumIn .entry .wpis { color:#666666; width:730px }



/* dictionary */
#articlesList .dictionary { overflow: hidden; }
#articlesList .dictionary .dictionaryCol1 { width:444px; border-right:1px solid #eaeaea; margin-bottom: -20000px; padding:0 50px 20000px 0; }
#articlesList .dictionary .dictionaryCol2 { width:445px; margin-bottom: -20000px; padding:0 0 20000px 50px; }
#articlesList .dictionary p.title { font-size:14px; text-transform: uppercase; margin-bottom: 15px;}
#articlesList .dictionary .dictionaryElement { margin-bottom: 30px; font-size:14px;}
#articlesList .dictionary .dictionaryElementFull { line-height: 24px; font-size:14px; width:840px; }
#articlesList .dictionary .dictionaryElementFull p { margin-bottom:20px; }
#articlesList .dictionary .dictionaryPrevNext { margin: 20px 0 0; }
#articlesList .dictionary .dictionaryPrevNext .prev,
#articlesList .dictionary .dictionaryPrevNext .next { color:#000000; font-family: 'LatoLight'; font-size: 14px; }
#articlesList .dictionary .dictionaryPrevNext .prev { background: url('../img/icon/icon_arrow_left_black_6x9.png') no-repeat left center; padding-left: 20px; float: left; }
#articlesList .dictionary .dictionaryPrevNext .next { background: url('../img/icon/icon_arrow_right_black_6x9.png') no-repeat right center; padding-right: 20px; float: right; }
/* dictionary alphabet */
.dictionaryAlphabet { text-align: center; width:810px; margin:0px auto;}
.dictionaryAlphabet a { display:block; float:left; width:25px; height:25px; line-height: 25px; text-align: center; font-size:14px; background:#00a6d6; color:#ffffff; margin:0 1px;}
.dictionaryAlphabet a:hover, .dictionaryAlphabet a.active { background:#008cb4; text-decoration: none; }
.dictionaryLetter { background:#00a6d6; color:#ffffff; width:58px; height:58px; font-size: 32px; line-height: 58px; text-align: center; font-family: 'LatoBold' }
/* forum */
#articlesList .forum table { width:100%; font-size: 14px; border-collapse: collapse;  }
#articlesList .forum table th { font-family: 'LatoBold'; font-weight: normal; text-align: left; text-transform: uppercase; vertical-align: top; padding:0 30px 10px; }
#articlesList .forum table th.colA { width:480px; }
#articlesList .forum table th.colB { width:210px; }
#articlesList .forum table th.colD { width:170px; }
#articlesList .forum table td { border-bottom:1px solid #eaeaea; border-top: 1px solid #eaeaea; padding:10px 30px;}
#articlesList .forum table a.title { color:#00a6d6; }
#articlesList .forum table span.time { font-size: 11px; color: #999999; display: block; }
#articlesList .forum .buttonLeft { margin-left: 30px; }

/* Policy Add */
#policyAdd .title { font-family: 'LatoBold'; font-size: 0.875em; margin-bottom: 10px;}
#policyAdd .subtitle { font-size: 14px; }
#policyAdd .subtitle span { font-family: 'LatoBold'; }
#policyAdd .form-container { padding: 30px; font-size: 14px; }
#policyAdd .form-container .label { margin-right: 20px; font-size: 16px; }
#policyAdd .form-container .lokal-container .lokal { margin-right: 10px; font-size: 16px; }
#policyAdd .form-container label { margin-left: 5px; font-size: 14px; }
#policyAdd .form-container input[type='text'].f35 { width:35px;  }
#policyAdd .form-container input[type='text'].f75 { width:75px;  }
#policyAdd .form-container input[type='text'].f88 { width:88px; margin-right: 5px;  }
#policyAdd .form-container input[type='text'].f144 { width:144px; margin-right: 5px;  }
#policyAdd .form-container input[type='radio'] { margin-left:60px; }
#policyAdd .form-container input[type='radio']:first-child { margin-left:0; }
#policyAdd .form-container select { width:144px; margin-right:5px; }
#policyAdd .form-container .col1, #policyAdd .form-container .col2 { width:260px; float: left; margin-right: 20px;}
#policyAdd .form-container .colspan2 { width:520px; float: left; margin-right: 20px;}
#policyAdd .importantText { font-family: 'LatoBold'; font-size: 22px; margin: 12px 0;}

/* #policyAdd .deleteEquipment { display:none; }*/
/*#policyAdd .form-element { width:650px; float:left; margin-right: 10px; line-height:20px;  }*/
#policyAdd .form-element .separateElement { margin-bottom: 10px; }
#policyAdd .form-container .separateElement input[type='text'],
#policyAdd .form-container .separateElement select { float: left; }
#policyAdd .form-container textarea { width:420px; height:100px; }
#policyAdd .hiddenNotatka { display: none;}
#policyAdd .issue_cession { padding-left: 0px;}
#policyAdd .containerElementAddress{ padding-top:0; }
#policyAdd .containerElementOwner .title { margin-left:20px; }
#policyAdd .form-element > input[readonly="readonly"], #policyAdd .form-element > select[readonly="readonly"] { background-color:#E4E4E4; color: #666666; }
#policyAdd #mtu-matched-address-list {list-style: none;}
#policyAdd #mtu-matched-address-list > li {display: block; vertical-align: top; margin-bottom: 10px;}
#policyAdd #mtu-matched-address-list > li > input[type=radio] {vertical-align: top;}
#policyAdd #mtu-matched-address-list > li > label {display: inline-block;}


#offerAdd .subtitle { margin-left:20px; }
#offerAdd #matrixSortLink:hover { text-decoration:underline; cursor: pointer }


/* Policy list */
#owceList table.tableList tr td.colA  { width: 33px; }
#owceList table.tableList tr td.colB  { width: 24px; }
#owceList table.tableList tr td.colC  { padding-left: 10px; padding-right: 5px; width: 140px; }
#owceList table.tableList tr td.colD  { padding-right: 5px; width: 125px; }
#owceList table.tableList tr td.colE  { padding-right: 5px; width: 145px; }
#owceList table.tableList tr td.colR  { padding-right: 5px; width: 105px; }
#owceList table.tableList tr td.colF  { width: 80px; }
#owceList table.tableList tr td.colG  { width: 60px; }
#owceList table.tableList tr td.colH  { width: 60px; }
#owceList table.tableList tr td.colI  { padding-right: 5px; width: 95px; }
#owceList table.tableList tr td.colJ  { padding-left: 20px; width: 100px;}
#owceList table.tableList tr td.colK  { width: 100px; }
#owceList table.tableList tr td.colA,
#owceList table.tableList tr td.colB    { text-align: center; }
#owceList table.tableList tr td.colC,
#owceList table.tableList tr td.colD,
#owceList table.tableList tr td.colE,
#owceList table.tableList tr td.colF,
#owceList table.tableList tr td.colG,
#owceList table.tableList tr td.colH,
#owceList table.tableList tr td.colI,
#owceList table.tableList tr td.colJ,
#owceList table.tableList tr td.colK    { text-align: left; }
#owceList #tableListCount table tr td.colCount.colOne { width: 180px; }
#owceList #tableListCount table tr td.colCount.colThree { width: 270px; }
#owceList #tableListCount table tr td.colCount.colTwo { width: 370px; }

#owceList table.tableList tbody .trHead .colA:nth-child(3)  { text-align: left; }

/* ustawienia konta */
#accountSettings p.subtitle { font-family: 'LatoRegular'; padding-left:170px; text-align: left;  }
#accountSettings .bold { font-family: 'LatoRegular'; }
#accountSettings .f80 { width:80px; margin-right:5px; }
#accountSettings .form-element { margin: 0 0 10px 10px; font-size: 14px; }
#accountSettings .label { padding-left: 170px; text-align: left; width: 180px; }
#accountSettings .godzinyPracy .form-element { width:280px; }
#accountSettings .powiadomieniaCheckboxGroup .label { width:380px; padding-left: 170px; text-align: left; }
#accountSettings .powiadomieniaCheckboxGroup .form-element { width:50px; text-align: center; margin-bottom: 20px; }
#accountSettings .powiadomieniaCheckboxGroup .subtitle { text-align: left; padding-left: 0; }
#accountSettings .powiadomieniaSwitchGroup .label,
div#accountSettings .kalendarzGroup .form-row .label
{ width:180px; padding-left: 170px; text-align: left; }
#accountSettings .settingsNavigation {  }
#accountSettings .settingsNavigation .left { margin-right: 5px; }
#accountSettings .accountSwitch { width:50px; height:19px; background: url('../img/sprite/sprite_on-off_radio_50x38.png'); cursor:pointer; }
#accountSettings .accountSwitch input { position: relative; left: 100px; visibility: hidden;}
#accountSettings .accountSwitch.off { background-position: 0 0;}
#accountSettings .accountSwitch.on { background-position: 0 -19px !important;}

#accountSettings .kalendarzGroup .label2 {width: 500px;}
#accountSettings .kalendarzGroup {display:none;}

/* kalendarze */
#clientCalendar .calendarContainer { position: relative; float:left; margin-left: 140px; z-index:1; }
#clientCalendar .calendarContent { width:980px; background: #f3f3f3; padding:30px; }
#clientCalendar #calendarAgent {height: 1.66em;}
#clientCalendar .calendarSidebar { width:90px; position: fixed; bottom:30px; left:80px; font-size: 12px; font-family: 'LatoLight' }
#clientCalendar .calendarSidebar .element { line-height: 30px; margin-bottom: 10px; position: relative; cursor:pointer; text-align: right; padding-right: 40px; }
#clientCalendar .calendarSidebar .element span { display:block; width:30px;; height: 30px; position: absolute; right:0; top:0;}
#clientCalendar .calendarSidebar .element span.holiday { background: #f4f4f4;  border:1px solid #e5e5e5;}
#clientCalendar .calendarSidebar .element span.vacation { background: #ffba00; }
#clientCalendar .calendarSidebar .element span.installment { background: #8144ba; }
#clientCalendar .calendarSidebar .element span.mobile,
.desktopTasks .tRow .tColLeft .mobile,
.desktopTasks .tRow .tColRight .mobile,
.desktopTasks .tRow .tColLeft .phone,
.desktopTasks .tRow .tColRight .phone
{ background: #ff6600; }
#clientCalendar .calendarSidebar .element span.meeting,
.desktopTasks .tRow .tColLeft .meeting,
.desktopTasks .tRow .tColRight .meeting
{ background: #ba4486; }
#clientCalendar .calendarSidebar .element span.policy,
.desktopTasks .tRow .tColLeft .policy,
.desktopTasks .tRow .tColRight .policy
{ background: #0079ad; }
#clientCalendar .calendarSidebar .element span.task,
.desktopTasks .tRow .tColLeft .task,
.desktopTasks .tRow .tColRight .task
{ background: #ff0000; }
#clientCalendar .calendarSidebar .element span.sms,
#clientCalendar .calendarSidebar .element span.phone,
.desktopTasks .tRow .tColLeft .sms,
.desktopTasks .tRow .tColRight .sms
{ background: #009018; }
.desktopTasks .tRow .tColLeft .installment,
.desktopTasks .tRow .tColRight .installment
{ background: #8144ba; }

#clientCalendar .calendarNavigation { padding: 0 30px 0 0; line-height: 40px;}
#clientCalendar .calendarNavigation .monthNav, #clientCalendar .calendarNavigation .buttonRight { line-height: 30px; padding: 10px 0; }
#clientCalendar .calendarNavigation .monthNav a { display:inline-block; width:30px; height:30px; margin-right: 0px;}
#clientCalendar .calendarNavigation .prevMonth { background: url('../img/icon/icon_arrow_left_black_6x9.png') no-repeat center #f9f9f9; margin-left: 10px;}
#clientCalendar .calendarNavigation .nextMonth { background: url('../img/icon/icon_arrow_right_black_6x9.png') no-repeat center #f9f9f9;}
#clientCalendar .calendarNavigation .month { font-size:18px; margin: 0px 5px 0px 5px;}
#clientCalendar .calendarNavigation .calendarNav { float:right; margin-right:300px; font-size: 14px; }
#clientCalendar .calendarNavigation .calendarNav span { padding: 10px 20px 22px; background: #ffffff; cursor: pointer;}
#clientCalendar .calendarNavigation .calendarNav span.active, #clientCalendar .calendarNavigation .calendarNav span:hover { background: #f3f3f3}

#clientCalendar .calendarNav span a {color: #000;}
#clientCalendar .calendarNav span a:hover {text-decoration: none;}

#clientCalendar .calendarTableMonth { width: 976px; border-collapse: separate;}
#clientCalendar .calendarTableMonth th { width:138px; background: #292929; color:#ffffff; font-family: 'LatoRegular'; font-size: 11px; height: 34px; line-height: 34px;}
#clientCalendar .calendarTableMonth td { border:1px solid #f3f3f3; background: #ffffff; min-height:80px; vertical-align: top; padding:10px 0 10px 10px; cursor: pointer; }
#clientCalendar .calendarTableMonth td.active, #clientCalendar .calendarTableMonth td:hover { border:1px solid #000000;}
#clientCalendar .calendarTableMonth td:first-child { padding:10px 0 10px 10px;}
#clientCalendar .calendarTableMonth td:last-child { padding:10px;}
#clientCalendar .calendarTableMonth td.inactive { color: #cccccc; cursor: default }
#clientCalendar .calendarTableMonth td.inactive:hover { border:1px solid #f3f3f3; }
#clientCalendar .calendarTableMonth td.weekend { background: #e7e7e7; }
#clientCalendar .calendarTableMonth td.today { background: #ffd; }
#clientCalendar .calendarTableMonth td div.content { width:100%; height:100%; position:relative; font-size: 18px;}
#clientCalendar .calendarTableMonth td div.events { height:30px; margin-bottom: 5px; }
#clientCalendar .calendarTableMonth td span { display:block; margin-left: -10px; height:30px; width:100%; line-height: 30px; color:#ffffff; font-family: 'LatoLight'; font-size:14px; padding-left: 10px; }
#clientCalendar .calendarTableMonth td span.start {width:118px;margin-left: 0; }
#clientCalendar .calendarTableMonth td span.end { width:118px; }
#clientCalendar .calendarTableMonth td span.one { font-family: 'LatoBold'; width:30px;margin-left:0; float:left; margin-right: 1px; padding: 0; text-align: center;   }
#clientCalendar .calendarTableMonth td span.day { width:108px; padding:0 0 0 10px;margin-left: 0;  }
#clientCalendar .calendarTableMonth td span.day.holiday { width:70px; position:absolute; top:0; right:10px; height: 20px; line-height:20px; }
#clientCalendar .calendarTableMonth td.weekend span.day.holiday { right:0;}
#clientCalendar .calendarTableMonth td span.vacation.start:before { content: 'Urlop';}
#clientCalendar span.holiday { background: #f4f4f4; color:#333333 !important;  border:1px solid #e5e5e5; }
#clientCalendar span.mobile { background: #ff6600; }
#clientCalendar span.meeting { background: #ba4486; }
#clientCalendar span.policy { background: #0079ad; }
#clientCalendar span.task { background: #ff0000; }
#clientCalendar span.vacation { background: #ffba00; }
#clientCalendar span.sms { background: #009018; }
#clientCalendar span.phone { background: #009018; }
#clientCalendar span.installment { background: #8144ba; }

#clientCalendar .addTermWyniki { font-size: 12px; padding: 5px 115px; line-height: 18px;  }
#clientCalendar .addTermWyniki span { color:#00A6D6; }
#clientCalendar .addTermWyniki span:hover { cursor:pointer; text-decoration: underline; }

#clientDetail .addTermWyniki { font-size: 12px; padding: 5px 115px; line-height: 18px;  }
#clientDetail .addTermWyniki span { color:#00A6D6; }
#clientDetail .addTermWyniki span:hover { cursor:pointer; text-decoration: underline; }

#clientCalendar .eventOpacity { -moz-opacity: 0.20 !important;  opacity: 0.20 !important; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20) !important; }

#clientCalendar .calendarTableDay { width:100%; }
#clientCalendar .calendarTableDay th { background: #292929; color:#ffffff; font-family: 'LatoRegular'; text-transform: uppercase; font-size: 11px; height: 34px; line-height: 34px;}
#clientCalendar .calendarTableDay th a { background: #292929; color:#ffffff; font-family: 'LatoRegular'; text-transform: uppercase; font-size: 11px; height: 34px; line-height: 34px;}
#clientCalendar .calendarTableDay th:first-child  { width: 60px; }
#clientCalendar .calendarTableDay .eventsGroupElement { background:#eeeeee; border:1px solid #f3f3f3; float:left; font-family: 'LatoLight'; font-size: 12px; margin: 0 10px 0 0; line-height: 30px; color:#000000; }
#clientCalendar .calendarTableDay .eventsGroupElement div { float:left; padding: 0 10px;}
#clientCalendar .calendarTableDay .eventsGroupElement span { float:right; width:30px; height: 30px; display:block; color:#ffffff; text-align: center; font-family: 'LatoBold'; font-size: 14px; }
#clientCalendar .calendarTableDay .eventsGroupElement.holiday span { background: #ff6600; }
#clientCalendar .calendarTableDay .eventsGroupElement.meeting span { background: #ba4486; }
#clientCalendar .calendarTableDay .eventsGroupElement.policy span { background: #0079ad; }
#clientCalendar .calendarTableDay .eventsGroupElement.mobile span { background: #ff6600; }
#clientCalendar .calendarTableDay .eventsGroupElement.sms span { background: #009018; }
#clientCalendar .calendarTableDay .eventsGroupElement.phone span { background: #009018; }
#clientCalendar .calendarTableDay .eventsGroupElement.task span { background: #ff0000; }
#clientCalendar .calendarTableDay .eventsGroupElement.vacation span { background: #ffba00; }
#clientCalendar .calendarTableDay .eventsGroupElement.installment span { background: #8144ba; }
#clientCalendar .calendarTableDay .eventsGroupElement.holiday { background:#f4f4f4; border:1px solid #e5e5e5; color:#333333; padding:0 10px; font-size:14px; }
#clientCalendar .calendarTableDay td { background: #ffffff; border:1px solid #f3f3f3; height: 40px; vertical-align: top; padding: 2px 0; }
#clientCalendar .calendarTableDay tr.allDay td { background: #f3f3f3; padding:10px 0; height:30px;}
#clientCalendar .calendarTableDay td:first-child { color:#999999; vertical-align: top; text-align: center; font-size: 14px; font-family: 'LatoLight'; line-height: 40px;  }
#clientCalendar .calendarTableDay td:first-child span.full { font-family: 'LatoRegular'; font-size: 18px; color:#000000;}
#clientCalendar .calendarTableDay td  { height: 40px; position:relative; }
#clientCalendar .calendarTableDay td  {border-bottom: 1px dotted #ededed;}
#clientCalendar .calendarTableDay td .eventGroupDay { cursor:pointer; overflow: hidden; border:5px solid #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color:#ffffff; height:40px; margin:0; background:#eeeeee; line-height: 30px; font-size: 14px; font-family: 'LatoLight'; position: absolute; }
#clientCalendar .calendarTableDay td .eventGroupDay > div { padding: 0 10px; float:left; color:#000000;}
#clientCalendar .calendarTableDay td .eventGroupDay div.client,
#clientCalendar .calendarTableDay td .eventGroupDay div.sheep { font-family: "LatoRegular"; font-size:10px; line-height: 14px; display: inline-block; margin-left: 10px;}
/*#clientCalendar .calendarTableDay td .eventGroupDay span.spanHE {  background-color: #FFFFFF; display: none; left: 0; padding: 5px 25px 5px 0; position: absolute; top: -5px; white-space: nowrap; }*/
/*#clientCalendar .calendarTableDay td .eventGroupDay:hover span.spanHE { display: block; z-index: 1; }*/

#clientCalendar .calendarTableDay.calendarTableWeek td .eventGroupDay div.client,
#clientCalendar .calendarTableDay.calendarTableWeek td .eventGroupDay div.sheep {
    display: block; margin: 0; max-width: 90px;
}

#clientCalendar .calendarTableDay td .eventGroupDay span.h { display:block; float:left; height:100%; text-align: center; color:#ffffff; padding:0 10px; font-family: 'LatoBold'}
#clientCalendar .calendarTableDay .eventGroupDay.holiday span { background: #ff6600; }
#clientCalendar .calendarTableDay .eventGroupDay.meeting span { background: #ba4486; }
#clientCalendar .calendarTableDay .eventGroupDay.policy span { background: #0079ad; }
#clientCalendar .calendarTableDay .eventGroupDay.mobile span { background: #ff6600; }
#clientCalendar .calendarTableDay .eventGroupDay.sms span  { background: #009018; }
#clientCalendar .calendarTableDay .eventGroupDay.phone span  { background: #009018; }
#clientCalendar .calendarTableDay .eventGroupDay.task span { background: #ff0000; }
#clientCalendar .calendarTableDay .eventGroupDay.vacation span { background: #ffba00; }
#clientCalendar .calendarTableDay .eventGroupDay.installment span { background: #8144ba; }
#clientCalendar .calendarTableDay td .fullDay { width:100%; text-align: left; height: 30px; line-height: 30px; color: #ffffff; border:none; margin: 5px 0 0; position:static;}
#clientCalendar .calendarTableDay td .eventGroupDay.vacation { background: #ffba00; }
#clientCalendar .calendarTableDay td .eventGroupDay.vacation:before { content: 'Urlop';  padding: 0 10px;}
#clientCalendar .calendarTableDay td .eventGroupDay span.hidden { position: absolute; height: 30px; width: 100%; top:0; left:10px; padding-left: 10px; display: none; background:#eeeeee; color:#000000; }
#clientCalendar .calendarTableDay td .eventGroupDay:hover span.hidden {display:block; position:absolute; width: 200px; height: 40px;}
#clientCalendar .calendarTableDay .calendar-rate { width:82px; height:33px; position:absolute; top:-22px; left:-88px; background: url('../img/calendar_rate.png') no-repeat; }
#clientCalendar .calendarTableDay .calendar-rate.visible { display:block; }
#clientCalendar .calendarTableDay .calendar-rate.half { top:25px; }
#clientCalendar .calendarTableDay .taskCompleted { background-image: url('../img/DiagonalLines.png') !important; }
.sunsat { background: #e7e7e7 !important; border-color: inherit;}
.today { background: #ffd !important;}

#clientCalendar .calendarModalTd,
#automotiveDetail .calendarModalTd,
#propertyDetail .calendarModalTd,
#policyDetailContainer .calendarModalTd,
#clientDetail .calendarModalTd { padding: 30px; width:700px; position: relative;}
#clientCalendar .calendarModalTd .form-row,
#automotiveDetail .calendarModalTd .form-row,
#propertyDetail .calendarModalTd .form-row,
#policyDetailContainer .calendarModalTd .form-row,
#clientDetail .calendarModalTd .form-row { margin-bottom: 15px; }
#clientCalendar .calendarModalTd .label,
#automotiveDetail .calendarModalTd .label,
#propertyDetail .calendarModalTd .label,
#policyDetailContainer .calendarModalTd .label,
#clientDetail .calendarModalTd .label { width:110px; padding-right: 15px; float:left; text-align: right; position: relative;  }
#clientCalendar .calendarModalTd .custom-combobox,
#automotiveDetail .calendarModalTd .custom-combobox,
#propertyDetail .calendarModalTd .custom-combobox,
#policyDetailContainer .calendarModalTd .custom-combobox,
#clientDetail .calendarModalTd .custom-combobox { position: relative; display: inline-block; }
#clientCalendar .calendarModalTd .custom-combobox-toggle,
#automotiveDetail .calendarModalTd .custom-combobox-toggle,
#propertyDetail .calendarModalTd .custom-combobox-toggle,
#policyDetailContainer .calendarModalTd .custom-combobox-toggle,
#clientDetail .calendarModalTd .custom-combobox-toggle { position: absolute; top: 0; bottom: 0; right:0; background:url('../img/icon/icon_arrow_down_black_17x10.png') no-repeat center; width: 17px; height: 22px; padding: 0; /* support: IE7 */ height: 1.7em; *top: 0.1em; }
#clientCalendar .calendarModalTd .custom-combobox-input,
#automotiveDetail .calendarModalTd .custom-combobox-input,
#propertyDetail .calendarModalTd .custom-combobox-input,
#policyDetailContainer .calendarModalTd .custom-combobox-input,
#clientDetail .calendarModalTd .custom-combobox-input { margin: 0; padding: 0em; width: 75px; }
#clientCalendar .calendarModalTd .custom-combobox .ui-button-icon-primary
#automotiveDetail .calendarModalTd .custom-combobox .ui-button-icon-primary
#propertyDetail .calendarModalTd .custom-combobox .ui-button-icon-primary
#policyDetailContainer .calendarModalTd .custom-combobox .ui-button-icon-primary
#clientDetail .calendarModalTd .custom-combobox .ui-button-icon-primary { display:none;}

#clientCalendar .hiddenObject,
#automotiveDetail .hiddenObject,
#propertyDetail .hiddenObject,
#policyDetailContainer .hiddenObject,
#clientDetail .hiddenObject { position:fixed; z-index: 200;}
#clientCalendar .calendarModalTd .form-row > span,
#automotiveDetail .calendarModalTd .form-row > span,
#propertyDetail .calendarModalTd .form-row > span,
#policyDetailContainer .calendarModalTd .form-row > span,
#clientDetail .calendarModalTd .form-row > span { margin: 0 10px;}
#clientCalendar .calendarModalTd .buttonRight,
#automotiveDetail .calendarModalTd .buttonRight,
#propertyDetail .calendarModalTd .buttonRight,
#policyDetailContainer .calendarModalTd .buttonRight,
#clientDetail .calendarModalTd .buttonRight { width: 130px; line-height: 24px; }
#clientCalendar .f90,
#automotiveDetail .f90,
#propertyDetail .f90,
#policyDetailContainer .f90,
#clientDetail .f90 { width:90px; }
#clientCalendar .f60,
#automotiveDetail .f60,
#propertyDetail .f60,
#policyDetailContainer .f60 { width:60px; }
#clientCalendar .f385,
#automotiveDetail .f385,
#propertyDetail .f385,
#policyDetailContainer .f385,
#clientDetail .f385 { width:385px; }
#clientCalendar .f250, #clientCalendar textarea,
#automotiveDetail .f250, #automotiveDetail textarea,
#propertyDetail .f250, #propertyDetail textarea,
#policyDetailContainer .f250, #policyDetailContainer textarea,
#clientCalendar textarea, #clientCalendar textarea,
#clientDetail .f250, #clientDetail textarea { width:250px;  }
#clientCalendar .moreInfoContent,
#automotiveDetail .moreInfoContent,
#propertyDetail .moreInfoContent,
#policyDetailContainer .moreInfoContent,
#clientDetail .moreInfoContent { left:95px; }
#clientCalendar .ajax-powiazania,
#automotiveDetail .ajax-powiazania,
#propertyDetail .ajax-powiazania,
#policyDetailContainer .ajax-powiazania,
#clientDetail .ajax-powiazania { font-size:14px; position:relative; width:280px; margin-bottom:10px; }
#clientCalendar .ajax-powiazania div.image,
#automotiveDetail .ajax-powiazania div.image,
#propertyDetail .ajax-powiazania div.image,
#policyDetailContainer .ajax-powiazania div.image,
#clientDetail .ajax-powiazania div.image { width:35px; height: 35px; float:left; margin-right:10px; }
#clientCalendar .ajax-powiazania div.details,
#automotiveDetail .ajax-powiazania div.details,
#propertyDetail .ajax-powiazania div.details,
#policyDetailContainer .ajax-powiazania div.details,
#clientDetail .ajax-powiazania div.details { float:left; line-height: 18px; }
#clientCalendar .ajax-powiazania span.name,
#automotiveDetail .ajax-powiazania span.name,
#propertyDetail .ajax-powiazania span.name,
#policyDetailContainer .ajax-powiazania span.name,
#clientDetail .ajax-powiazania span.name { font-family: 'LatoRegular'; font-weight:bold; }
#clientCalendar .ajax-powiazania a.delete,
#automotiveDetail .ajax-powiazania a.delete,
#propertyDetail .ajax-powiazania a.delete,
#policyDetailContainer .ajax-powiazania a.delete,
#clientDetail .ajax-powiazania a.delete {display:block !important; background:url('../img/icon/icon_x_black_9x9.png'); width:9px; height:9px; position:absolute; top:10px; right:0; text-indent: -9999px; }

#clientCalendar .calendarEventInfo { padding:20px; width: 570px; }
#clientCalendar .calendarEventInfo .belka { background: #292929; color: #ffffff; height: 30px; line-height: 30px; font-size:14px; }
#clientCalendar .calendarEventInfo .belka .date { padding: 7px 10px; font-weight: bold; }
#clientCalendar .calendarEventInfo .belka a { color: #fff }
#clientCalendar .calendarEventInfo .title { margin: 20px 10px 10px; font-size: 24px; font-weight: bold; display: block; }
#clientCalendar .calendarEventInfo .subtitle { margin: 5px 10px 20px; font-size: 18px; display: block; }
#clientCalendar .calendarEventInfo .greyBox { padding: 20px 20px 0px; background: #f3f3f3; font-size: 12px; }
#clientCalendar .calendarEventInfo .greyBox a { color: #00a6d6; }
#clientCalendar .calendarEventInfo .bigger { text-transform: uppercase; font-weight: bold; font-size: 12px; display:block; margin:30px 0 5px; padding: 10px; }
#clientCalendar .calendarEventInfo .bigger.border { border-top:1px solid #000; }
#clientCalendar .calendarEventInfo table { width:100%; font-size: 12px; border-collapse: collapse; }
#clientCalendar .calendarEventInfo table td, #clientCalendar .calendarEventInfo table th { vertical-align: top; padding: 5px 10px; text-align: left; border-bottom:1px solid #e5e5e5; }
#clientCalendar .calendarEventInfo table .colC { color:#999999; text-align: right; }
#clientCalendar .calendarEventInfo .scrollHigh { max-height: 450px; overflow-y: auto }
#clientCalendar select#chosen_sheep_id { width: 200px; margin-right: 10px }

/* input file */
.inputFile {font-family: 'LatoRegular', Arial, sans-serif;  border:2px solid #e8e8e8; border-width:0 0 2px 0; background-color:#00a6d6; position:relative; display:block; width:80px; height: 22px; overflow: hidden; color: #ffffff !important; line-height:22px !important; font-size: 14px !important; padding:0  !important; }
.inputFile:hover { background-color:#39badf; }
.inputFile span input { line-height: 0; font-size: 50px; position: absolute; top: -2px; left: -700px; opacity: 0; cursor: pointer; }

#statistic-tabs .boxTabs { background-color: #f3f3f3; height: 50px; }
#statistic-tabs .boxTabs .tabButton  { cursor: pointer; }
#statistic-tabs .boxTabs .tabTitle   { color: #333; float: left; font-family: 'LatoLight'; font-size: 1.5em; line-height: 50px; padding-left: 20px; }
#statistic-tabs .boxTabs .tabCounter { float: right; font-family: 'LatoBold'; font-size: 0.875em; padding: 10px 10px 0 0; }
#statistic-tabs .boxTabs .tabCounter span    { background-color: #fff; color: #999; display: block; height: 30px; line-height: 30px; text-align: center; width: 30px; }
#statistic-tabs .boxTabs .tabOne { float: left; width: 355px; }
#statistic-tabs .boxTabs .tabTwo { float: left; width: 355px; }
#statistic-tabs .boxTabs .tabSelected    { background-color: #000; }
#statistic-tabs .boxTabs .tabSelected .tabTitle  { color: #fff; }
#statistic-tabs .boxTabs .tabSelected .tabCounter span   { background-color: #585858; color: #fff; }

#statistic-tabs #tabOne td {padding: 10px 5px;}


.sheep_link {
    color: #1188C6;
}
/* dodawanie uprawnień */
#grantingPrivileges .label { margin-right: 10px; }
#grantingPrivileges .form-row { margin-bottom: 10px; }
#grantingPrivileges .form-element { margin-right: 18px; width: auto; }
#grantingPrivileges .w200 { width:200px !important; }
#grantingPrivileges .w250 { width:250px !important; }
#grantingPrivileges .w300 { width:300px !important; }
#grantingPrivileges .w50 { width:50px !important; }
#grantingPrivileges select, #grantingPrivileges input[type='text']{ height:22px; line-height:22px; font-size: 16px; }
#grantingPrivileges .inputContainer .label { text-align:right; margin-right: 15px; width:310px; padding-left: 15px; }

#grantingPrivileges .privilegesTable { width: 100%; font-size: 14px; }
#grantingPrivileges .privilegesTable th, #grantingPrivileges .privilegesTable td { padding:5px 15px; }
#grantingPrivileges .privilegesTable th { background: #ffffff; vertical-align: top; text-align: left; font-size: 11px; font-family: 'LatoBold'; height: 30px; }
#grantingPrivileges .privilegesTable td { vertical-align: middle; }
#grantingPrivileges .privilegesTable .colA { width: 130px; }
#grantingPrivileges .privilegesTable .colB { width: 220px; }
#grantingPrivileges .privilegesTable .colC { width: 190px; }
#grantingPrivileges .privilegesTable .colD { width: 160px; }
#grantingPrivileges .privilegesTable .colE { width: 130px; }
#grantingPrivileges .privilegesTable input[type='text'] { width:105px; margin-right: 10px; font-size: 13px; }
#grantingPrivileges .privilegesTable input[type='checkbox'] { margin-right: 5px; }
#grantingPrivileges .privilegesTable tr.special { background:#e9e9e9; }
#grantingPrivileges .privilegesTable tr.special strong { font-weight: normal; font-family: 'LatoBold'; }
#grantingPrivileges .ar { float: left; }

#grantingPrivileges .privilegesTable tr.accessRow.hidden { display: none; }

#grantingPrivileges .form-container { padding:0 50px 50px; }
#grantingPrivileges .formDuplicate { padding:50px; }

.detailOwcaHeader .dhRight { width: 350px !important; }
.detailOwcaHeader .dhLeft { width:760px !important; }
.detailOwcaHeader .dhLeft .dhInsideLeft { width: 640px !important; }
.detailOwcaHeader .dhName img,
#clientDetail .dhName img { top: -3px; position: relative; }
.detailOwca .button-bw-30,
#clientDetail .button-bw-30 { background: #ffffff; border: 1px solid #9f9f9f; line-height: 30px; height: 30px; display: block; color: #000; max-width:230px; text-align: center; font-size: 13px; }
.detailOwca .boxesBot ol,
#clientDetail .boxesBot ol { list-style-type: none; margin: 0; }
.detailOwca .boxesBot ol li,
#clientDetail .boxesBot ol li { -moz-box-sizing: border-box; display: table; float: left; font-family: 'LatoLight'; height: 47px; margin: 0 0 5px 2px; position: relative; text-align: center; width: 70px; }
.detailOwca .boxesBot ol li span.closeBox,
#clientDetail .boxesBot ol li span.closeBox { background: url("../img/icon/icon_x_white_5x5.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 5px; position: absolute; right: 2px; top: 3px; width: 5px; }
.detailOwca .boxesBot ol li.emptyBox span.closeBox, .detailOwca .boxesBot ol li.blockedBox span.closeBox,
#clientDetail .boxesBot ol li.emptyBox span.closeBox, #clientDetail .boxesBot ol li.blockedBox span.closeBox { display: none; }
.detailOwca .boxesBot ol li.emptyBox,
#clientDetail .boxesBot ol li.emptyBox { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-color: #E8E8E8; border-image: none; border-style: solid; border-width: 1px 1px 3px; color: #D3D3D3; font-size: 0.625em; }
.detailOwca .boxesBot ol li.emptyBox:before,
#clientDetail .boxesBot ol li.emptyBox:before { content: attr(value); line-height: 41px; }
.detailOwca .boxesBot ol li.defaultBox a,
#clientDetail .boxesBot ol li.defaultBox a { border-bottom: 2px solid #E8E8E8; color: #FFFFFF; display: table-cell; font-size: 0.6875em; height: 45px; line-height: 14px; vertical-align: middle; width: 70px; }
.detailOwca .boxesBot ol li.defaultBox a:hover,
#clientDetail .boxesBot ol li.defaultBox a:hover { text-decoration: none; }
.detailOwca .boxesBot ol li.defaultBox a,
#clientDetail .boxesBot ol li.defaultBox a { background-color: #ffd400; }
.detailOwca .boxesBot ol li.blockedBox a,
#clientDetail .boxesBot ol li.blockedBox a { background-color: #ffd400; }
.detailClientStats .statsTabs ul   { height: 38px; list-style-type: none; margin: 0; width: 780px; }
.detailClientStats .statsTabs ul li    { float: left; height: 38px; margin-right: 2px; }
.detailClientStats .statsTabs ul li span   { background-color: #292929; color: #fff; cursor: pointer; display: inline-block; font-family: 'LatoBold'; font-size: 0.75em; height: 38px; line-height: 36px; padding: 0 25px; text-transform: uppercase; }
.detailClientStats .statsTabs ul li span:hover { background-color: #404040; }
.detailClientStats .statsTabs ul li span.rtSelected,
.detailClientStats .statsTabs ul li span.rtSelected:hover  { background-color: #fff; color: #000; cursor: default; }
.detailClientStats .statsTabsSelect { width: 280px; line-height:38px; font-size: 13px; display:none}
.detailClientStats .statsTabsSelect1 { width: 310px; line-height:38px; font-size: 13px; }
.detailClientStats .statsTabsSelect .right { margin-left: 10px; }
.detailClientStats .statsTabsSelect select { width:220px; margin: 10px 0 0; font-size: 13px; }
.detailClientStats .detailStatsContent { background: #fff; width: 540px; }
.detailClientStats .detailStatsContent .content2 { display:none; }
.detailClientStats .detailStatsContent .content3 { display:none; }
.detailClientStats .detailStatsContent .content4 { display:none; }
.detailClientStats .detailStatsContent .content5 { display:none; }
.detailClientStats .detailStatsContent .content6 { display:none; }
.detailClientStats .detailStatsContent .content7 { display:none; }
.detailClientStats .detailStatsContent table { border-collapse: collapse; font-size: 13px; }
.detailClientStats .detailStatsContent td { padding: 7px 25px; border-bottom: 1px solid #eee; }
.detailClientStats .detailStatsContent .colA { width: 380px; }
.detailClientStats .detailStatsContent .colB { width: 60px; font-weight: bold; border-left: 1px solid #eee; }
.detailClientStats .detailStatsContent .statsRaport { padding: 25px; }
.detailClientStats .detailStatsContent .statsRaport .reportStatContainer { background: url("../img/icon/ajax-loader_big.gif") no-repeat scroll center center transparent; height: 250px; width: 500px; }
.detailClientStats .detailStatsContent .statsRaport table td{ padding: 0; border: 0; }
.diCol710 .blue-button { margin: 0 0 0 20px;}
.detailClientStats #sheepsListNetworkSales .colM span {margin-left: 6px;}
.detailClientStats #sheepsListNetworkSales .colN,
.detailClientStats #sheepsListNetworkSales .colP {text-align: right;}
.detailClientStats #sheepsListNetworkSales .colQ {text-align: center;}
.detailClientStats #sheepsListNetworkSales .colQ.positive { color: #63C900; }
.detailClientStats #sheepsListNetworkSales .colQ.negative { color: #F00; }
.detailClientStats #sheepsListNetworkSales .colQ.neutral { color: #000; }

/* szczegoly OWCA - listing podowiec*/
.detailClientStats .detailStatsContent #sheepsListContent .trHeadWhite { text-transform:uppercase; font-size:0.876em;}
.detailClientStats .detailStatsContent #sheepsListContent .trHeadWhite .colA { padding-left:20px; }
.detailClientStats .detailStatsContent #sheepsListContent .trClient { font-size:1.2em; }
.detailClientStats .detailStatsContent #sheepsListContent .colA, .detailClientStats .detailStatsContent #sheepsListContent .colB { padding: 9px; width: auto;}
.detailClientStats .statsTabs #printStructure { margin-left: 10px; }
.detailClientStats .statsTabs #addKnfDoc { margin-left: 10px; display: none; }
.detailClientStats #sheepsListContent td { padding-right: 5px }
.detailClientStats .detailStatsContent td { padding: 7px 25px; border-bottom: none; }
.detailClientStats #sheepsListContent .trSort td { padding: 0; border-bottom: none; }

/* forms */
#verificationFormContainer { position: fixed; top:0; left:0; z-index: 200; width: 100%; height: 100%; font-size:14px; overflow:auto}
#verificationFormContainer .verificationFormContent { width:420px; margin: 0 auto; background-color:#fff; padding: 30px; position: relative; margin:0 auto; top:100px; -webkit-box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, 0.4); box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, 0.4); }
#verificationFormContainer .verificationFormContent .closeButton,
#verificationFormContainer .verificationFormContent .closeButtonNew { background: url("../img/icon/icon_x_black_9x9.png") no-repeat; cursor: pointer; display: block; height: 9px; position: absolute; right: 10px; top: 10px; width: 9px;}
#verificationFormContainer .verificationFormContent input { float:left; }
#verificationFormContainer .scrollHigh { max-height: 400px; overflow-y: auto;}
#verificationFormContainer.harmListBlock input[type="text"], #verificationFormContainer.harmListBlock input { width: 120px; }
#verificationFormContainer.harmListBlock input[type="checkbox"] { width: 90px; }
#verificationFormContainer.harmListBlock select.harmKind { width: 128px; }
#verificationFormContainer.harmListBlock table th, #verificationFormContainer.harmListBlock table td { padding:4px 0; text-align: left; background:none !important }
#verificationFormContainer.harmListBlock table .colA { width: 130px; }
#verificationFormContainer.harmListBlock table .colB { width: 175px; }
#verificationFormContainer.harmListBlock table .colE { width:90px; text-align: center }
#verificationFormContainer.harmListBlock table .colC { width:50px; }
#verificationFormContainer.harmListBlock table .colCC { width:45px; }
#verificationFormContainer.harmListBlock table .colEE { width:70px; }
#verificationFormContainer.harmListBlock .scroll { max-height: 150px; overflow: auto; }
#verificationFormContainer .deleteHarm { background:url('../img/icon/icon_x_dark_9x9.png') no-repeat; display:block; width: 9px; height:9px; text-indent: -9000px; cursor: pointer; }

/*#ordersSummary{background-color: #FFFFFF; border: 4px solid #F8F8F8; padding: 5px; position: fixed; right: 0; top: 95px; width: 200px; z-index: 200;}*/
.ordersWaitBlock{position: relative;}
.ordersWaitSubBlock{background: #fff; text-align:center;position: absolute; z-index: 3; left: -10px; top: -10px; height: 403px; width: 1120px; overflow-y: auto;}
#ordersSummary br {padding-left: 20px;}

.ordersWaitSubBlock .verificationFormContent { width:320px; margin: 0 auto; background-color:#fff; padding: 30px; position: absolute; margin-left:-190px; left:50%; top:100px; -webkit-box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, 0.4); box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, 0.4); }
.ordersWaitSubBlock .verificationFormContent .closeButton,
.ordersWaitSubBlock .verificationFormContent .closeButtonNew { background: url("../img/icon/icon_x_black_9x9.png") no-repeat; cursor: pointer; display: block; height: 9px; position: absolute; right: 10px; top: 10px; width: 9px;}
.ordersWaitSubBlock .verificationFormContent input { float:left; }
.ordersWaitSubBlock .orderLoader { background: url("../img/icon/ajax-loader_big.gif") no-repeat scroll center bottom transparent; font-size: 24px; height: 87px; margin: 80px auto auto; width: 205px; }

table.tableList tbody tr.trClient .highlight { background-color: yellow }

#notificationFormContainer { position: fixed; top:0; left:0; z-index: 200; width: 100%; height: 100%; font-size:14px; }
#notificationFormContainer .notificationForm {  width:640px; margin: 0 auto; background-color:#fff; padding:10px 30px; position: absolute; margin-left:-320px; left:50%; top:70px; -webkit-box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, 0.4); box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, 0.4); }
#notificationFormContainer .notificationForm .closeButton { background: url("../img/icon/icon_x_black_9x9.png") no-repeat; cursor: pointer; display: block; height: 9px; position: absolute; right: 10px; top: 10px; width: 9px;}
#notificationFormContainer .notificationFormContent .notification-message a { color: steelblue; }
#notificationFormContainer .modal-header .close::after { content: unset !important; }


#additionalEquipment{width:500px;}
input.accessError{ background-color: #FFF4F4; }

.changes_to_accept {border:1px solid #dcdcdc}
.changes_to_accept a {text-decoration:none; color:steelblue; font-weight:bold;}
.changes_to_accept th {text-align:left; background-color:#dcdcdc}
.changes_to_accept tr td {cursor:pointer;}
.changes_to_accept tr.even td {background-color:#ececec}
.changes_to_accept tr.accepted td {background-color:#88f475!important}
.changes_to_accept tr:hover td {background-color:#dcdcdc}

#notificationNotifier {
    position:fixed;
    right: 10px;
    bottom: 10px;
    width:150px;
    padding:10px;
    background-color:#000;
    border: 1px solid gray;
    border-radius: 10px;
    cursor:pointer;
    color:white;
    display:none;
    text-align:center;
}

#commissionList tr.good td,
#commissionList tr.good td .spanHE {background-color:#ddffdd!important}
#commissionList tr.almostGood td,
#commissionList tr.almostGood td .spanHE {background-color:#ffffbb!important}
#commissionList tr.bad td,
#commissionList tr.bad td .spanHE {background-color:#ffdddd!important}
#commissionReportsList tr.bad td,
#commissionReportsList tr.bad td .spanHE {background-color:#ffdddd!important}
#commissionListSaved tr.good td {background-color:#ddffdd!important}
#commissionListSaved tr.almostGood td {background-color:#ffffbb!important}
#commissionListSaved tr.bad td {background-color:#ffdddd!important}

#div_report_popup, #csv_save_popup {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1000;
}

#div_report_popup > div {
    width:900px;
    margin:50px auto;
    background-color:white;
    padding:10px;
    position:static!important;
}

#csv_save_popup > div {
    width:500px;
    margin:50px auto;
    background-color:white;
    padding:10px;
    position:static!important;
}

#div_report_popup .modalInside > div,
#csv_save_popup .modalInside > div {
    margin-top:15px; overflow:auto; max-height:400px;
}

#div_report_popup table {border:10px solid #f8f8f8; width:860px; margin:0 auto; background-color:#f8f8f8}
#div_report_popup table th,
#div_report_popup table td {font-size:14px; padding:5px; border:1px solid; border:1px solid #e0e0e0; border-collapse:collapse}
#div_report_popup table th {text-align:left;}
#div_report_popup table textarea {width:250px; height:50px; font-size:14px;}
#div_report_popup .emailFList ul,
#csv_save_popup .emailFList ul { list-style-type: none; margin: 0; clear:both;}
#div_report_popup .emailFList ul li,
#csv_save_popup .emailFList ul li  { background-color: #eee; color: #333; font-family: 'LatoBold'; font-size: 12px; line-height: 16px; margin-bottom: 5px; padding: 6px 29px 5px 7px; position: relative; width: 198px; }
#div_report_popup .emailFList ul li,
#csv_save_popup .emailFList ul li  { -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#div_report_popup .emailFList ul li span.deleteButton,
#csv_save_popup .emailFList ul li span.deleteButton  { background: url(../img/icon/icon_x_black_9x9.png) 0 0 no-repeat; cursor: pointer; display: inline-block; height: 9px; position: absolute; right: 9px; top: 9px; width: 9px; }
#csv_save_popup #csv_report_log {max-height:250px; font-size:14px; overflow:auto; padding:0px 5px; margin:10px 0;}

/* error site */
body.error404 { background: none repeat scroll 0 0 #FFFFFF; }
body.error404 .error404 { margin: 10% auto; width: 500px; text-align: center; }
.error404 .big_big { color: #DE2272; font: 118px Arial; letter-spacing: -10px; margin: 50px auto;}
.error404 .tekst { color: #4E4E4E; font: 18px Arial; }
.error404 .logo { padding: 100px 0 0; text-align: center; }

.tariffPlanTab {border:2px solid #f3f3f3; display:block; float:left; margin:3px 10px 3px 0; color:white; background-color:steelblue; padding:5px; cursor:pointer}
.tariffPlanTab:hover, .tariffPlanTab.active { background-color:lightsteelblue; color:#333}

#client-ufg .verificationFormContent{ text-align: center;}
#client-ufg .verificationFormContent input { float: none; margin: 0 auto; }
#client-ufg .form-row{ margin-bottom: 5px; }
#client-ufg .form-row .label { float: left; line-height: 20px; margin-right: 10px; position: relative; text-align: right; width: 115px;}
#client-ufg .form-row .form-element { float: left; line-height: 20px; margin-right: 10px; position: relative; text-align: right; width: 185px; }

#verificationFormContainer .mTitle { font-family: 'LatoBold'; font-size: 1em; text-transform: uppercase;}

.offerExpiredInfo {display: block; width: 1120px; height: auto; float:left}
.offerExpiredInfo .clientOfferInfo{border-bottom: 1px solid #E5E5E5; float:left}
.offerExpiredInfo .clientOfferInfo .clientOfferInfoLeft{float:left; width: 115px}
.offerExpiredInfo .clientOfferInfo .clientOfferInfoRight{float:left; margin-left:10px;  width: 950px;}
.offerExpiredInfo .extendedBlock { height: 62px; padding-left: 40px; background-color: #FFFFFF; }
td.folded_offer span.cena,
td.folded_offer span.name ,
td.folded_offer span.taryfa,
td.folded_offer span.wystaw,
td.folded_offer.formularz.zestawienie > div,
td.folded_offer.skladowe.zestawienie > div
{display:none!important;}

td.folded_offer.oferta .clear {
    border:medium none!important;
}

td.folded_offer.skladowe .cena {
    display:block!important;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    font-family: 'LatoBold';
}
td.folded_offer.skladowe .produkty {
    display:block!important;
    text-align:center;
    font-size:14px;
    font-family: 'LatoRegular';
    padding-top:10px;
    color:#666;
}

td.folded_offer.formularz .edytuj {
    display:block!important;
    width:100px;
    margin:0 auto;
}
td.folded_offer.formularz .addons_info {
    display:block!important;
    padding: 10px;
}

td.folded_offer {
    padding-top:5px!important;
    padding-bottom:0!important;
    vertical-align:middle!important;
}

.matrix_select {
    margin-left:5px;
    background-image:url(/img/sprite/sprite_pencil_icons_24x12.png);
    float:left;
    position:relative;
    overflow:hidden;
    width:12px;
    height:12px;
}

.matrix_select:hover {
    background-position:right top;
}

.matrix_select.hidepencil {
    display:none;
}

.addon_place {
    color:#00a6d6;
}


.modalBackground{font-size: 14px; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 200;}
.modalBackground .modalInner{background-color: #FFFFFF; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4); left: 50%; margin: 0 auto 0 -290px; padding: 30px; position: absolute; top: 100px; width: 395px;}
.modalBackground .modalInner .closeButton { background: url("../img/icon/icon_x_black_9x9.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; display: block; height: 9px; position: absolute; right: 10px; top: 10px; width: 9px;}
#accountSettings #changePasswordForm .label {width: 100px; padding-left: 0;}
#accountSettings #changePasswordForm .form-element {width: auto;}
#accountSettings #changePasswordForm .form-element p {margin: 0 0 0.025em;}
#accountSettings #changePasswordForm .navigation {width: 100px;}

#desktop .desktopOverview .oRow .oCol .oButton a#oOffers {
    background-color: #ff8b00;
    color:#fff;
    background-image: url(../img/icon/icon_plus_white_10x10.png);
}

#desktop .desktopOverview .oRow .oCol .oButton a#oOffers:hover {
    background-color: #ff6600;
}

.ajax_curtain {
    left:0; top:0; display:none; font-size:30px; color:#333; position:fixed; width:100%; height:100%; text-align:center; z-index:1050; background:rgba(255,255,255,0.8);
}

.ajax_curtain_black {
    background:rgba(32,32,32,0.75);
}

.ajax_curtain > div {
    box-shadow: 0 0 5px #ddd; border-radius: 5px; background-color:white; display:inline-block; margin:100px auto; padding:20px; position: relative;
}

.ajax_curtain_black > div {
    box-shadow: 0 0 5px #555;
}

.info_curtain {
    position:fixed;
    width:100%;
    top:0;
    left:0;
    background-color:#000;
    background-color:rgba(0,0,0,0.8);
    padding:10px 0;
    color:white;
    z-index:1051;
    border-bottom: 1px solid #777;
    cursor:pointer;
    display:none;
}

.info_curtain > div {
    width: 800px;
    margin: 0 auto;
}

.info_curtain > div > img {
    display:block;
    float:left;
    margin-right:5px;
}

.info_curtain > div small {
    font-size:10px;
    color:#aaa;
}

.info_curtain a {
    color: #FFFFFF; font-weight: bold; white-space: nowrap;
}

#policy .firstFormAgreements {
    position: relative;
    width: 310px;
}

.pp_checkbox, .pp_checkbox2 {
    display:none;
}

.pp_checkbox + label {
    position:relative;
    left:-2px;
    display:inline-block;
    background-image:url(../img/pp/check_empty.png);
    background-repeat:no-repeat;
    background-position: left middle;
    padding-left:20px;
    height:22px;
}

.pp_checkbox:checked + label {
    background-image:url(../img/pp/check_checked.png);
}

.pp_checkbox2 + label {
    position:relative;
    display:inline-block;
    background-image:url(../img/pp/check2_empty.png);
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:25px;
    height:24px;
    font-size:16px;
}

.pp_checkbox2:checked + label {
    background-image:url(../img/pp/check2_checked.png);
}

.popup_curtain,
.questionnaire_curtain {left:0; top:0; display:none; font-size:30px; color:#333; position:fixed; width:100%; height:100%; text-align:center; z-index:1000; background:rgba(255,255,255,0.8);}
.popup_curtain_black,
.questionnaire_curtain_black {background:rgba(32,32,32,0.75);}
.popup_curtain > div,
.questionnaire_curtain > div{box-shadow: 0 0 5px #ddd; border-radius: 5px; background-color:white; display:inline-block; margin:100px auto; padding:20px;}
.popup_curtain_black > div,
.questionnaire_curtain_black > div{box-shadow: 0 0 5px #555; width: 1000px;}
.popup_head,
.questionnaire_head{margin:20px;}
.popup_description,
.questionnaire_description {margin:20px;}

#clientAdd .form-element input.mailInput { width: 215px; }
.mail_radio { display:none; }
.mail_radio + label { padding: 2px 6px; }
.mail_radio:checked + label { background-color:#7A7979; color:#fff; padding: 2px 6px; }
a.buttonEdit   { background: url(../img/sprite/sprite_pencil_icons_24x12.png) 0 0 no-repeat; cursor: pointer; display: inline-block; height: 12px; margin-left: 5px; width: 12px; }
a.buttonEdit:hover { background: url(../img/sprite/sprite_pencil_icons_24x12.png) -12px 0 no-repeat; }
a.buttonMoveRight   { background: url(../img/sprite/sprite_arrowRight_12x24.png) 0 0 no-repeat; cursor: pointer; display: inline-block; height: 12px; margin-left: 5px; width: 12px; }
a.buttonMoveRight:hover { background: url(../img/sprite/sprite_arrowRight_12x24.png) -12px 0 no-repeat; }
a.buttonMoveLeft   { background: url(../img/sprite/sprite_arrowLeft_12x24.png) 0 0 no-repeat; cursor: pointer; display: inline-block; height: 12px; margin-left: 5px; width: 12px; }
a.buttonMoveLeft:hover { background: url(../img/sprite/sprite_arrowLeft_12x24.png) -12px 0 no-repeat; }
.availablePlans .buttonMoveRight {display:none}
.chosenPlan .buttonMoveLeft {display:none}
.chosenPlan > div, .availablePlans > div {background-color:#f8f8f8; border-radius:5px; padding:10px; margin:5px;}
.minValueAlerter {display:block; padding:5px; border-radius:5px; color:#666}

#tableListTopBar .miniForm #formTag .closeButton { background: url("../img/icon/icon_x_black_9x9.png") no-repeat; cursor: pointer; display: block; height: 9px; position: absolute; right: 10px; top: 10px; width: 9px; padding: 0}

.tableSlider { width: 1120px; overflow-x: scroll; }

#tableListCount table.detailSummary tr td { padding: 0 3px }
#tableListCount table.detailSummary tr td.colCountDetail .countNumber { font-size: 0.85em !important; }
#tableListCount table.detailSummary tr td.colCountDetail { height:40px !important; }


.mainWrapper { width: 1050px; padding: 0 50px; }
.logoBeltWrapper { border: 10px solid #fff; border-radius: 5px; box-shadow: 0 0 2px #999; margin: 20px auto; position: relative; }
.logoBeltContainer {left: 0px; top: 0px;}
#logoBelt .logoOne { border: 1px solid #e4e4e4; float: left; height: 124px; margin: 5px; padding: 10px 5px 5px; position: relative; text-align: center; width: 124px; cursor: pointer }
#logoBelt .logoOne img{ max-height: 100px; }
#logoBelt { height: 150px; overflow: hidden; position: relative; width: 1020px; }
#logoBelt ul { list-style: none outside none; margin: 0; padding: 0; position: relative; width: 20000em; }
#logoBelt li { float: left; height: 100px; margin-right: 1px; width: 150px; }

.jcarousel-control-prev, .jcarousel-control-next { background: none repeat scroll 0 0 #4e443c; border-radius: 30px; box-shadow: 0 0 2px #999; color: #fff; font: 24px/27px Arial,sans-serif; height: 30px; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 0 1px #000; top: 60px; width: 30px; }
.jcarousel-control-prev { left: -50px; }
.jcarousel-control-next { right: -50px; }
.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; }
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { cursor: default; opacity: 0.5; }


.iconContainer {padding-top: 3px; border-top: 1px solid #e4e4e4}
.iconContainer {width: 40px; float: left; opacity: 0.8;}

.iconAll { float: right; height: 18px; width: 18px;}
.issueIcon { background: url("/img/icon/mini/compose16x16.png") no-repeat scroll 1px 1px rgba(0, 0, 0, 0); border-bottom: 1px green solid }
.calculationIcon { background: url("/img/icon/mini/calculator16x16.png") no-repeat scroll 1px 1px rgba(0, 0, 0, 0); border-bottom: 1px orange solid }
.noneIcon { background: url("/img/icon/mini/empty16x16.png") no-repeat scroll 1px 1px rgba(0, 0, 0, 0); border-bottom: 1px red solid}
.nothinIcon { background: url("/img/icon/mini/nothin16x16.png") no-repeat scroll 1px 1px rgba(0, 0, 0, 0); border-bottom: 1px red solid}
.correctIcon { background: url("/img/icon/mini/correct16x16.png") no-repeat scroll 1px 1px rgba(0, 0, 0, 0); border-bottom: 1px green solid }

.report_process_result {
    padding: 10px 20px;
    background-color: #fff;
    margin: 20px 2px;
    display: none;
    position:relative;
}
.report_process_result_container {
    padding: 10px 20px;
    margin: 20px 2px;
    display: none;
    position:relative;
}

.commission_report_table {
    border-collapse: collapse;
    border:1px solid #ddd;
    width:100%;
}

.policy_report_table {
    border-collapse: collapse;
    border:1px solid #ddd;
    width:100%;
    background-color: #fff;
}

.commission_report_table td, .commission_report_table th {
    padding:10px 5px;
    border:1px solid #ddd;
}

.commission_report_table th {
    background-color:#f2f2f2;
}

.commission_report_table td,
.policy_report_table td {
    text-align:center;
}

.commission_report_table td.amount  {
    text-align:right;
}

.icon_button {
    opacity:0.5;
    transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -webkit-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
    -ms-transition: opacity 0.25s ease-out;
}

.icon_button:hover {
    opacity:1;
}

.agentcardTable td {
    border-left:1px dotted #dfdfdf;
}
.agentcardTable tr:hover td, .agentcardTable td.hl {
    background-color:#eee!important;
}

.agentcardTable tr.notstarted td {
    background-color:#f8f8f8;
}

.agentcardTable tr.finished td {
    background-color:#cfc;
}

.agentcardTable .col0, .agentcardTable tr:hover td.col0, .agentcardTable tr td.col0.hl {
    background-color:#fff!important;
}

.priviliged{
    color:lime;
}

select.userSelect{
    width:150px;
    background-color:#000;
    color:#fff;
    font-family:LatoLight
}

.table-rules tr td{
    text-align: left;
}

#errorReason ul {margin:0;}
#errorReason ul li {line-height: 24px; text-align:left; list-style: inside none; position:relative;}
#errorReason ul li .hiddenElement {float: left; width: 130px; margin-left: 7px}

.offer-edit-inf { padding: 0px 0px 10px 0; text-align:center; }
.important  {
    background-color: #ff0000 !important;
}

.modalDiscountLink, .modalInsSumLink {
    clear:both;
    width: 200px;
    margin: 10px 0;
}

.modalDiscount { font-size: 12px; }
.modalDiscount input[type="checkbox"]  { margin:0 5px 5px 90px; float:left;  }
.modalDiscount .topElements { font-size: 1.25em; margin: 0 0 10px 0; }
.modalDiscount .discount_place { color: #00a6d6; }
.modalDiscount .optionBlock { margin: 10px 0; padding: 10px 0; background-color: #f3f3f3; border: 1px solid #e5e5e5; border-radius: 9px; float: left; clear:left}
.modalDiscount .form-row { line-height: 20px; position: relative; }
.modalDiscount .form-row .label { float: left; margin-right: 10px; position: relative; text-align: right; width: 165px; }
.modalDiscount .form-row .form-element { float: left; margin-right: 10px; width: 200px; }
.modalDiscount .discountPoolContainer { border-top: 1px solid #f3f3f3; margin-top: 10px; padding-top: 10px; }

#agentMatrix table.matryceTable td.formularz .formCol .modalDiscount label.mTitle,
#agentMatrix table.matryceTable td.formularz .formCol .modalDiscount label.moreInfo,
.modalDiscount label.moreInfo { width: auto; }
#agentMatrix table.matryceTable td.formularz .formCol .modalDiscount .riskName,
.modalDiscount .riskName { height: auto; margin:10px 0; font-weight:bold; border-bottom: 1px solid #f3f3f3; }
#agentMatrix table.matryceTable td.formularz .formCol .modalDiscount .form-row,
.modalDiscount .form-row { margin: 0; clear: both;}
#agentMatrix table.matryceTable td.formularz .formCol .modalDiscount .lineForm,
.modalDiscount .lineForm { height:30px;}
#agentMatrix table.matryceTable td.formularz .formCol .modalDiscount .optionBlock label,
.modalDiscount .optionBlock label{ float: none; }

.modalDiscount .optionBlock .form-row { margin: 5px 0 ; }
.modalDiscount .optionBlock .form-row-checkbox .form-element { width: 165px; }
.modalDiscount .optionBlock .form-row-checkbox .form-element input[type="checkbox"] { float: right; }
.modalDiscount .optionBlock .form-row-checkbox .label { text-align: left; }

.modalDiscount .optionBlock .dateInputDay,
.modalDiscount .optionBlock .dateInputMonth { width: 30px; float: left; margin-right: 5px; }
.modalDiscount .optionBlock .dateInputYear { width: 40px; float: left; margin-right: 5px; }
.modalDiscount .optionBlock .scan { float: left; position: relative;  width: 60px; margin-right: 5px; line-height: 15px; }
.modalDiscount .optionBlock .scan input { display: none;  }

table.tableList tr.trHead td,
table.tableList tr.trHead th { text-align: center; vertical-align: middle; height: 40px; padding: 4px 8px; /* background-color: #585858 */ }

table.detailTableList tr.trClient td, table.tableList tr.trReport td { background-color: #FFFFFF;
                                                                       border: 1px solid #dfdfdf;
                                                                       padding: 3px;
                                                                       color: #333333;
                                                                       font-size: 0.6875em;
                                                                       height: 31px;
                                                                       text-align: center; vertical-align: middle;
}

.relationRadio {float:left}

select#calendarAgent { float: left; height: 30px; margin-right: 5px;}

.tu_box_link {
    color: #00a6d6;
}

div.accessContainer {display:none}

.translated-block { margin: 0 40px 0 40px; }
.translated-block .translated-message { color: #FF6600; }
.translated-block .translated-list { display: inline }
.translated-block .translated-list li{ display: inline; list-style-type: none; padding-right: 10px; }
.translated-messages-group .translated-messages-slider { float: right; width: 30px; }


#lgkAdd {
    z-index: 10000;
    position: fixed;
    width: 100%;
    height: 100%;
    color: #eee;
    font-size: 14px;
    left: 0;
    top: 0;
    background-color:rgba(0,0,0,0.8);
    margin: 0 auto;
    text-align: center;
}

#lgkAdd img {
    margin-top: 100px;
}

.mainSearchHinter {
    position: absolute;
    left: 0px;
    top: 29px;
    width: 364px;
    display:none;
    background-color: white;
    border: 1px solid #eeeeff;
    border-top-width: 0;
}

.mainSearchHinter a {
    display: block;
    font-size: 14px;
    padding: 5px;
    border-top: 1px solid #eeeeff;
    color: #00a6d6;
    text-decoration:none;
}

.mainSearchHinter a:hover {
    background-color: #f8f8ff;
}

.mainSearchHinterRedirect {
    text-decoration: none;
    position: absolute;
    left: 0px;
    top: 29px;
    width: 366px;
    background: #00a6d6;
    border: 0;
    color: #fff;
    font-family: 'LatoBold';
    font-size: 0.875em;
    height: 28px;
    text-transform: uppercase;
    text-align: center;
    display: none;
    line-height: 28px;
}

.mainSearchHinterRedirect:hover {
    background-color: #39badf;
    text-decoration: none;
}

.main-report-table tr td a { font-size: 0.875em; color: #1188c6; }

#agreementForm .navi {margin-top: 10px}
#agreementForm .navi a.blue-button {padding: 3px 10px;font-size: 22px; cursor: pointer}

.width80 { width: 80px !important; }

.tableListAgencyActivity tr td {
    width:7.6%;
}


#sheep_list_form table.tableList tbody td.colA1,
#policyList table.tableList tbody td.colA1 {
    width: 10px;
    padding-left:5px;
}
#policyList .ui-autocomplete-loading { background-image: url(../img/icon/loaders/loading-16.gif); background-position: right 1% center; background-repeat: no-repeat; padding-right: 25px; }

.lp {
    width: 2% !important;
}

#ui-datepicker-div {z-index: 201 !important;}

.singleOfferCurtainContainter{position: relative;}
.singleOfferCurtain{background: url("../img/matrix_bg_hover.png") repeat scroll 0 0 transparent; text-align:center;position: absolute; z-index: 3; left: -10px; top: -10px; height: 403px; width: 1119px;}
.singleOfferCurtain .singleOfferButtons { font-size: 24px; height: 87px; margin: 80px auto auto; width: 250px; }
.singleOfferCurtain span.button-32 { cursor: pointer; display: block; margin-top: 27px; float: left; margin: 5px; padding: 5px 15px; }
.boxesForPolicyAdd .defaultBox.selected { opacity:1!important;}
.boxesForPolicyAdd .defaultBox.selected small { background-color:rgba(0,0,0,0.3); position:absolute; display:block; bottom:2px; left:0; width:120px; border:medium none; padding:0; height:10px;}
.boxesForPolicyAdd .defaultBox {width:120px!important; opacity:0.3;}
.boxesForPolicyAdd .defaultBox a {width:120px!important;}
.risksForPolicyAdd {display:none}
#tuBoxes {display:none}
#tuBoxes div.tuSystem {float:left; padding:10px 25px; width:100px; text-align:center; font-size:12px;}
#tuBoxes div.tuSystem:hover {background-color:#eee; color:#333; border-radius:10px;}
#tuBoxes div.tuSystem:hover img {border-radius:10px;}
#customRisks {display:none}
#companiesBoxes div.tuSystem {float: left; padding: 5px; width: 50px; text-align: center; font-size: 12px; margin: 3px; height: 80px;}

.renewalCurtainContainter{position: relative;}
.renewalCurtain{background: url("../img/matrix_bg_hover.png") repeat scroll 0 0 transparent; text-align:center;position: absolute; z-index: 3; left: -10px; top: -10px; height: 403px; width: 1120px;}
.renewalCurtain .renewalButtons { font-size: 24px; height: 130px; margin: 66px auto auto; width: 280px; }
.renewalCurtain span.button-32 { cursor: pointer; display: block; margin-top: 27px; float: left; margin: 5px 5px 5px 15px; padding: 5px 15px; }
.renewalCurtain .renewalButtons .renewalPrice{ font-size: 30px; }
.renewalCurtain .renewalButtons .renewalPriceText{ font-size: 22px; }

.packetMatrixExemption { color: black; font-size: 1.2em; margin-top: 25px; padding: 0 10px; text-align: left}

#offerLoaderWrapper { position: absolute; height: 2000px; width: 3000x; z-index: 4; background-color: #F3F3F3; }
#offerLoader { border: 1px solid #d3d3d3; margin: 30px 30px; width: 1120px; background-color: #fff; }
.matrix-product-agreement {display:inline; float: none;}
#onlyForBC {display:none}


/* Sidebar left elements */
#boxLeadsHandlingObjects    { list-style-type: none; margin: 0; padding: 3px 0 0 3px; width: 136px; }
#boxLeadsHandlingObjects li { padding-bottom: 1px; display: block; float: left; margin-right: 2px; }
#boxLeadsHandlingObjects li a   { background-image: url("../img/sprite/sprite_sidebar_icons_235x94.png") ; display: block; height: 26px; overflow: hidden; width: 25px; }
#boxLeadsHandlingObjects li.sKlienci a  { background-color: #ffd400; background-position: -5px -5px; background-size: 215px 73px; }
#boxLeadsHandlingObjects li.sKomunikacja a  { background-color: #ff0000; background-position: -41px -3px; background-size: 215px 73px; }
#boxLeadsHandlingObjects li.sNieruchomosci a  { background-color: #6a4bbb; background-position: -77px -3px; background-size: 215px 73px; }
#boxLeadsHandlingObjects li.sPolisy a  { background-color: #0079ad; background-position: -113px -4px; background-size: 215px 73px; }
#boxLeadsHandlingObjects li.sOferty a  { background-color: #00ad79; background-position: -185px -5px; background-size: 215px 73px; }

/* Desktop - Boxes - boxLeads */
#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul  { list-style-type: none; margin: 0; padding-top: 22px; }
#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul li   { line-height: 23px; }
#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul li .leadIcon { cursor: pointer; float: left; border-style: solid; height: 10px; left: 0; line-height: 8px; margin-right: 3px; position: relative; top: 2px; width: 10px; /* color: red */ }
#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul li .leadIcon:hover:before { content:"\00d7"; color:#000; font-size:18px; }

#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul li .leadIconClient { border-color: #FFD400; }
#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul li .leadIconRealties { border-color: #6A4BBB; }
#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul li .leadIconVehicles { border-color: #FF0000; }
#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul li .leadIconPolicies { border-color: #0079AD; }
#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul li .leadIconOffers { border-color: #00AD79; }

#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul li .leadPhone    { background: url(../img/icon/icon_phone_15x17.png) 0 5px no-repeat; height: 22px; }
#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul li .leadMail { background: url(../img/icon/icon_mail_15x11.png) 0 9px no-repeat; height: 20px; }
#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul li .leadName { color: #333; float: left; font-size: 0.820em; width: 300px; }
#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul li .leadName a { color: #333; }
#desktop .desktopBoxes div.boxLeadsHandling .boxContent ul li .leadDate { margin-left: 22px; color: #999; float: left; font-size: 0.6875em; width: 99px; }
#desktop .desktopBoxes div.boxLeadsHandling .boxContent .leadsUlContent { overflow:hidden; height:245px; }
.desktopLoaderImg { left: 150px; position: absolute; top: 100px; }

.boxInactiveClients .couDef, .boxLeads .couDef {
    padding:0 3px;
    width: auto!important;
    cursor: pointer;
}

.boxInactiveClients .active.inactive_clients_trigger_oc,
.boxInactiveClients .active.inactive_clients_trigger_oc_ac,
.boxLeads .active.new_leads_trigger_oc,
.boxLeads .active.new_leads_trigger_oc_ac {
    background-color: red!important;
}

.boxInactiveClients .active.inactive_clients_trigger_dom,
.boxLeads .active.new_leads_trigger_dom {
    background-color: #6a4bbb!important;
}

.boxInactiveClients .active.inactive_clients_trigger_inne,
.boxLeads .active.new_leads_trigger_inne {
    background-color: #0079ad!important;
}

#grantingPrivileges .privilegesTable.accessTable .td { padding-bottom:5px; }
#grantingPrivileges .privilegesTable.accessTable .colA { width: 130px; text-align: center; border-right: 1px solid #E9E9E9; }
#grantingPrivileges .privilegesTable.accessTable .colB { width: 190px; }
#grantingPrivileges .privilegesTable.accessTable .colC0 { width: 135px; text-align:right }
#grantingPrivileges .privilegesTable.accessTable .colC { width: 220px; }
#grantingPrivileges .privilegesTable.accessTable .colD { width: 170px }
#grantingPrivileges .privilegesTable.accessTable .colD0 { text-align:right; width: 45px }
#grantingPrivileges .privilegesTable.accessTable { padding: 5px 5px; }
#grantingPrivileges .privilegesTable.accessTable td.startLine { border-top: 1px solid #E9E9E9; padding-top: 15px; }
#grantingPrivileges .privilegesTable.accessTable td.endLine { padding-bottom: 15px; }
#grantingPrivileges .privilegesTable.accessTable .password { display: none; }
#grantingPrivileges .accessPairsButton { text-align: center; border: 1px solid #000; cursor: pointer; background-color: #fff; }
#grantingPrivileges .emptyAccessPair { /* border-right: 1px solid red; */ }
#grantingPrivileges .privilegesTable.accessTable .companyName { font-weight: bold; margin-bottom: 5px;}
#grantingPrivileges .privilegesTable.accessTable td { padding: 5px 10px; }
#grantingPrivileges .privilegesTable.accessTable tr.ufg { background-color: #fffbdf; }
#grantingPrivileges .privilegesTable.accessTable tr.calculate { background-color: #fff7bf; }
#grantingPrivileges .privilegesTable.accessTable tr.calculateAndIssue { background-color: #fff29a; }
#grantingPrivileges .privilegesTable.accessTable tr.calculateAndIssueApplication { background-color: #FFFD9A; }

#grantingPrivileges .pendingForcedPasswordAcceptForm,
#grantingPrivileges .pendingTokenRequestForm {margin: 15px; padding: 10px; background: #ffd200; position: relative;}
#grantingPrivileges .pendingForcedPasswordAcceptForm .companyLogo { text-align: center; background: #FFF; width: 140px; display:inline-block; font-weight: bold; padding: 20px 5px; }
#grantingPrivileges .pendingForcedPasswordAcceptForm .message,
#grantingPrivileges .pendingTokenRequestForm .message { display: inline-block; padding: 5px 20px; max-width: 870px; font-size: 80%; color: #444; vertical-align: top;}
#grantingPrivileges .pendingTokenRequestForm .message { max-width: 100%; }
#grantingPrivileges .pendingForcedPasswordAcceptForm .message h3 { font-family: 'LatoBold'; font-weight: normal; color: #222; margin-top: 0; }
#grantingPrivileges .pendingForcedPasswordAcceptForm .message input[name=token] { font-family: 'LatoRegular'; width: 230px; height: 32px; font-size: 25px;  }
#grantingPrivileges .pendingTokenRequestForm .passwordForm { padding: 5px 20px; font-size: 80%; display: inline-block; float: left;}
#grantingPrivileges .pendingTokenRequestForm .passwordForm > div {display:inline-block; margin-right: 10px; color: #444;}


.fetch_leads {
    margin:5px auto;
    float:none;
    width:200px;
}

.fetch_leads.disabled {
    background-color:#888!important;
    cursor:not-allowed;
    width:250px!important;
}

#alertsList .trHead td { text-align: left; }
#alertsList .colA { padding-left: 10px; width: 10px;}
#alertsList .colB { padding-left: 5px; width: 250px;}
#alertsList .colC { padding-left: 5px; width: 500px;}
#alertsList .colD { padding: 0 5px; width: 100px;}
#alertsList .colE { padding: 0 5px; width: 150px;}

.hColAlerts {
    width: 40px !important;
    height: 50px !important;
}
.hColAlerts {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 50% !important;
}
.hColAlerts.alert {
    background-image: url(/img/icon/warning_red_alert.png);
    z-index: 100;
}
.hColAlerts .alertsNumber {
    width: 30px;
    height: 90%;
    text-align: left;
    font-size: 80%;
    padding: 10px 0px 0px 26px;
    z-index: 10;
}

.hColAlerts.warning {
    background-image: url(/img/icon/warning_yellow_alert.png);
}

.button-28.alert-button.red-button {cursor: pointer;}
.alert-button.red-button:hover {text-decoration: none !important; background: #FF4242 !important; }
#alertsWrapper {
    position: absolute;
    left:80px;
    top:60px;
    box-shadow: 2px 2px #ADADAD;
    display: none;
}
.alertBar {
    background-color: #EEEEEE;
    color:#000;
    padding: 15px 15px 10px 15px;
    border-bottom: 1px solid #DEDEDE;
    width: 1090px;
}
.searchFormBtn {
    height: 1.72em;
}

#notificationTemplateList .trHead td { text-align: left; }
#notificationTemplateList .colA { padding-left: 10px; width: 10px;}
#notificationTemplateList .colB { padding-left: 5px; width: 250px;}
#notificationTemplateList .colC { padding-left: 5px; width: 500px;}
#notificationTemplateList .colD { padding: 0 5px; width: 100px;}
#notificationTemplateList .colE { padding: 0 5px; width: 150px;}


.settings-submenu .settings-submenu-kind { float: left; line-height: 26px; }
.settings-submenu .button-28 { float: left; margin-left: 10px }

#notificationForm .label { width: 200px; }
#notificationForm .form-element { float: right; width: 720px; }
#notificationForm .form-element #notificationTitle{ width: 720px; }
#notificationForm .form-element #notificationBody{ width: 720px; height: 220px; padding: 10px; }
#notificationForm #schedule-container { line-height: 20px; }
#notificationForm #schedule-container #new-schedule-item { width: 40px; }
#notificationForm #schedule-container #new-schedule-item-button {  line-height: 22px; height: 24px; }
#notificationForm #schedule-container #scheduleForm label,
#notificationForm #schedule-container #scheduleForm input,
#notificationForm #testMailForm label,
#notificationForm #testMailForm input  { float: left; margin-right: 5px; }
#notificationForm #schedule-container .remove-schedule-item { cursor: pointer; }
#notificationForm .notification-markers  { margin-top: 0.4em;}

#schedule-list { margin: 10px 0 }
#schedule-list li { background-color: #fff; border: 1px solid #ccc; border-radius: 4px; display: block; float: left; font-size: 17px; list-style-type: none; margin: 2px 15px 2px 0; padding: 3px 6px; text-align: center; width: 72px; }
#scheduleForm .label,
#testMailForm .label { position: relative; width: auto; }
#scheduleForm .moreInfoContent { left: 100px; }

.notification-markers { margin: 10px 0 }
.notification-markers span.notification-marker { cursor: pointer; display: inline-block; margin: 0 0.4em 0.4em 0; padding: 0.3em 1em; display: inline-block; background-color: #555; border-radius: 3px; color: #fff; font-size: 13px; }
.notification-markers-info span.notification-marker { cursor: default; }
.notification-markers span.notification-marker.not-supported { background-color: #999; }

.priviliges-management-title a {color: #1188c6}

.client-divider { margin-bottom:50px; }
#client-collection .client_form:first-child .client-divider { display: none; }
#policy .form-element .ui-autocomplete-input.loading { background-image: url(../img/icon/loaders/loading-16.gif); background-position: right 1% center; background-repeat: no-repeat; padding-right: 25px; }
#policy .form-element .ui-autocomplete-input.ui-autocomplete-loading,
#policy .ui-autocomplete-loading
{ background-image: url(../img/icon/loaders/loading-16.gif); background-position: right 1% center; background-repeat: no-repeat; padding-right: 25px; }

#issueForm .form-element .ui-autocomplete-input.ui-autocomplete-loading,
#issueForm .ui-autocomplete-loading
{ background-image: url(../img/icon/loaders/loading-16.gif); background-position: right 1% center; background-repeat: no-repeat; padding-right: 25px; }

.selectionBoxes ol,
.bigBoxes ol { list-style-type: none; margin: 3px 0; padding: 0; }
.selectionBoxes ol li,
.bigBoxes ol li { font-family: "LatoLight"; text-align: center; box-sizing: border-box; display: table; float: left; position: relative; margin-right: 3px; padding: 3px 0; }
.policy-insurance-coverage .bigBoxes {width: 320px;}
.selectionBoxes ol li.defaultBox span,
.bigBoxes ol li.defaultBox span,
.bigBoxes ol li.defaultBox span div em { cursor:pointer; opacity: 0.3; border-bottom: 2px solid #e8e8e8; color: #fff; display: table-cell; vertical-align: middle; height: 75px; width: 120px; }
.selectionBoxes ol li.defaultBox.selected span,
.bigBoxes ol li.defaultBox.selected span { opacity: unset; }

#installmentsBoxes ol li.defaultBox span { background-color: #777; height: 50px; width: 50px; }
#insurancePeriodBoxes ol li.radio-box span {height: 50px; width: 50px;}
#insurancePeriodBoxes ol li.radio-box { margin: 0 3px; }

.selectionBoxes ol li.defaultBox span { background-color: #f00; }

#typesBoxes ol li.defaultBox span.box-type-1 { background-color: #f00; }
#typesBoxes ol li.defaultBox span.box-type-2 { background-color: #6a4bbb; }
#typesBoxes ol li.defaultBox span.box-type-3 { background-color: #FFD400; }
#typesBoxes ol li.defaultBox span.box-type-4 { background-color: #FFD400; }
#typesBoxes ol li.defaultBox span.box-type-5 { background-color: #ff6600; }
#typesBoxes ol li.defaultBox span.box-type-6 { background-color: #ff6600; }
#typesBoxes ol li.defaultBox span.box-type-7 { background-color: #ff6600; }
#typesBoxes ol li.defaultBox span.box-type-8 { background-color: #FFD400; }

#tuBoxes .tuSystem .companyBox { cursor: pointer; }
#companiesBoxes .tuSystem .companyBox { cursor: pointer; }
#tuBoxes .tuSystem .companyBox img { height: 100px; }
#companiesBoxes .tuSystem .companyBox img  { height: 50px; }
#tuBoxes .tuSystem.selected,
#companiesBoxes .tuSystem.selected { background-color:#eee; color:#333; border-radius:10px; }
#companyBoxes .filter-input-message { margin: 0 10px; }
#companiesBoxes .tuSystem .companyBox { margin-bottom: 4px; height: 50px; display: block;}

#companiesBoxes .multicheckbox-box {opacity:0.4;}
#companiesBoxes .multicheckbox-box.selected {opacity:1;}
#companiesBoxes .fckbox-box.selected {opacity:1;}

#policy .form-row-extended { margin: 10px 0; }
#policy .form-row-extended .label { width: auto; }
#policy .form-row-extended .form-element { width: 700px }

.hiddenContainer { position:relative; }
.policy-object-toggle:hover {cursor: pointer;}

#client-collection .client-form-divider {margin-bottom:50px;}
#client-collection .client-form-divider:first-child { display: none; }
#policy .chunked-date .form-element { width: 700px }
#policy .chunked-date .form-element .scan { width: 50px }

#offerAdd #policy .installment_form { clear: both; height: 22px; }
#offerAdd #policy .installment_form .form-element { width: 600px}
#offerAdd #policy .installment_form .amount { width: 100px}
#offerAdd #policy .installment_form .scan  { width: 125px}
#offerAdd #policy .installment_form .scan .formDate { float: left; width: 90px; display:block; margin: 0 10px 10px 0px}
#offerAdd #policy .installment_form .form-sub-element { float: left; margin: 0 10px; }
#offerAdd #policy .installment_form .form-sub-element label.optional{ float: left; }
#offerAdd #policy .installment_form .is-paid { width: 25px; float: left}

#reports_submit_buttons input[type=button] { margin-right: 5px;}

#reports_entries table.tableList tr td { padding-left: 5px; }
#reports_entries table.tableList tr td.colA { width: 40px; padding: 0 10px; }
#reports_entries table.tableList tr td.colB { width: 110px; }
#reports_entries table.tableList tr td.colC { width: 110px; }
#reports_entries table.tableList tr td.colD { width: 110px; }
#reports_entries table.tableList tr td.colE { width: 140px; }
#reports_entries table.tableList tr td.colF { width: 135px; }
#reports_entries table.tableList tr td.colG { width: 135px; }
#reports_entries table.tableList tr td.colH { width: 45px; text-align: center; }
#reports_entries table.tableList tr td.colI { width: 50px; }
#reports_entries table.tableList tr td.colJ { width: 150px; }
#reports_entries table.tableList tr td.colK { width: 135px; }

#reports_entries table.tableList tr td .standard-selection { width: 105px; }
#reports_entries table.tableList tr td .standard-text { width: 105px; }
#reports_entries table.tableList tr td .date { width: 80px; }

#reports_entries table.tableList tr td.colA .editSystem { float: left; }
#reports_entries table.tableList tr td.colA .tooltip { float: left; }

.policy_report_table tr.bad td { background-color: #ffdddd !important; }

.tooltip { margin: 0 5px; position: relative; }

/* Tooltipy */
.moreInfoContent { display:none; }
.moreInfo:hover + .moreInfoContent { display: block; }

.text-paragraph { margin: 30px 0; }
.load-token-form-container { line-height: 37px; margin: 0 auto; position: relative; width: 665px; }
.load-token { float: left; margin: 0 5px; width: 150px; height: 35px!important }
.load-token-input { float: left; height: auto!important; width: 320px;}
.generate-token-form-container { line-height: 37px; margin: 0 auto; position: relative; width: 375px; }
.generate-new-token { float: none; margin: 5px auto; width: 170px; }
.generate-token { float: left; margin: 5px; width: 170px; }
.load-token-modal-form-container { float: left; margin: 10px; }
.load-token-modal { float: left; margin: 0 5px; height: 26px!important; }

.credentials-key-valid { margin-right: 5px; cursor: default;}
.hColThr .credentials-key-invalid { margin-right: 5px;}
.credentials-key-img { width: 30px; height: 30px; }
.credentials-key-img-mini { width: 25px; height: 25px; }

#clientAdultCollection-label {margin-bottom: 10px;}
#clientChildrenCollection-label {margin-bottom: 10px;}
#clientSeniorCollection-label {margin-bottom: 10px;}

.agent-autocompleter-container {width: 200px;}
.agent-autocompleter-container .fa-remove {cursor: pointer;}

.subformlabel-container .subform-label {font-size: 0.875em; font-family: 'LatoBold'; width:400px; text-transform: uppercase; cursor: auto}
.subformlabel-container { margin: 20px 0 10px; }

#aztecCodeSubForm-section {position:relative;}
#aztecCodeSubForm-section #aztecToggleButton { background-color: #000; color: #fff; cursor: pointer; font-size: 30px !important; padding: 0 15px; position: absolute; right: 0; top: 0; }
#aztecCodeSubForm-section .form-row-100pt { text-align: center; }
#aztecCodeSubForm-section .form-row-100pt textarea { margin-bottom: 10px }
.aztecButtons{ margin: 0 auto; width: 580px; }
.aztecButtonsLicenses{ margin: 0 auto; width: 200px; }
#aztecCodeSubForm-section .form-element-buttons { position: relative; }
#aztecCodeListLoad {cursor: pointer;}
.hiddenAztec { display: none; }
#detectAztecCode { width: 200px; }
#aztecCodeListCurtain {display: block;}
#aztecInformationContainer { text-align: center; margin-top: 20px; }
#offerAdd #aztecInformationContainer { padding: 20px; }
#offerAdd .aztec-alert { background-color: #ffd400 }

table#aztecCodesList tr td {padding: 0;}
table#aztecCodesList tr td.colA {width: 50px;}
table#aztecCodesList tr td.colB {width: 320px;}
table#aztecCodesList tr td.colC {width: 135px;}
table#aztecCodesList tr td.colD {width: 100px;}

.vertical-navigation {list-style-type: none; margin: 0; padding: 0; position: fixed; right: 2%; top: 90px; z-index: 5;}
.vertical-navigation li {background-color: #292929; border-radius: 8%; color: #fff; display: block; font-size: 2em; height: 50px; line-height: 50px; margin: 10px 0; text-align: center; vertical-align: middle; width: 50px;}
.vertical-navigation li i { cursor: pointer; }
#clientSeniorCollection-label {margin-bottom: 10px;}

.commission-company-row .file-column {width: 270px}
.commission-company-row .company-column {width: 220px}
.commission-company-row .month-column {width: 130px}
.commission-company-row .year-column {width: 100px}

.sales-results-row .file-column {width: 270px}
.sales-results-row .company-column {width: 220px}
.sales-results-row .month-column {width: 130px}
.sales-results-row .year-column {width: 100px}

.top-form {margin-top: 6px; background-color: #f8f8f8; -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.4); padding: 23px 0;}
.top-form .commission-company-row {height: 30px; clear: left}
.top-form .commission-company-row.done { background-color: rgba(0, 255, 85, 0.3); }
.top-form .sales-results-row {height: 30px; clear: left}
.top-form .sales-results-row.done { background-color: rgba(0, 255, 85, 0.3); }
.top-form .top-form-buttons {position: relative; padding: 25px 15px 5px 0; height: 30px}
.top-form .top-form-buttons .blue-button {margin: 0 3px;}
.top-form .top-form-buttons .right {float: right}
.top-form .top-form-buttons.knf-docs-buttons {clear: both}
.top-form .form-col-one {float: left; line-height: 25px; margin: 0 5px; position: relative; text-align: center; width: 400px; font-size: 0.8125em;}
.top-form .form-col-one:hover .file-label, .top-form .form-col-one:hover .file-input {display:block!important;}
.top-form .form-col-one:hover .filename {opacity: 0.15;}
.top-form .form-col-one-150 {float: left; line-height: 25px; margin: 0 5px; position: relative; text-align: center; width: 250px; font-size: 0.8125em; padding-left: 25px;}
.top-form .form-col-one-150:hover .file-label, .top-form .form-col-one:hover .file-input {display:block!important;}
.top-form .form-col-one-150:hover .filename {opacity: 0.15;}
.top-form .form-col-two {float: left; margin: 0 5px; width: 250px;}
.top-form .form-col-three {float: left; margin: 0 5px; width: 195px;}
.top-form .form-col-four {float: left; margin: 0 5px; width: 140px;}
.top-form .form-col-five {float: left; margin: 0 5px; width: 70px;}
.top-form .form-col-five-submit {float: right; margin: 0 20px 0 0; width: 120px;}
.top-form .form-col-two select, .top-form .form-col-three select, .top-form .form-col-four select{margin: 0 0 0 3px}
.top-form .top-file-container {height: 30px; position: relative; margin-bottom: 25px; padding-left: 20px;}
.top-form .form-col-one .file-container, .top-form .form-col-element .file-container {height: 30px; position: absolute; width: 400px; z-index: 2;}
#knf-documents-collection .file-container {width: 300px}
#knf-documents-collection .file-label {margin: 0 auto}
#knf-documents-collection .filename {height: 26px; line-height: 26px;}
.top-form .file-label { background-color: #00a6d6; border-color: #e8e8e8; border-image: none; border-style: solid; border-width: 0 0 2px;
                        color: #ffffff; display: block; font-family: "LatoRegular",Arial,sans-serif; font-size: 14px !important; padding: 0; text-align: center; width: 180px; height: 26px; line-height: 26px;}
.top-form .file-input {cursor: pointer; opacity: 0; position: relative; top: -28px; width: 190px; display: block;}

.top-form .form-col-one .file-input,
.top-form .form-col-one .file-label {margin: 0 auto;}

.top-form .top-file-container .file-input,
.top-form .top-file-container .file-label {float:left; top: 0;}
.top-form .top-file-container .hint {color: gray; font-size: 0.8em; line-height: 30px; margin: 0; padding-left: 190px;}

#knfFilesForm {display: none}

#commissionAgentList table.tableList tr.trHead td,
#commissionAgentList table.tableList tr.trHead th { text-align: left;}
#commissionAgentList table.tableList tr.trHead td.colC { width: 120px; }
#commissionAgentList table.tableList tr.trHead td.colD { width: 160px; }
#commissionAgentList table.tableList tr.trHead td.colE { width: 90px; }
#commissionAgentList table.tableList tr.trHead td.colE { width: 150px; }

#commissionSettlementList table.tableList tr.trHead td,
#commissionSettlementList table.tableList tr.trHead th { text-align: left;}
#commissionSettlementList table.tableList tr.trHead td.colC { width: 250px; }
#commissionSettlementList table.tableList tr.trHead td.colD { width: 250px; }
#commissionSettlementList table.tableList tr.trHead td.colE { width: 250px; }
#commissionSettlementList table.tableList tr.trHead td.colF { width: 200px; }
#commissionSettlementList table.tableList td.colG span { width: 100px; }

#commissionAgentForm .top-form-buttons.hidden { display: none; }

.curtain .curtain-content-container { padding: 20px 30px 30px 30px; position: relative;}
.curtain .curtain-content-container  .curtain-close {font-size: 16px; position: absolute; right: 8px; top: 8px; cursor: pointer;}
.curtain { left:0; top:0; display:none; color:#333; position:fixed; width:100%; height:100%; text-align:center; z-index:1000; background:rgba(255,255,255,0.8);}
.curtain-black {background:rgba(32,32,32,0.40);}
.curtain > div { box-shadow: 0 0 5px #ddd; border-radius: 5px; background-color:white; display:inline-block; margin:100px auto; padding:20px; }
.curtain-black > div {box-shadow: 0 0 5px #555;}

#divergenceValuesListCurtain { display: block; }

table.scrolledTableList.tableList > tbody { display: block; height: 50vh; overflow-y: scroll; width: 100%;}
table.scrolledTableList.tableList > thead { display: inline-block; width: 100%;}

/* table#divergenceValuesList.tableList > tbody { display: block; height: 50vh; overflow-y: scroll; width: 100%;}
table#divergenceValuesList.tableList > thead { display: inline-block; width: 100%;} */
table#divergenceValuesList.tableList tr.trHead td.colA,
table#divergenceValuesList.tableList tr.trClient td.colA { padding-left: 8px; padding-right: 0; width: 50px; text-align: left; }
table#divergenceValuesList.tableList tr.trHead td.colC,
table#divergenceValuesList.tableList tr.trHead td.colD,
table#divergenceValuesList.tableList tr.trHead td.colE,
table#divergenceValuesList.tableList tr.trHead td.colF,
table#divergenceValuesList.tableList tr.trClient td.colC,
table#divergenceValuesList.tableList tr.trClient td.colD,
table#divergenceValuesList.tableList tr.trClient td.colE,
table#divergenceValuesList.tableList tr.trClient td.colF { width: 130px; padding: 0  0 0 8px; text-align: left; }

.blue-button-text {background-color: #00a6d6; color: #fff; font-size: 16px; height: 28px; line-height: 28px; text-align: center; }
#settlementTop { padding-bottom: 15px;}
#settlementTop .settlementTopInfo {float: left; margin-top: 0; margin-bottom: 0; width: 371px;}
.settlement-controllers {position: fixed; top: 200px; right: 50px; background-color: #fff; padding: 10px; box-shadow: 2px 3px 5px #a2a2a2;}

/* .reportListContainer .reportListLabel { background-color: #009018; color: #fff; font-size: 16px; padding: 2px 2px 2px 5px; width: 33%; }
.reportListContainer .reportList { margin: 5px 5px 10px; }
.reportList a { color: #1188c6; font-size: 14px; }
.reportList a:hover { text-decoration: underline; } */

.agentReportList > li { border-right: 1px solid #eaeaea; display: block; float: left; font-size: 1em; list-style: outside none none; padding-left: 20px; text-decoration: none; width: 31%; }
.agentReportList > li:nth-child(3) { border-right: none; }
.agentReportList > li a { color: #1188c6; font-size: 14px; line-height: 1.5; }
.agentReportList > li a.possibleBind { background-color: #FFFF00; }
.agentReportList a:hover { text-decoration: underline; }

#searchListForm .ui-autocomplete-loading { background-image: url(../img/icon/loaders/loading-16.gif); background-position: right 1% center; background-repeat: no-repeat; padding-right: 25px; }
.agent-autocompleter-container {width: 200px;}
.agent-autocompleter-container .fa-remove {cursor: pointer;}
.client-autocompleter-container .fa-remove {cursor: pointer;}
.reportListContainer {border-bottom: 1px solid #eaeaea; padding-bottom: 15px;}

.button-16.green-button { background-color: #009018; color: #fff; cursor: auto; }
.button-28.green-button { background-color: #009018; color: #fff; cursor: auto; }
.button-28.red-button { background-color: #ff0000; color: #fff; cursor: auto; }

#progressBar { width: 99.7%; height: 22px; background-color: #f8f8f8; }
#progressBar div { height: 100%; color: #fff; text-align: center; line-height: 22px; width: 0; background-color: #009018; }

.dictionaryAlphabetContainer {
    text-align: center;
}

.dictionaryLetterSmall {
    background: #00a6d6 none repeat scroll 0 0;
    color: #ffffff;
    font-family: "LatoBold";
    font-size: 26px;
    height: 32px;
    line-height: 33px;
    text-align: center;
    width: 32px;
}

.companyReportList {}
.companyReportList a { color: #1188c6; font-size: 14px; }
.companyReportList tr td { border-right: 1px solid #fff; padding: 5px; width: 50%; }
.companyReportList tr.head {color: #000; background-color: rgba(0,180,0,0.2);}


#ajax_curtain .curtain-close {
    font-size: 16px;
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
}

#policyAdd .clientChildrenContainer { display: none; }
#policyAdd .clientAdultContainer { display: none; }
#policyAdd .clientSeniorContainer { display: none; }


#landingPageMain .template-main .form-container { padding: 35px 50px 35px;text-align:center; }
#landingPageMain .template-main .form-container .form-row #lp-url { width:92%;height:40px;background-color:white; text-align:center; }
#landingPageMain .template-main .form-container .form-row #lp-copy-btn { height:40px; }
#landingPageMain .template-main .form-container #lp-log-tb { width:70%; }
#landingPageMain .template-main .form-container #lp-log-tb thead { background-color:#d2d2d2; }
#landingPageMain .template-main .form-container #lp-log-tb thead th { padding:20px; }
#landingPageMain .template-main .form-container #lp-log-tb tbody th { padding-top:10px; }
#landingPageMain .template-main .form-container #lp-log-tb tbody tr:hover { background-color:white; }
#landingPageMain .template-main .form-container #lp-log-tb tbody:nth-child(odd) { background-color:#e2e2e2; }
#landingPageMainPersonalize .template-main .form-container { padding: 35px 50px 50px; padding-bottom:15px; }
#landingPageMainPersonalize .template-main .form-container .form-row .lp-tel { width:auto; }

.owuMain .elemEdit {color:lightgray; cursor:pointer; text-transform: none; font: 0.8em "LatoRegular",Arial,sans-serif; }
.owuMain .elemEdit:hover{color:black;}

#articlesList .template-main #fileTdElem {padding: 30px; vertical-align:top;}
#articlesList .template-main #fileTdElem hr {border-color: lightgray; margin-top:50px;}
#articlesList .template-main #fileTdElem div {margin-top:10px;font-size:14px; font-family:LatoRegular,Arial,sans-serif;}
#articlesList .template-main #fileTdElem div.pFile {font-size:12px;}
#articlesList .template-main #fileTdElem div.pFile small {color:lightgray; font-size:9px;}
#articlesList .template-main #fileTdElem div.pFile .delFile {color:red; cursor:pointer;}
#articlesList .template-main #fileTdElem div.pFile a {color:#00a6d6;}
#articlesList .template-main #fileTdElem input { height: auto; width: 100%; }

#articlesList .template-main .articleFiles div {margin-top:10px;font-size:14px; font-family:LatoRegular,Arial,sans-serif;}
#articlesList .template-main .articleFiles div.pFile {font-size:12px; padding-left:15px;}
#articlesList .template-main .articleFiles div.pFile small {color:lightgray; font-size:9px;}
#articlesList .template-main .articleFiles div.pFile .delFile {color:red; cursor:pointer;}
#articlesList .template-main .articleFiles div.pFile a {color:#00a6d6;}

.bn-group { margin-top: 5px; }
.bn-group.clear::after { clear: both; content: ""; display: table; }
.bn-label { text-align: right; padding-right: 10px; padding-top: 2px; }

.bn-group .tooltip {display: inline;}

.bn-group-multicheckbox .bn-element .multioptions { max-height: 175px; overflow-y: auto; }
.bn-group-multicheckbox .bn-element label { display: block; padding: 3px 0; }
.bn-group-multicheckbox .bn-element label:nth-child(2n) { background-color: #f5f5f5; }
.bn-group-multicheckbox .bn-element label input { margin-right: 10px; }

.bn-group-multicheckbox .multioptions,
#additionalEquipmentEtList .bn-element,
#additionalEquipmentIeList .bn-element,
#fireProtectionList .bn-element,
#theftProtectionList .bn-element {
    border-left: 1px solid #d3d3d3;
    padding-left: 10px;
    background-color: #fff;
}
#additionalEquipmentEtList .bn-element,
#additionalEquipmentIeList .bn-element { width: 59%; }
#fireProtectionList .bn-element,
#theftProtectionList .bn-element { width: 52%; }

#eurotaxForm .bn-group::after { clear: both; content: ""; display: table; }
#eurotaxForm .f-col-element .f-element { width: 100% }
#infoekspertForm .bn-group::after { clear: both; content: ""; display: table; }
#infoekspertForm .f-col-element .f-element { width: 100% }

#infoekspertDetectedVersions::after { clear: both; content: ""; display: table; }
#eurotaxDetectedVersions::after { clear: both; content: ""; display: table; }

.detected-version-list { margin-left: 20px; width: 98%;}
.detected-version-list tr td { font-size: 0.8125em; cursor: pointer; padding: 5px 0; }
.detected-version-list tr.no-data td { cursor: auto; }
.detected-version-list tr:nth-child(2n) { background-color: #f5f5f5;}
.detected-version-list tr:hover { background-color: #f2f2f2; }

.detected-version-list-loader { background-color: #f6f6f6; opacity: 0.9; float: left; height: 100%; overflow: hidden; position: absolute; right: 0; width: 100%; text-align: center; }
.et-list-loader { background-color: #f6f6f6; height: 100%; opacity: 0.9; position: absolute; left: 150px; text-align: center; top: 0; width: 350px; z-index: 10; }
.ie-list-loader { background-color: #f6f6f6; height: 100%; opacity: 0.9; position: absolute; text-align: center; top: 0; width: 100%; z-index: 10}
.detected-version-curtain { background-color: #f6f6f6; opacity: 0.9; position: absolute; top: 0; height: 100%; width: 375px; left: 15px;}
.detected-version-select { width: 100%; margin-bottom: 10px; }

.detected-version-list-loader-img,
.et-list-loader-img,
.ie-list-loader-img { padding-top: 90px; }

.f-col-detection-bar { width: 6%; text-align: center; line-height: 105px;}
.f-col-detection-bar i { font-size: 30px; cursor: pointer; padding: 1px 5px; border: 1px solid #323232; border-radius: 4px;  background-color: #323232; color: #fff;}
/* .f-col-detection-bar i:hover { color: #323232; background-color: none; border: none; } */

.incompleteVersionsAlert {text-align: center; width: 180px; top: 50px; position: relative; background-color: #ffd400; padding: 10px 5px; font-size: 14px;}

.f-col { float: left;}

.f-col-label { width: 36%; }
.f-col-element { width: 60%; }
.f-col-element.f-col-element-wide { width: 100%; }

.f-col-inverse .f-col-label { width: 90%; text-align: left; padding-left: 10px;}
.f-col-inverse .f-col-element { width: 7%; text-align: right; }

.bn-group-consents {width: 59%;}
.bn-group-consents .f-col-label{width: 86%;}
.bn-group-consents .f-col-element {width: 10%;}

.consent-button-container {margin-top: 15px;}
.consent-button-container span {margin: 0 auto;}
.print-consents, .print-consents-stamp {width: 330px; margin: 0 auto;}
.consent-button-container .print-consents-stamp {margin-left: 20px;}
.consents-document-link {color: #000}

.box-info-amount, .box-info-amount-stamp {width: auto; margin: 0 auto;}
.consent-button-container .box-info-amount-stamp {margin-left: 20px;}

.f-col-inverted .f-col-label { width: 60%; }
.f-col-inverted .f-col-element { width: 36%; }

.f-col-element .f-element { width: 90%; }
.f-col-element input[type=checkbox].f-element { width: auto; }
.f-col-element textarea.f-element { height: 8em; }
.f-col-element input[type=radio].f-element { width: auto; margin-right: 2px; }
.f-col.f-col-element-radio-vertical .f-col-element label { padding-left: 60px; line-height: 1.8em; }
.f-col.f-col-multicheckbox .f-col-element label input { margin-right: 5px; }

.f-col-element .f-element[data-ceptype=direct] { border: 1px solid green; border-left: 5px solid green; }
.f-col-element .f-element[data-ceptype=direct][data-cepempty=yes] { border: 1px solid red; border-left: 5px solid red; }
.f-col-element .f-element[data-ceptype=default] { border: 1px solid orange; border-left: 5px solid orange; }
.f-col-element .f-element[data-ceptype=default][data-cepempty=yes] { border: 1px solid red; border-left: 5px solid red; }

.f-col-element .f-element[data-ceptype=direct][type=checkbox] { -webkit-box-shadow: 0px 0px 0px 3px green; -moz-box-shadow: 0px 0px 0px 3px green; box-shadow: 0px 0px 0px 3px green; }
.f-col-element .f-element[data-ceptype=default][type=checkbox][data-cepempty=yes],
.f-col-element .f-element[data-ceptype=direct][type=checkbox][data-cepempty=yes] { -webkit-box-shadow: 0px 0px 0px 3px red; -moz-box-shadow: 0px 0px 0px 3px red; box-shadow: 0px 0px 0px 3px red; }
.f-col-element .f-element[data-ceptype=default][type=checkbox] { -webkit-box-shadow: 0px 0px 0px 3px orange; -moz-box-shadow: 0px 0px 0px 3px orange; box-shadow: 0px 0px 0px 3px orange; }

.f-col-element div[data-ceptype=direct] input { border: 1px solid green; border-left: 5px solid green; }
.f-col-element div[data-ceptype=direct][data-cepempty=yes] input  { border: 1px solid red; border-left: 5px solid red; }

.f-col-element div[data-ceptype=default] input { border: 1px solid orange; border-left: 5px solid orange; }
.f-col-element div[data-ceptype=default][data-cepempty=yes] input  { border: 1px solid red; border-left: 5px solid red; }

.f-col .multicheckbox-boxes-modern[data-ceptype=default] .multicheckbox-box.selected { border: 1px solid orange; }

.link-standard {color: #1188c6; text-decoration: none; cursor: pointer;}
.link-standard:hover {color: #39badf; text-decoration: none;}

.f-col-dictionary-form { width: 44%; }
.f-col-dictionary-et { width: 490px; position: relative; }
.f-col-dictionary-ie { width: 390px; position: relative; }
.f-col-dictionary-detected { width: 390px; margin: 0; position: absolute; top: 0; left: 0; float: left; height: 270px; }
#eurotaxDetectedVersions.f-col-dictionary-detected {left: 140px;}
#infoekspertDetectedVersions.f-col-dictionary-detected {left: 500px;}
.f-col-dictionary-et .f-col-label { width: 140px; }
.f-col-dictionary-ie .f-col-element,
.f-col-dictionary-et .f-col-element { width: 310px; }

.f-col-1 { width: 100%; }
.f-col-2 { width: 50%; }
.f-col-3 { width: 33.333%; }
.f-col-3-2 { width: 66.666%; }
.f-col-4 { width: 25%; }
.f-col-4-3 { width: 75%; }
.f-col-5 { width: 20%; }

.f-col-p15 { width: 15%; }
.f-col-p18 { width: 18%; }
.f-col-p20 { width: 20%; }
.f-col-p24 { width: 24%; }
.f-col-p25 { width: 25%; }
.f-col-p33 { width: 33.333%; }
.f-col-p40 { width: 40%; }
.f-col-p50 { width: 50%; }
.f-col-p60 { width: 60%; }
.f-col-p75 { width: 75%; }
.f-col-p80 { width: 80%; }
.f-col-p100 { width: 100%; }

.f-el-p90 { width: 90%; }
.f-el-p100 { width: 100%; }

.f-label-margin-7p { margin-left: 7%; }

.form-group { box-shadow: 1px 7px 4px -6px #999; padding-bottom: 10px; margin-bottom: 10px; }
.form-group::after { clear: both; content: ""; display: table; }
.form-group-client { clear: both; }

.registration-type-container { clear: both; margin-top: 2em; }
.registration-type-container .f-col-label { width: 37%; }
.registration-type-container .f-col-element .f-element { width: 310px; }

.subformContiner:after { clear: both; content: ""; display: table; }

.group { margin: 0; padding: 0 15px; padding-bottom: 15px; background-color: #f6f6f6; }
.group-label { min-height: 22px; width: 100%; }
.label-aztec{
    background-color: transparent !important;
    font-family: 'LatoLight';
    color: #999;
    font-size: 1.5em;
}
.group.equipment-row { float: left; }

.aztecLink {color: #1188c6; text-decoration: none;}
.aztecLink:hover {color: #39badf; text-decoration: none;}

.group-label .group-label-text { line-height: 22px; border-bottom: 1px solid #d3d3d3; padding-left: 5px;}
.group-label .group-label-text .group-label-link { color: #39badf; cursor: pointer; font-size: 1.0em; float: right;}
.group-content { padding: 10px; position: relative; background-color: #f6f6f6;}
.group-content::after { clear: both; content: ""; display: table; }

.group.hidden { display: none; }

.multicheckbox-boxes .fa-check,
.multicheckbox-boxes-modern .fa-check { display : none; }

.multicheckbox-boxes input,
.multicheckbox-boxes-modern input,
.radio-boxes input { display: none; }
.multicheckbox-boxes ol,
.radio-boxes ol  { list-style-type: none; margin: 3px 0; padding: 0; }
.multicheckbox-boxes ol li,
.multicheckbox-boxes-modern ol li,
.radio-boxes ol li { font-family: "LatoLight"; text-align: center; box-sizing: border-box; display: table; float: left; position: relative; padding: 3px 0; }
.multicheckbox-boxes ol li.multicheckbox-box span,
.multicheckbox-boxes-modern ol li.multicheckbox-box span,
.radio-boxes ol li.radio-box span { color: #000; cursor: pointer; display: table-cell; height: 30px; padding: 0 5px; vertical-align: middle; }
.multicheckbox-boxes ol li.multicheckbox-box.selected span,
.radio-boxes ol li.radio-box.selected span { background-color: #999; color: #fff  }
.multicheckbox-boxes ol li.multicheckbox-box.selected .fa-check {display: inline; margin-right: 5px;}
.multicheckbox-boxes ol li.multicheckbox-box span,
.radio-boxes ol li.radio-box span { background-color: #eee; color: #000;}

.multicheckbox-boxes-modern {}
.multicheckbox-boxes-modern .multicheckbox-box { padding: 10px 5px; box-shadow: 2px 3px 5px #a2a2a2; cursor: pointer; margin: 10px 5px; background-color: #fff; width: 158px; height: 60px; }
.multicheckbox-boxes-modern ol li.multicheckbox-box.selected { background-color: #323232; }
.multicheckbox-boxes-modern ol li.multicheckbox-box.selected span { color: #fff; }

.group-label-arrow { float: left; font-size: 22px; margin-right: 10px; cursor: pointer;}

.fa.f-element-button { background-color: #00a6d6; color: #fff; cursor: pointer; text-align: center; top: 1px; position: relative; margin-left: 2px; line-height: 26px; width: 30px;  }


.bn-group.gus-input-group .f-col-element { width: 47%; }
.bn-group.gus-input-group .f-col-element .f-element { width: 95%; }
.bn-group.gus-input-group .f-element-button-gus { color: #000; cursor: pointer; text-align: center; position: relative; line-height: 23px; width: 25px; }
.loader-img { padding-left: 10px; height: 27px; padding-top: 4px; }

table#clientPersonList { width: auto; }

table#clientPersonList.tableList tr.trClient td.colAll { width: 830px; text-align: center; }
table#clientPersonList.tableList tr.trHead td.colA,
table#clientPersonList.tableList tr.trClient td.colA { width: 250px; padding: 0  0 0 8px; text-align: left; }
table#clientPersonList.tableList tr.trHead td.colB,
table#clientPersonList.tableList tr.trClient td.colB,
table#clientPersonList.tableList tr.trHead td.colC,
table#clientPersonList.tableList tr.trClient td.colC { width: 140px; padding: 0  0 0 8px; text-align: left; }
table#clientPersonList.tableList tr.trHead td.colE,
table#clientPersonList.tableList tr.trClient td.colE { width: 140px; padding: 0  0 0 8px; text-align: center; }
table#clientPersonList.tableList tr.trHead td.colD,
table#clientPersonList.tableList tr.trClient td.colD { width: 120px; padding: 0  0 0 8px; text-align: center; }

.autocomplete-entry-group { margin: 5px 0; }

#vehicleForm .form-group .navigation { width: auto; margin: auto; line-height: auto; }

#header .hidden-menu-container { position: relative; text-transform: none; }
#header .hidden-menu { display:none; position: absolute; left: 0; width: 255px; height: 60px; background: #000; padding: 15px 10px 10px 10px; z-index: 20; top: 22px;}
#header .hidden-menu-container:hover .hidden-menu { display: block; }
#header .hidden-menu a { display: block; margin-bottom: 3px; text-align: left; text-transform: none; }
#header .hidden-menu a:hover { color: #00a6d6; }

#offer-type-tiles { margin: 3em auto; display: inline-block; text-align: center; width: 100%; }
#offer-type-tiles .offer-type-tiles-info { font-size: 1.2em; }
.offer-type-tile { margin-bottom: 2px; height: 200px; text-align: center; box-shadow: 2px 3px 5px #a2a2a2; cursor: pointer; width: 200px; margin-right: 20px; display: inline-block; }
.offer-type-tile a { display: block; color: #323232; padding-top: 45px; }
.offer-type-tile span { padding-top: 15px; display: block; position: relative;}
.offer-type-tile:hover span {   top: 10px;  }


.element-tile-boxes { margin: 0 auto; }
.element-tile-boxes ol { margin: 0 auto; }
.element-tile-boxes .radio-box { padding: 10px 8px; text-align: center; box-shadow: 2px 3px 5px #a2a2a2; cursor: pointer; margin: 10px 6px; }
.element-tile-boxes ol li.radio-box span,
.element-tile-boxes ol li.radio-box span { background-color: #fff; color: #323232; }
.element-tile-boxes ol li.radio-box:first-of-type {margin-left: 4px;}

.element-tile-boxes.radio-boxes ol li.radio-box.selected span {background-color: #323232; border: 0;}
.element-tile-boxes.radio-boxes ol li.radio-box.selected {background-color: #323232;}

.autocomplete-entry-group .f-col-label,
.autocomplete-entry-group .f-col-element { line-height:1.64em; }
.autocomplete-entry-group .f-col-label { width: 100px;}
.autocomplete-entry-group .f-col-element { width: 483px; }
.autocomplete-entry-group .f-col-element input { width: 350px; height: 1.7em; background-color: #fff; color: #333; margin-right: 3px;}

.form-group-label {font-family: 'LatoLight'; color: #999; font-size: 1.5em; }

#rolesBoxes { margin: 0 auto; }
#rolesBoxes.multicheckbox-boxes ol li { width: 100%; padding: 0; margin-right: 1px; margin-bottom: 1px; }
#rolesBoxes.multicheckbox-boxes ol li span { width: 100%; height: 20px; font-size: 0.81em; }

#rolesBoxes.multicheckbox-boxes ol li.multicheckbox-box.selected span { background-color: #323232; }

.arrow-belt { height: 25px; background-color: #f6f6f6; position: relative; margin-top: 15px; }
.arrow-belt::after { position: absolute; top: 0; left: 50%; margin-left: -10px; detefwidth: 20px; height: 20px; border-left: 20px dashed transparent; border-right: 20px dashed transparent; border-top: 20px solid #fff; height: 0; width: 0; content: ' '; }

.coowners-count-group { line-height: 35px; }

.group.submit-group { background-color: #fff; }
.inline-loader { margin-left: 5px; }

.blue-clickable { color: #39badf; cursor: pointer;}
.sliding-button { width: 35px; height: 30px; padding: 10px; float: right; cursor: pointer; margin-top: 18px;}
.sliding-button.inactive { color: #e9e9e9; cursor: auto; }

.f-col-client-types,
.f-col-vehicle-types,
.f-col-realty-types { width: 280px; height: 80px;}
.f-col-client-info,
.f-col-vehicle-info,
.f-col-realty-info { margin-top: 0; }
.f-col-client-info,
.f-col-vehicle-info,
.f-col-realty-info,
.f-col-autocomplete { width: 598px; padding: 3px 8px; text-align: center;}
.f-col-roles-ufg { width: 160px; padding: 5px; float: right;}

.f-col-autocomplete,
.f-col-object-info { width: 598px; padding: 3px 8px; text-align: center; }
.f-col-object-info { margin-top: 0; }

.f-element-button-ufg,
.fa.f-element-button-ufg { display: inline-block; }
.f-element-button-add,
.fa.f-element-button-add { display: inline-block; }
.f-element-button-search,
.fa.f-element-button-search { display: inline-block; }

.form-group.readonly .f-element-button-ufg { display: inline-block; }
.form-group.readonly .f-element-button-search { display: none; }
.form-group.readonly .f-element-button-add { display: none; }

.form-group.readonly .autocomplete-entry-group .f-col-element input { border-color: #fff; border-bottom: 1px solid #c2c2c2; margin-right: 20px;}
.form-group.readonly input[type=checkbox][readonly=readonly],
.form-element.readonly input[type="checkbox"][readonly="readonly"],
.f-col-element input[type="checkbox"][readonly="readonly"] { opacity: 0.5; }
.form-group.readonly select[readonly=readonly] option{ display:none; }
.form-group.form-group-hipro { background-color: #A8141B; }
.form-group.form-group-hipro .issue-form-list { margin-left: 7%; }

.i-header {font-family: 'LatoBold'; font-size: 12px; margin-top: -3px; text-transform: uppercase;}
.i-label { color: #999; line-height: 20px; font-size: 0.8125em; width: 120px; margin: 0 5px 0 10px; white-space: nowrap;}
.i-data { color: #333;  font-size: 0.8125em; white-space: nowrap;}

.f-col-element.readonly input[type="checkbox"][readonly="readonly"] { opacity: 0.5; }
.f-col-element > input[type=checkbox] { height: 25px; }
#owner .scan,
#coowners .scan {width: 30px;}
#clientForm .scan {width: 30px;}
.red-warning {color: #ff0000;}

.f-col-element-radio label {display: block; float: left; width: 48%;}
.f-col-element-radio label .f-element {width: auto;}

#offerCommunicationForm, #aztecCalculationForm { font-family: 'LatoLight';}
.f-col-radio-horizontal.f-col-1 label {margin-right: 30px}.f-col-su .f-col-label { width: 192px;}
.f-col-su .f-col-element { width: 140px;}
.f-col-su .f-col-element .f-element{ width: 130px;}
.f-col-su .f-col-element-su { width: 160px}
.f-col-su-range { width: 182px;}
.f-col .ins-sum-info { color: grey; }

.f-col-1.f-col-checkbox .f-col-element {width: 36%; padding-right: 10px;}
.f-col-1.f-col-checkbox .f-col-element .f-element {margin-right: 5px;}
.f-col-1.f-col-checkbox .f-col-label {width: 60%; padding-left: 0;}

#risksBoxes, #filterBoxes, #coownersCountBoxes,
#risksBoxes, #filterBoxes, #insuredClientsCountBoxes { margin-bottom: 10px; margin-top:0; width: 105%; }
#filterBoxes { text-align: right; }
#risksBoxes .mainBoxes,
#coownersCountBoxes .mainBoxes,
#insuredClientsCountBoxes .mainBoxes,
#filterBoxes .mainBoxes { margin-top: 0; padding-top: 0; display: inline-block;}
#risksBoxes ol li.defaultBox,
#coownersCountBoxes ol li.radio-box,
#insuredClientsCountBoxes ol li.radio-box,
#filterBoxes ol li.defaultBox { padding-top: 0; margin-top: 0; margin: 0 5px;}
#coownersCountBoxes ol li.radio-box,
#insuredClientsCountBoxes ol li.radio-box { margin-right: 3px; }
#risksBoxes ol li.defaultBox span,
#coownersCountBoxes ol li.radio-box span,
#insuredClientsCountBoxes ol li.radio-box span,
#filterBoxes ol li.defaultBox span { height: 40px; box-shadow: 2px 3px 5px #a2a2a2; background-color: #fff;; color: #323232; opacity: 1; padding-top: 0;}
#coownersCountBoxes ol li.radio-box span { box-shadow: 2px 3px 5px #a2a2a2; width: 100px; }
#insuredClientsCountBoxes ol li.radio-box span { box-shadow: 2px 3px 5px #a2a2a2; width: 40px; }
#risksBoxes ol li.defaultBox.selected span,
#coownersCountBoxes ol li.radio-box.selected span,
#insuredClientsCountBoxes ol li.radio-box.selected span,
#filterBoxes ol li.defaultBox.selected span { height: 60px; background-color: #323232; color: #fff; border-bottom: 0;}

#coownersCountBoxes ol li.radio-box span,
#insuredClientsCountBoxes ol li.radio-box span {height: 30px;}
#coownersCountBoxes ol li.radio-box.selected span,
#insuredClientsCountBoxes ol li.radio-box.selected span {height: 40px;}

.ui-autocomplete-input.ui-autocomplete-loading { background-image: url(../img/icon/loaders/loading-16.gif); background-position: right 1% center; background-repeat: no-repeat; padding-right: 25px; }

#standardEquipmentEtList .multioptions {display: none;}
#standardEquipmentIeList .multioptions {display: none;}

#additionalEquipmentEtList .bn-element
#additionalEquipmentIeList .bn-element,
#fireProtectionList .bn-element,
#theftProtectionList .bn-element { max-height: 175px; overflow-y: auto; }

#offerLifeForm #coownersCountBoxes ol li.radio-box span { width: 50px; }

.single {
    margin: 0;
    padding-bottom: 15px;
    background-color: #f6f6f6;
}

.std-desc { font-size: 14px; color:#777; }

#clientAdd .img-tooltip {display: inline; color: #00A6D6;}
#clientAdd .img-tooltip-img {display: none; position: absolute; z-index: 5;}
#clientAdd img.img-tooltip-trigger {cursor: pointer; margin-right: 0;}
#clientAdd .img-tooltip-trigger:hover + .img-tooltip-img {display: block;}
#clientAdd .img-tooltip-landing-page-1st {left: 285px; top: -150px;}
#clientAdd .img-tooltip-landing-page-2nd {left: 285px; top: -188px;}
#clientAdd .img-tooltip-landing-page-3rd {left: 285px; top: -303px;}
#clientAdd .img-tooltip-landing-page-4th {left: 285px; top: -451px;}

.long-belt {height: 50px; background-color: #348504; color: #fff; width: 1120px; margin-left:30px;}
.long-belt .long-belt-title {float: left; width: 965px; padding-left: 30px; font-family: 'LatoLight'; font-size: 1.5em; line-height: 50px; }
.long-belt .long-belt-button {float: left; background-color: #ff8c00; text-transform: uppercase; height: 30px; padding: 0 15px; line-height: 30px; margin: 10px 0; font-family: 'LatoBold'; font-size: 0.875em; cursor: pointer;}
.long-belt.alert { background-color: #ff0000; }
.long-belt.alert .long-belt-button { background-color: #fff; color: #000; }

#salesValuesTable .colA { padding-left: 5px; }


.popover.tour {	font-family: Arial; }

.knf-documents-row {clear: both;}
.knf_f_name {width: 150px;}
.knf_f_category {width: 200px;}
.knf_remove_file {margin: 4px 5px;}
.knf_f_tu,
.knf_f_product,
.knf_f_subcategory,
label[for="knf_f_tu1"],
label[for="knf_f_product1"],
label[for="knf_f_subcategory1"] {
    display:none;
}

table#listConsultantFiles td {width: auto; font-weight: normal !important;}
table#listConsultantFiles td.colA {width: 20px;}
table#listConsultantFiles td.colG {width: 130px;}
table#listConsultantFiles td.colF,
table#listConsultantFiles td.colE
{text-align: center;}

.popover.tour {
    font-family: Arial;
}

p.subcontent.competition_subcontent span.green { color:#009018; }
p.subcontent.competition_subcontent span.red  { color:#ff0000; }
p.subcontent.competition_subcontent span.elemEdit { cursor: pointer; }
p.subcontent.competition_subcontent span.elemEdit:hover { text-decoration: underline; }
p.subcontent.competition_subcontent span.elemEdit.del:hover { color:#ff0000; }

.d_agents_chosen {padding-left: 157px;}

.card { background-color: #f6f6f6; color: #323232; position: relative; width: 183px; float: left; text-align: center; margin: 10px; border-radius: 5px; padding: 15px 10px; cursor: pointer;}
.form-group-risks .card {width: 146px;}
.card.selected { background-color: #323232; color: #f3f5f6; }
.card .card-element-hidden { display: none; }
.card-mid { height: 40px; }
.card-title { text-align: center; margin-top: 20px; font-size: 1em; }
.card::after { content: ''; position: absolute; top: 0; left: 0; border-top: 35px solid #FFF; border-right: 35px solid #f3f5f6; border-right-color: rgb(243, 245, 246); width: 0; }
.card.selected:after { border-right-color: #323232; }
.card .fa-check { display: none; }
.card.selected .fa-check { display: block; color: #009018; font-size: 2em; position: absolute; top: -5px; left: -11px; z-index: 1; }
.card .card-field { display: none; font-size: 0.875em; margin-top: 5px; }
.card.selected .card-field { display: block; }
.card .card-field .card-field-element { width: 90%; }

#realtiesShortList .colA {width: 210px; padding: 0 0 0 8px; text-align: left;}
#realtiesShortList .colB {width: 210px; padding: 0 0 0 8px; text-align: left;}
#realtiesShortList .colC {width: 210px; padding: 0 0 0 8px; text-align: left;}
#realtiesShortList .colD {width: 140px; padding: 0 0 0 8px; text-align: left;}
#clientDetail #detailHeader .non-contact-mark {font-family: 'LatoLight'; color: #999;}

#outbuildingCollection .outbuilding-item { clear: both; }
#realtyOfferForm,
#policyPropertyForm,
#policyCommunicationForm {margin: 10px 0;}

.list-alert { width: 1120px;  margin-left: 30px; color: #ff0000; padding: 0 0 15px;}

#informationObligationContainer {margin: 20px 0; text-align: center; padding: 20px;}
#informationObligationContainer .form-row-extended {margin-top: 20px;}
#informationObligationContainer .boxes-button {width: 290px;}

.form-element-single { margin: 10px 0; box-shadow: 1px 7px 4px -6px #999; padding-bottom: 10px;}

.submit-group { height: 25px; float: right; }
.submit-group .cancel { line-height: 25px; }
.submit-group .cancel a { color: #00A6D6; }

.gap-advert,
.matrix-warning-100p { padding: 15px; background: #FFF7BF; margin-bottom: 15px; height: 2.4em; }
.gap-advert a {color: #1188c6; text-decoration: none;}

.hipro-warning { line-height: 2.4em; }
.hipro-warning img {width: 100px; float: left; margin: 0px 10px;}

.commission-horizontal-form { padding: 25px; }
.commission-horizontal-form .form-col-element { float: left; width: 265px; padding: 5px 0; }
.commission-horizontal-form .form-col-element label { width: 100px; display: block; float: left; text-align: right; padding-right: 10px;}
.commission-horizontal-form .form-col-element input,
.commission-horizontal-form .form-col-element select { width: 130px; }
.commission-horizontal-form .form-col-element input[type=checkbox] { width: 20px; }
.commission-horizontal-form .form-col-element-support-policy-series { width: 165px; }
.commission-horizontal-form .form-col-element-support-policy-series-empty { width: 115px; }
.commission-horizontal-form .form-col-element-support-policy-number { width: 110px; }
.commission-horizontal-form .form-col-element-support-policy-series input { width: 50px; margin-right: 5px; }
.commission-horizontal-form .form-col-element-support-policy-number input { width: 110px; }

.gap-risk img {  }
.gap-risk a {color: #1188c6; text-decoration: none;}

.h-margin-half {
    margin: 0.5em 0;
}

.valign-container { display: table; width: 100%; height: 100%; }
.valign-container .valign-content { display: table-cell; vertical-align: middle; position: relative; width: 100%; height: 100%; text-align: center; }
section#objects { position: relative; }
section#objects #propertyValuation { position: absolute; text-align: right; top: 0; right: 0; }

.valuation-button {cursor: pointer; margin-right: 5px;}
.valuation-button .fa-calculator {margin-left: 5px;}

.credit-progress { margin: 30px auto; margin-bottom: 20px;}
.credit-progress ul { text-align: center; display: flex; margin: 0 70px; }
.credit-progress ul li { display: block; width: 240px; position: relative; }
.credit-progress .progress-step-title { display: block; height: 2.5em; font-size: 1.2em; }
.credit-progress .progress-step-title .inprogress-info { display: none; font-size: smaller; font-size: 0.8em; margin: 10px 0;}
.credit-progress .fail .progress-step-title,
    .credit-progress .in-progress .progress-step-title { font-size: 1.4em; margin-top: 5px; }

.credit-progress .progress-main-icon { font-size: 60px; margin-bottom: 20px; height: 80px; color: #594B4B; }
/*.progress .progress-main-icon.fa-play,*/
/*.progress .progress-main-icon.fa-check {font-size: 65px;}*/
/*.progress .progress-main-icon.fa-university {font-size: 60px;}*/

.credit-progress .fail .progress-main-icon,
.credit-progress li.in-progress .progress-main-icon { font-size: 80px; color: #262020;}
.credit-progress li.in-progress .progress-step-title .inprogress-info { display: block; }

.credit-progress .progress-bar-icon-container { background-color: #fff; width: 26px; border-radius: 50%; padding: 10px; display: block; margin: 0 auto; color: #3F3434; }
.credit-progress .progress-bar-icon { clear: both; background-color: #ccc; width: 16px; color: #fff; border-radius: 50%; padding: 5px; display:none;}
.credit-progress .progress-bar-icon-belt { content: ''; background-color: #ccc; height: 5px; width: 240px; display: block; position: absolute; left: 0; top: 120px; z-index: -1;}

.credit-progress li.done .progress-bar-icon { background-color: #60aa97; /*60aa97*/ }
.credit-progress li.done .progress-bar-icon.fa-check { display: block; }
.credit-progress li.done .progress-bar-icon-belt { background-color: #60aa97; }

.credit-progress li.in-progress .progress-bar-icon { background-color: #009018; }
.credit-progress li.in-progress .progress-bar-icon.fa-refresh { display: block; }
.credit-progress li.in-progress .progress-bar-icon-belt { background-color: #009018; }

.credit-progress li.fail .progress-bar-icon { background-color: #A8141B; }
.credit-progress li.fail .progress-bar-icon.fa-minus-circle { display: block; }
.credit-progress li.fail .progress-bar-icon-belt { background-color: #A8141B; }

.credit-progress li.waiting .progress-bar-icon.fa-times { display: block; }

.progress-container .progress-info { text-align: center; padding: 0 50px 50px 50px; }
.progress-container .progress-info { text-align: center; padding: 0 50px; }
.progress-container .progress-info .progress-form { margin: 10px; }
.progress-container .progress-info .progress-form input[type=submit] { margin: 0 auto; }
.progress-container .progress-info .progress-info-title { font-weight: bold; font-size: 1.5em; padding-top: 10px;}

.progress-container .progress-info #creditFinalizeForm { text-align: left; margin-top: 30px; }
.progress-container .progress-info #creditFinalizeForm .blue-button,
    .progress-container .progress-info #creditFinalizeForm .red-button { margin: 10px; cursor: pointer;}
.progress-container .progress-info #creditFinalizeForm #bankAccount { font-size: 0.9em; }

.progress-container .process-details-container { display: flex; padding-bottom: 20px; padding-top: 20px;}
.progress-container .process-details-container .process-document-list { width: 33%; /*margin: 0 auto;*/ }
.progress-container .process-details-container .process-policy-detail table tr td { color: #999;  line-height: 20px; width: 155px; font-size: 0.8125em; text-align: left; vertical-align: top;}
.progress-container .process-details-container .process-policy-detail table tr td.pdtData { color: #333; line-height: 20px; padding-right: 10px; }
.progress-container .process-details-container .process-document-list,
.progress-container .process-details-container .process-policy-detail { border-right: 1px solid #eaeaea;}

.progress-container .process-details-container .process-document-list:last-of-type { border: none;}

.progress-container .process-details-container .process-document-list h3 ,
.progress-container .process-details-container .process-policy-detail h3 { margin-top: 0; }

.credit-progress-title { text-align: center; }

#creditsList .tableList tr td.colA { width: 50px; text-align: center;}
#creditsList .tableList tr td.colB { width: 100px; }
#creditsList .tableList tr td.colC { width: 250px; }
#creditsList .tableList tr td.colD { width: 200px; }
#creditsList .tableList tr td.colE { width: 200px; }
#creditsList .tableList tr td.colF { width: 200px; }
#creditsList .tableList tr td.colG { width: 150px; }

.progress-container .process-document-list ul { list-style: none; margin: 0; }

.policy-credit-resume { font-size: 0.8125em; padding: 10px 0; clear: both; padding-top: 0; }
.policy-credit-resume img { width: 80px; float: left; margin: 0px 10px 0 0; margin-right: 40px; }
.policy-credit-resume .credit-status { text-decoration: underline; }


#offerApplicationList .trClient td { padding-left: 8px; padding-right: 8px; }
#offerApplicationList .tableList tr td.colA { width: 50px; text-align: center;}
#offerApplicationList .tableList tr td.colB { text-align: left; }
#offerApplicationList .tableList tr td.colC { text-align: left; }
#offerApplicationList .tableList tr td.colD { text-align: left; }
#offerApplicationList .tableList tr td.colE { text-align: left; }
#offerApplicationList .tableList tr td.colF { text-align: left; }
#offerApplicationList .tableList tr td.colG { text-align: left; }
#offerApplicationList .tableList tr td.colH { text-align: left; }
#offerApplicationList .tableList tr td.colI { text-align: center; }
#offerApplicationList .tableList tr td.colJ { text-align: center; padding: 0; }
#offerApplicationList .tableList tr td.colK { text-align: center; cursor: help; }
#offerApplicationList .tableList tr td.colK .has-sign { color: #009018; }
#offerApplicationList .tableList tr td.colK .has-no-sign { color: #ff0000; }

.table-button { margin: 0 auto; width: 83px; color: #fff !important; height: 21px; line-height: 19px; font-size: 13px;}
.questionnaire_curtain .questionnaire_close {background: url(../img/icon/icon_x_black_9x9.png) 0 0 no-repeat; cursor: pointer; display: block; height: 9px; position: absolute; right: 10px; top: 10px; width: 9px; }

#clientAdd .dropbox-container input[type="file"] { border: none; background: inherit; height: initial; line-height: 1.8em; }
#clientAdd .dropbox-container .label { line-height: 1.8em; }
#clientAdd .dropbox-container .dropZone {
    width: 100%;
    height: 150px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 150px;
    font-size: 1.5rem;
}

table.tableList tr.trClient.bg-light-green td { background-color: lightgreen;}
table.tableList tr.trClient.bg-light-red td { background-color: #FFBDBD;}
table.tableList tr.trClient.bg-light-orange td { background-color: #F7C320;}

.assign-commission-buttons button {margin: 0 5px;}
.curtain-assign-commission {z-index: 50}


#agentTokenEuroinsForm .top-file-container {margin-bottom: 0;}
#agentTokenEuroinsForm .top-file-container .hint {display: inline; padding: 0;}
#agentTokenEuroinsForm .top-file-container #file {width: 1px;}
#agentTokenEuroinsForm .top-file-container #tokenFilename {padding-left: 10px;}

#tokensList table.tableList tr td.colA { text-align: center; }
#tokensList table.tableList tr td.colB,
#tokensList table.tableList tr td.colC,
#tokensList table.tableList tr td.colD,
#tokensList table.tableList tr td.colE,
#tokensList table.tableList tr td.colF,
#tokensList table.tableList tr td.colG    { text-align: left; }

table.tableList tr.trClient.bg-light-green td { background-color: lightgreen;}
table.tableList tr.trClient.bg-light-red td { background-color: #FFBDBD;}
table.tableList tr.trClient.bg-light-orange td { background-color: #F7C320;}

.assign-sales-buttons button {margin: 0 5px;}
.curtain-assign-sales {z-index: 50}

#captchaForm #captcha-element { margin: 5px 0; }
#captchaForm #captcha-element #captcha-input { margin-left: 10px; }
#captchaForm #submit-element { margin: 5px 0; }

#comperiaRatyList .tableList tr td.colA {width: 50px; text-align: center;}
#comperiaRatyList .tableList tr.trHead td.colB,
#comperiaRatyList .tableList tr.trHead td.colC,
#comperiaRatyList .tableList tr.trHead td.colD,
#comperiaRatyList .tableList tr.trHead td.colE,
#comperiaRatyList .tableList tr.trHead td.colF {text-align:left;}
#comperiaRatyList .tableList tr td.colB {width: 200px;}
#comperiaRatyList .tableList tr td.colF {width: 75px;}
#comperiaRatyList .tableList tr td.colD {width: 250px;}

#comfinoList .tableList tr td.colA {width: 50px; text-align: center;}
#comfinoList .tableList tr.trHead td.colB,
#comfinoList .tableList tr.trHead td.colC,
#comfinoList .tableList tr.trHead td.colD,
#comfinoList .tableList tr.trHead td.colD1,
#comfinoList .tableList tr.trHead td.colE,
#comfinoList .tableList tr.trHead td.colF {text-align:left; }
#comfinoList .tableList tr td.colB {width: 200px;}
#comfinoList .tableList tr td.colC {width: 140px; padding: 0 5px;}
#comfinoList .tableList tr td.colD {width: 200px; padding: 0 5px;}
#comfinoList .tableList tr td.colD1 {width: 200px; padding: 0 5px;}
#comfinoList .tableList tr td.colE {width: 300px; padding: 5px;}
#comfinoList .tableList tr td.colF {width: 75px; padding: 0 10px;}


a.blue-link   { color: #00a6d6; }
a.blue-link:hover { color: #76cee7; text-decoration: none; }

a.blk-under-link   { color: #000; text-decoration: underline; }
a.blk-under-link:hover { text-decoration: none; }

.blue-bg-color { background-color: #00a6d6 !important; }
#directIssueForm .modal-footer-button {height: 45px !important;}

#affiliateLinkModal .modal-personal-data__column,
#mfaVerificationCodesWarningModal .modal-personal-data__column,
#trustedDevicesWarningModal .modal-personal-data__column { height: 110px; display: table; text-align: center; }
#affiliateLinkModal .modal-personal-data__column .affiliate-link-text,
#mfaVerificationCodesWarningModal .modal-personal-data__column .affiliate-link-text,
#trustedDevicesWarningModal .modal-personal-data__column .affiliate-link-text { font-size: 20px; display: table-cell; vertical-align: middle;}

#affiliateLinkModal .modal-content .modal-info,
#mfaVerificationCodesWarningModal .modal-content .modal-info,
#trustedDevicesWarningModal .modal-content .modal-info { padding: 5px 0; padding-bottom: 0;}
#affiliateLinkModal .modal-footer .wrapper,
#mfaVerificationCodesWarningModal .modal-footer .wrapper,
#trustedDevicesWarningModal .modal-footer .wrapper { display: flex;justify-content: center }
#affiliateLinkModal .modal-footer .wrapper .modal-footer-button,
#mfaVerificationCodesWarningModal .modal-footer .wrapper .modal-footer-button,
#trustedDevicesWarningModal .modal-footer .wrapper .modal-footer-button { height: 50px; margin: 10px 10px 20px 10px; }
#affiliateLinkModal .modal-body .wrapper .modal-result-excerpt,
#mfaVerificationCodesWarningModal .modal-body .wrapper .modal-result-excerpt,
#trustedDevicesWarningModal .modal-body .wrapper .modal-result-excerpt { font-size: 12px; }

#comfinoListInvitationAdmin .tableList tr td.colA {width: 50px; text-align: center;}
#comfinoListInvitationAdmin .tableList tr.trHead td.colB,
#comfinoListInvitationAdmin .tableList tr.trHead td.colC,
#comfinoListInvitationAdmin .tableList tr.trHead td.colD,
#comfinoListInvitationAdmin .tableList tr.trHead td.colD1,
#comfinoListInvitationAdmin .tableList tr.trHead td.colE,
#comfinoListInvitationAdmin .tableList tr td.colB {width: 200px;}
#comfinoListInvitationAdmin .tableList tr td.colC {width: 140px; padding: 0 5px;}
#comfinoListInvitationAdmin .tableList tr td.colD {width: 200px; padding: 0 5px;}
#comfinoListInvitationAdmin .tableList tr td.colD1 {width: 200px; padding: 0 5px;}
#comfinoListInvitationAdmin .tableList tr td.colE {width: 50px; padding: 5px;}

#comfinoListApplicationAdmin .tableList tr td.colA {width: 50px; text-align: center;}
#comfinoListApplicationAdmin .tableList tr.trHead td.colB,
#comfinoListApplicationAdmin .tableList tr.trHead td.colC,
#comfinoListApplicationAdmin .tableList tr.trHead td.colD,
#comfinoListApplicationAdmin .tableList tr.trHead td.colE,
#comfinoListApplicationAdmin .tableList tr.trHead td.colE1,
#comfinoListApplicationAdmin .tableList tr.trHead td.colF,
#comfinoListApplicationAdmin .tableList tr td.colB {width: 200px;}
#comfinoListApplicationAdmin .tableList tr td.colC {width: 140px; padding: 0 5px;}
#comfinoListApplicationAdmin .tableList tr td.colD {width: 200px; padding: 0 5px;}
#comfinoListApplicationAdmin .tableList tr td.colE {width: 200px; padding: 0 5px;}
#comfinoListApplicationAdmin .tableList tr td.colE1 {width: 100px; padding: 5px;}
#comfinoListApplicationAdmin .tableList tr td.colF {width: 50px; padding: 5px;}
#comfinoListApplicationAdmin .tableList tr td.colG {width: 70px; padding: 5px;}

#affiliateLinkModal .qrcode-button .fa-qrcode { font-size: 22px; }

.art-carousel-container { position: relative; }
.art-carousel-bottom-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    /*background-color: rgba(0, 0, 0, 0.5);*/
}
.art-carousel-left-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    font-size: 15px;
    cursor: pointer;
    background-color: #ff8c00;
    text-transform: uppercase;
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    font-family: 'LatoBold';
    color: #ffffff;
    left: 10px;
    width: 115px;
}

#artComfinoModalCurtain.curtain > div {
    margin: 50px auto;
}
#artComfinoModalCurtain .curtain-content-container {
    padding: 10px 30px 40px 30px;
    height: 80%;
    max-height: 600px;
}

#artComfinoModalCurtain main {
    position: relative;
    height: 100%;
}

#artComfinoModalCurtain main img {
    height: 92%;
}

#artComfinoModalCurtain main .tab .tablinks {
    float: left;
    display: block;
    font-family: 'LatoLight';
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background-color: #585858;
    color: #fff;
}

#artComfinoModalCurtain main .tab .tablinks.selected {
    background-color: #fff;
    border-bottom: 0;
    background-color: #fff;
    color: #000;
}

.tools-leadpage-container .template-main .form-container { padding: 40px; text-align:center; }
.tools-leadpage-container .template-main .form-container .form-row #lp-url { width:77%;height:40px;background-color:white; text-align:center; }
.tools-leadpage-container .template-main .form-container .form-row .copy-button,
.tools-leadpage-container .template-main .form-container .form-row .qrcode-button { height:40px; margin-left: 3px; text-transform: uppercase; display: flex; align-items: center;justify-content: center; gap: 11px; }
.tools-leadpage-container .template-main .form-container .form-row .btn i { font-size: 17px; }
.tools-leadpage-container .template-main .form-container .form-row .qrcode-button { background-color: #fff; color: #00A6D6 }
.tools-leadpage-container .template-main .form-container .form-row .afl-agreements { font-size: 14px; text-align: left}
.tools-leadpage-container .template-main .form-container #lp-log-tb { width:70%; }
.tools-leadpage-container .template-main .form-container #lp-log-tb thead { background-color:#d2d2d2; }
.tools-leadpage-container .template-main .form-container #lp-log-tb thead th { padding:20px; }
.tools-leadpage-container .template-main .form-container #lp-log-tb tbody th { padding-top:10px; }
.tools-leadpage-container .template-main .form-container #lp-log-tb tbody tr:hover { background-color:white; }
.tools-leadpage-container .template-main .form-container #lp-log-tb tbody:nth-child(odd) { background-color:#e2e2e2; }
.tools-leadpage-container .template-main .form-container .copy-button,
.tools-leadpage-container .template-main .form-container .qrcode-button { background: #00a6d6; border: none; }

/*.tools-leadpage-container .template-main .form-container .form-row #lp-url[readonly] { background-color:#E4E4E4; color: #666666; cursor: help}*/
/*.tools-leadpage-container .template-main .form-container .form-row .copy-button[readonly],*/
/*.tools-leadpage-container .template-main .form-container .form-row .qrcode-button[readonly] { background-color:#E4E4E4; color: #666666; border: 1px solid #ccc;*/
/*    cursor: help; }*/

.input-group-text-mail::after {
    content: ' \0040';
}
.input-group-text-phone::after {
    content: ' \0030\0030\0030\002D\0030\0030\0030\002D\0030\0030\0030';
}
.input-group-text-map {
    background-color: #39BADF;
}
.input-group-text-map::after {
    content: ' \0057\0079\0062\0069\0065\0072\007A\0020\007A\0020\006D\0061\0070\0079';
    cursor: pointer;
    color: #fff;
    font-style: normal;
}
#policyDetail .pdTop .pdtRight .docs-foreground{
     background: white;
     position: relative;
     width: 100%;
     height: 150px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

#policyDetail .pdTop .pdtRight .docs-foreground a {width: 70%;}
#policyDetail .pdTop .pdtRight .docs-foreground a img {width: 100%;}
.affiliate-promo-txt { color: #000000; font-weight: bolder;}


#comperoEventList .tableList tr td.colA {width: 50px; text-align: center;}
#comperoEventList .tableList tr.trHead td.colB,
#comperoEventList .tableList tr.trHead td.colC,
#comperoEventList .tableList tr.trHead td.colD { text-align: left; }

#comperoEventList .tableList tr td.colB,
#comperoEventList .tableList tr td.colC,
#comperoEventList .tableList tr td.colD {width: 200px; padding: 0 5px;}



/*GENERAL*/
.comperia-agent-landing {

    max-width: 1040px;
    padding: 0 15px;
    margin: 0 auto;
    font-weight: 300;
    box-sizing: border-box;
}

.font-weight-bold {
    font-weight: bold;
}
.main-title {
    font-size: 25px;
}

/*END GENERAL*/

/*buttons section*/
.buttons-sections {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-bottom: 1px solid #023171;
}
.buttons-sections button {
    font-size: 19px;
    background-color: #fff;
    color: #023171;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
    display: flex;
    padding: 15px 25px;
    gap: 15px;
    justify-content: center;
    border: none;
}
.buttons-sections button.active {
    background-color: #023171;
    color: #fff;
    border-color: #023171;
}
.buttons-sections button.active img{
    filter: brightness(0) invert(1);
}
.buttons-sections button:hover {
    cursor: pointer;
    -webkit-box-shadow: 16px 10px 32px -16px rgba(66, 68, 90, 1);
    -moz-box-shadow: 16px 10px 32px -16px rgba(66, 68, 90, 1);
    box-shadow: 16px 10px 32px -16px rgba(66, 68, 90, 1);
}
/**/


.graphic-content-box,
.text-content-box {
    display: none;
}
.general-posts,
.posts-ocac,
.graphic-content-box__elements{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}
.text-content-element {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
    background-color: #f3f3f3;
    padding: 25px;
}
.text-content-box button,
.text-content-box-landing button,
.graphic-content-box a {
    display: flex;
    gap: 15px;
    width: fit-content;
    padding: 10px 15px;
    margin: 0 auto;
    border: 1px solid #00A6D6;
    background-color: #fff;
    border-radius: 5px;
    color: #00A6D6;
    text-transform: uppercase;
}
.graphic-content-box a {
    margin: 0 0 0 auto;
    align-self: flex-end;
}
.graphic-content-box a:hover {
    text-decoration: none;
}
.text-content-element{
    flex-direction: column;
}

.graphic-content-element {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 20px;
    background-color: #f3f3f3;
    max-height: 200px;
}
.graphic-content-element img {
    cursor: pointer;
    width: 50%;
}
.graphic-content-element .element-info {
    display: flex;
    flex-direction: column;
    padding: 20px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 12px;
    gap: 35px;
}
.graphic-content-element .element-info img{
    cursor: pointer;
}

.content-section .btn {
    height: 45px;
    padding: 5px;
}

@media (min-width: 991px) {
    .buttons-sections {
        display: flex;
        flex-direction: row;
        gap: 0;
    }
    .buttons-sections button {
        font-size: 19px;
        background-color: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,0.15);
        transition: box-shadow 0.3s ease-in-out;
        display: flex;
        gap: 15px;
        justify-content: center;
        align-items: center;
    }

    .text-content-element p,
    .graphic-content-element p{
        margin-bottom: 0;
    }
    .text-content-element,
    .graphic-content-element {
        /*flex-direction: row;*/
    }
    .graphic-content-element .element-info {
        justify-content: flex-start;
        max-width: 60%;

    }
}

.font-root .form-container{
    font: normal normal normal 1em/1.2 'LatoRegular', Arial, sans-serif !important;
}

/*Narzędzia agenta*/

.font-modern {
    font-family: 'LatoLight', sans-serif !important;
}

.tools-grid {
    font-family: 'Lato', sans-serif !important;
}
.agent-tools-header {
    /*font-family: 'LatoLight';*/
    font-size: 1.5em;
}
.header-text{
   padding: 20px 0;
}
.header-text .header-text__headline {
    font-size: 26px;
    margin-bottom: 20px;
}
.header-text .header-text__normalText {
    font-size: 20px;
}
.tools-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 40px;
    padding: 40px 0;
}
.tool-card {
    background-color: #fff;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
}
.tool-card__header {
    background-color: #023171;
    color: #fff;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 23px;
}
.tool-card__header p{
    margin-bottom: 0;
    font-weight: 300;
 }
.tool-card__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.tool-card__text {
    padding: 15px;
    font-size: 14px;
    line-height: 22px;
}
.tool-card__text span{
    font-weight: bold;
}
.tool-card__cta {
    display: block;
    width: fit-content;
    padding: 15px 30px;
    margin: 0 auto;
    border: 1px solid #00A6D6;
    border-radius: 5px;
    color: #00A6D6;
}

.tool-card__cta:hover {
    text-decoration: none;
    color: #0694be;
}

/*SWICTH */
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #00a6d6;
}

input:focus + .slider {
    box-shadow: 0 0 1px #00a6d6;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.alert-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #E41E3F;
    z-index: 5;
    position: absolute;
}

.alert-circle-exclamation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
}

#sidebar li .alert-circle {
    top: -1px;
    left: 37px;
}

.tabsNavigation #leadsCard { position: relative; }
.tabsNavigation #leadsCard .alert-circle {
    top: -9px;
    left: 54px;
}

.tool-card {
    position: relative;
}
.tool-card .alert-circle {
    top: -9px;
    right: -8px;
    z-index: 4;
}

.popup-crtn-mdrn {
    background: rgba(32,32,32,0.40);
    left: 0;
    top: 0;
    display: none;
    color: #333;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;

}

.popup-crtn-mdrn .popup-mdrn {
    position: relative;
    display: inline-block;
    margin: 50px auto;
}

.popup-crtn-mdrn .popup-mdrn .popup-mdrn-clck {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: transparent; /* Przezroczyste tło */
    pointer-events: auto;
    cursor: pointer;
}

.popup-crtn-mdrn .popup-mdrn .popup-mdrn-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #00A6D6;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
}
.popup-crtn-mdrn .popup-mdrn .popup-mdrn-icon::before,
    .popup-crtn-mdrn .popup-mdrn .popup-mdrn-icon::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 4px;
    background-color: white;
}
.popup-crtn-mdrn .popup-mdrn .popup-mdrn-icon::before {
    transform: rotate(45deg);
}
.popup-crtn-mdrn .popup-mdrn .popup-mdrn-icon::after {
    transform: rotate(-45deg);
}



/*.media-container .form-group { box-shadow: unset;}*/

#preview_agent_photo,
    #preview_agent_logotype {max-width: 250px; max-height: 250px;}
#preview_agent_signature {max-width: 250px; max-height: 250px;}
#preview_agency_logotype {max-width: 250px; max-height: 250px;}

.formIndividualContainer .form-group .custom-file .invalid-feedback {
    box-shadow: 2px 2px 4px 0px black;
    z-index: 4;
    color: white;
    position: absolute;
    top: 0px;
    right: -310px;
    background-color: #ff0000;
    padding: 4px 7px;
    font-size: 14px;
    display: none;
    cursor: pointer;
    width: 300px;
    text-align: left;
    display: none;
}
.formIndividualContainer .form-group.invalid .custom-file-label {
    border: 1px solid #ff0000;
}
.formIndividualContainer .form-group.invalid .custom-file .invalid-feedback {
    display: block;
}

#salesPolicies table.tableList tr td.colJ .tooltip { display: inline; }

#landingPageContentForm input[type="checkbox"] { height: 100%; }

.input-group-prepend .input-group-icon {padding-top: 10px;}

#clientAdd #landingPageContentForm .form-row-margin-reset { margin-bottom: unset; }

#landingPageMain .template-main .form-container .form-row #landingCpyBtn[disabled] { background-color: #CCC; }
#landingPageMain .template-main .form-container .form-row #landingQrBtn[disabled] { color: #CCC; }

.input-group-telegram {
    background: url('../img/icon/ca-light-telegram.png') no-repeat;
    background-size: 20px auto;
    width: 40px;
    background-position: 10px;
    background-color: #E9ECEF;
}

.input-group-messenger {
    background: url('../img/icon/ca-light-messenger.png') no-repeat;
    background-size: 20px auto;
    width: 40px;
    background-position: 10px;

    background-color: #E9ECEF;
}

.input-group-twitter {
    background: url('../img/icon/ca-light-x.png') no-repeat;
    background-size: 17px auto;
    width: 36px;
    background-position: 10px;
    background-color: #E9ECEF;
}

.input-group-prepend .input-group-icon.fa-whatsapp
{
    font-size: 22px;
    padding-top: 8px;
}

.input-group-prepend .input-group-icon.fa-facebook,
.input-group-prepend .input-group-icon.fa-instagram
{
    font-size: 21px;
    padding-top: 8px;
}

#mapContainer {
    position: relative;
    height: 80vh;
    width: 100%;
}

.map-search-container {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border-radius: 5px;
    z-index: 1000; /* Zapewnia, że pole jest na wierzchu mapy */
}

.map-search-input {
    padding: 10px;
    width: 300px;
    margin-right: 10px;
}

/* Stylizacja przycisku "Szukaj" */
.map-search-button, .map-search-confirm {
    padding: 10px;
    background-color: #00A6D6;
    color: white;
    border: none;
    cursor: pointer;
}

#mapPopup .popup-mdrn .popup-mdrn-icon {
    top: -18px;
    right: -18px;}

/* Stylizacja listy wyników */
.map-search-results {
    position: absolute;
    top: 50px;
    left: 10px;
    background-color: white;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    display: none;
    width: 300px;
}

/* Stylizacja pojedynczego wyniku */
.map-result {
    padding: 5px 10px;
    cursor: pointer;
    text-align: left;
}

.map-result:hover {
    background-color: #f2f2f2;
}

#mapPopup .ol-zoom {
    bottom: 2.5em;
    right: .5em;
    top: unset;
    left: unset;
}

.cbx-big-20 {
    width: 20px;
    height: 20px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-week-button {
    float: left;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-two-weeks-button {

}

.ui-datepicker-next {
	position: absolute;
	left: 200px;
	top: 6px;
	cursor: pointer;
	overflow: visible;
	display: block;
}

.ui-datepicker-prev {
	position: absolute;
	right: 204px;
	top: 6px;
	cursor: pointer;
	overflow: visible;
	display: block;
}
.matrix-alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
    margin-top: 10px;
}
.matrix-alert-info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
    margin-top: 10px;
}

.form-description {margin: 20px 5px 30px; font-family: 'LatoLight';}
.form-description ul { list-style-type: none; margin: 5px 0; }

.icon-tile-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 40px;
}

.icon-tile-subcontainer {
    display: flex;
    gap: 20px;
    margin-top: 15px;
}

.icon-tile-return {
    color: #999;
    cursor: pointer;
}

.icon-tile-wrapper {
    display: flex; /* use flexbox to layout children */
    flex-direction: column; /* stack children vertically */
    justify-content: center; /* center children vertically */
    align-items: center; /* center children horizontally */
    border: 1px solid #dcdcdc; /* light grey border */
    border-radius: 10px; /* rounded corners */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* subtle shadow */
    padding: 20px; /* spacing around the icon */
    width: 130px;
    height: 130px;
    cursor: pointer;
}

.icon-tile-wrapper .icon-tile-img {
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
}

.icon-tile-container-management {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 40px;
}

.icon-tile-subcontainer-management {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 15px;
}

.icon-tile-return-management {
    color: #999;
    cursor: pointer;
}

.icon-tile-wrapper-management {
    display: flex; /* use flexbox to layout children */
    flex-direction: column; /* stack children vertically */
    justify-content: center; /* center children vertically */
    align-items: center; /* center children horizontally */
    border: 1px solid #dcdcdc; /* light grey border */
    border-radius: 10px; /* rounded corners */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* subtle shadow */
    padding: 20px; /* spacing around the icon */
    width: 130px;
    height: 130px;
    cursor: pointer;
}

.icon-tile-wrapper-management .icon-tile-img-management {
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
}

.icon-calc-rocket {
    position: absolute;
    right: 1px;
    top: -12px;
    width: 25px;
}

.apk-subform {
    margin-bottom: 20px;
    margin-top: 10px;
}

#apkStepTwo {
    margin-top: 30px;
}

#apkStepTwo #apkRiskContainer .f-col-element {
    display: flex;
    justify-content: space-between;
}

#apkStepTwo #apkRiskContainer .f-col-element label {
    flex: 1;
}

#apkStepTwo #apkRiskContainer .f-col-element label input {
    margin: 0 10px;
    line-height: 100%;
    margin-top: -4px;
}

.apk-main-cont {
    display: flex;
    justify-content: center;
    gap: 100px;
}
.apk-main-cont button {
    width: 265px;
}
.apk-list {
    border-spacing: 0;
    border-collapse: inherit;
    width: 100%;
}

.apk-list tr.trHead td {
    background-color: #808080;
    color: #fff;
}
.apk-list tr td {
    padding: 5px 0 5px 15px;
    background-color: #fff;
    border-bottom: 1px solid #f3f3f3;
    color: #333;
    font-size: 0.8125em;
    height: 21px;
    text-align: left;
    vertical-align: middle;
}

.apk-list tr td.tdLink a { color: #1188c6; }
.apk-list tr td.tdLink a.blue-button,
.apk-list tr td.tdLink a.green-button { color: #fff; width: 80px; display: inline-block; }
.apk-list tr td.tdLink a.blue-button:hover,
.apk-list tr td.tdLink a.green-button:hover { color: #fff; }
.apk-list tr td.tdLink a:hover   { color: #39badf; text-decoration: none; }
#apkListFilter input[type="submit"] {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

#apk_risks .card-element-hidden {display:none;}

#apk_risks input[type="checkbox"].card-element-hidden:checked + label {
    background-color: #323232;
    color: #f3f5f6;
}
#apk_risks input[type="checkbox"].card-element-hidden:checked + label::after {
    border-right-color: #323232;
}

#apk_risks input[type="checkbox"].card-element-hidden:checked + label .fa-check {
    display: block;
    color: #009018;
    font-size: 2em;
    position: absolute;
    top: -5px;
    left: -11px;
    z-index: 1;
}

#apkForm #offerSubmit {
    height: 25px; float: right; padding: 0; margin-top: 10px; margin-right: 5px;
}

.apk-list-container .scan-container .open-scan {cursor: pointer;}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}
.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-outline-comperia {
    color: #39BADF;
    background-color: transparent;
    background-image: none;
    border-color: #39BADF !important;
    width: 100px;
}

.btn-outline-comperia:not(:disabled):not(.disabled):active, .btn-outline-comperia:not(:disabled):not(.disabled).active, .show > .btn-outline-comperia.dropdown-toggle {
    color: #fff;
    background-color: #39BADF;
    border-color: #39BADF;
}

.btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

#trustedDevicesList .colA { padding-left: 10px; width: 20px; text-align: center; }
#trustedDevicesList .colB { width: 400px; text-align: center; }
#trustedDevicesList .colC { width: 150px; text-align: center; }
#trustedDevicesList .colD { width: 100px; text-align: center;}
#trustedDevicesList .colD .blue-button { width: 100px; margin: 0 auto;}

.icon-security-lock {
    position: absolute;
    right: -6px;
    top: -12px;
    width: 25px;
}

#walletExternalForm .header_div {
    color: #000;
}
#policyDetail .pdbHeader { position: relative; }
#policyDetail .pdbHeader .packet-alert-bonus { 
    position: absolute;
    right: 0;
    top: 0;
    background-color: #00a6d6;
    color: #fff;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer; 
}

.f-col-element .f-element.text-date {
    width: 120px;
    margin-right: 5px;
}   

.standard-modal {
    display: none;
}


#paymentSlipInit {
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

#paymentSlipInit img {
    height: 28px;
}

/* Stylizacja paska informacyjnego */
.form-info-bar {
    display: flex;
    flex-direction: column;
    background-color: #eaf4fd;
    color: #155fa0;
    border: 1px solid #b6d4fe;
    border-radius: 2px;
    padding: 10px 16px;
    margin-bottom: 16px;
    font-size: 15px;
  }
  
  .form-info-bar .form-info-bar-icon {
    font-size: 20px;
    margin-right: 10px;
  }
  
  .form-info-bar .form-info-bar-blik {
    height: 24px;
    margin-left: 5px;
  }
  .form-info-bar .form-info-bar-remark {
    margin-left: 37px;
  }