/* 
	Table of Contents
	update on Fri Jul 10 2015 10:21:29 GMT+0300 (FLE Summer Time)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Fonts ------------------------------------
	     03. Base -------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	II.  Regions --------------------------------------
	     01. Wrapper ----------------------------------
	     02. Shell ------------------------------------
	     03. Header -----------------------------------
	     04. Footer -----------------------------------
	     05. Content ----------------------------------
	     06. Content Widgets --------------------------
	     07. Sidebar ----------------------------------
	III. Themes ---------------------------------------
	IV.  Modules --------------------------------------
	     01. Bar --------------------------------------
	     02. Button -----------------------------------
	     03. Button Secondary -------------------------
	     04. Button Toggle ----------------------------
	     05. Form Elements ----------------------------
	     06. Form Login -------------------------------
	     07. Form Settings ----------------------------
	     08. Form New File ----------------------------
	     09. Form Modal -------------------------------
	     10. List -------------------------------------
	     11. List Form Actions ------------------------
	     12. List Radios ------------------------------
	     13. List Client States -----------------------
	     14. List Personal Details --------------------
	     15. List Section Actions ---------------------
	     16. List Documents ---------------------------
	     17. List Tasks -------------------------------
	     18. List Programs ----------------------------
	     19. List Prices ------------------------------
	     20. List Calculator --------------------------
	     21. Modal ------------------------------------
	     22. Nav --------------------------------------
	     23. Nav Tabs ---------------------------------
	     24. Nav Paging -------------------------------
	     25. Search -----------------------------------
	     26. Section Login ----------------------------
	     27. Section Compare --------------------------
	     28. Section Settings -------------------------
	     29. Section Programs -------------------------
	     30. Section Planing --------------------------
	     31. Tab --------------------------------------
	     32. Table ------------------------------------
	     33. Table Secondary --------------------------
	     34. Table Teritary ---------------------------
	     35. Tracks -----------------------------------
	     36. Tracks Big -------------------------------
	     37. Widget -----------------------------------
	     38. Widget Search ----------------------------
	     39. Widget References ------------------------
	     40. Widget Prices ----------------------------
	     41. Widget Calculator ------------------------
 */

.ico-balance { background-image: url(images/sprite.png); background-position: -86px -90px; width: 24px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-report { background-image: url(images/sprite.png); background-position: -130px -125px; width: 21px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-calendar { background-image: url(images/sprite.png); background-position: 0 -126px; width: 22px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-chevron-left { background-image: url(images/sprite.png); background-position: -168px -26px; width: 6px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-dismiss { background-image: url(images/sprite.png); background-position: -158px -63px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-doc-file { background-image: url(images/sprite.png); background-position: 0 -36px; width: 39px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-exclamation-dual { background-image: url(images/sprite.png); background-position: -129px -66px; width: 15px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-exclamation-single { background-image: url(images/sprite.png); background-position: -158px -26px; width: 6px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-exclamation-triple { background-image: url(images/sprite.png); background-position: -129px 0; width: 25px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-login-btn { background-image: url(images/sprite.png); background-position: 0 0; width: 81px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-new-person { background-image: url(images/sprite.png); background-position: -85px -40px; width: 33px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-new-support { background-image: url(images/sprite.png); background-position: -96px -113px; width: 33px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-new-meeting { background-image: url(images/sprite.png); background-position: -51px -117px; width: 41px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-new-task { background-image: url(images/sprite.png); background-position: -45px -90px; width: 37px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-pdf-file { background-image: url(images/sprite.png); background-position: -43px -36px; width: 37px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-pdf { background-image: url(images/sprite.png); background-position: -158px 0; width: 18px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-print { background-image: url(images/sprite.png); background-position: -26px -126px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-search { background-image: url(images/sprite.png); background-position: -129px -37px; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-tickmark { background-image: url(images/sprite.png); background-position: 0 -90px; width: 41px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-upload { background-image: url(images/sprite.png); background-position: -85px 0; width: 40px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-user { background-image: url(images/sprite.png); background-position: -158px -80px; width: 12px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-new-pdf-file { background-image: url(images/ico-types.jpg); background-position: 0px 0px; width: 37px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-new-gif-file { background-image: url(images/ico-types.jpg); background-position: -37px 0px; width: 37px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-new-doc-file { background-image: url(images/ico-types.jpg); background-position: -74px 0px; width: 37px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-new-png-file { background-image: url(images/ico-types.jpg); background-position: -111px 0px; width: 37px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-new-jpg-file { background-image: url(images/ico-types.jpg); background-position: -148px 0px; width: 37px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-new-xls-file { background-image: url(images/ico-types.jpg); background-position: -185px 0px; width: 37px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-new-ppt-file { background-image: url(images/ico-types.jpg); background-position: -222px 0px; width: 37px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-new-ooo-file { background-image: url(images/ico-types.jpg); background-position: -259px 0px; width: 37px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-guides { background-image: url(images/ico-guide.gif); width: 25px; height: 27px; display: inline-block; vertical-align: middle; font-size: 0; margin-top: 5px; }

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; border: 0; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
	font-family: 'NarkisBlockConMF';
	src: url('fonts/NarkisBlockConMF_400_normal_1435916396.eot');
	src: url('fonts/NarkisBlockConMF_400_normal_1435916396.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NarkisBlockConMF_400_normal_1435916396.svg#NarkisBlockConMF') format('svg'),
		 url('fonts/NarkisBlockConMF_400_normal_1435916396.woff') format('woff'),
		 url('fonts/NarkisBlockConMF_400_normal_1435916396.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'SegoeUI';
	src: url('fonts/SegoeUI_300_italic_1434012521.eot');
	src: url('fonts/SegoeUI_300_italic_1434012521.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SegoeUI_300_italic_1434012521.svg#SegoeUI') format('svg'),
		 url('fonts/SegoeUI_300_italic_1434012521.woff') format('woff'),
		 url('fonts/SegoeUI_300_italic_1434012521.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'SegoeUI';
	src: url('fonts/SegoeUI_400_normal_1434012521.eot');
	src: url('fonts/SegoeUI_400_normal_1434012521.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SegoeUI_400_normal_1434012521.svg#SegoeUI') format('svg'),
		 url('fonts/SegoeUI_400_normal_1434012521.woff') format('woff'),
		 url('fonts/SegoeUI_400_normal_1434012521.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'SegoeUI';
	src: url('fonts/SegoeUI_700_normal_1434012521.eot');
	src: url('fonts/SegoeUI_700_normal_1434012521.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SegoeUI_700_normal_1434012521.svg#SegoeUI') format('svg'),
		 url('fonts/SegoeUI_700_normal_1434012521.woff') format('woff'),
		 url('fonts/SegoeUI_700_normal_1434012521.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { font-family: 'Arial', 'Helvetica', sans-serif; font-size: 16px; line-height: 1.19; color: #454545; font-weight: 400; font-style: normal; text-transform: none; text-decoration: none; letter-spacing: 0; word-spacing: 0; direction: rtl; background: #f2f2f2; }

/* .body-login { background: #eee url(images/bg-login.png) repeat 0 0; } */
 .body-login { background: #eee url(images/bglogin.jpg) no-repeat 0 0; background-size: 100%; } 

a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1 { font-size: 56px; font-family: 'NarkisBlockConMF', sans-serif; }
h2 { font-size: 40px; font-family: 'NarkisBlockConMF', sans-serif; }
h3 { font-size: 36px; font-family: 'NarkisBlockConMF', sans-serif; }
h4 { font-size: 26px; font-family: 'NarkisBlockConMF', sans-serif; }
h5 { font-size: 16px; font-family: 'NarkisBlockConMF', sans-serif; }
h6 { font-size: 14px; font-family: 'NarkisBlockConMF', sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.595em; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.19em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.tab:after,
.clear:after,
.shell:after,
.form-row:after,
.nav-tabs ul:after,
.section-clients:after,
.content-widgets:after,
.section-documents:after,
.nav-tabs-secondary:after { content: ''; line-height: 0; display: table; clear: both; }

/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }

/*  Hidden  */

[hidden],
.hidden { display: none; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100%; position: relative; padding-bottom: 154px; background: #f2f2f2; }

.wrapper-alt { background: transparent; }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1040px; margin: auto; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: relative; z-index: 50; height: 60px; /*background: #6b1753;*/ }

.header .header-logo { position: relative; float: left; height: 115px; width: 376px; padding-top: 10px; margin-top: -43px; background: #fff; text-align: center; }
.header .header-logo:before { content: ''; position: absolute; z-index: -1; left: -10px; bottom: -25px; background: url(images/logo-shadow.png) no-repeat 0 0; width: 396px; height: 63px; }
.header-logo div{ display: inline-block; vertical-align: middle; }
#alert_logo { float: left; margin: 49px 0px 0px -152px; position: relative; color: #878787; font-size:14px; background: url(images/ico-logo-alert.gif) no-repeat; background-position: right center; padding: 3px 22px 0px 0px; }

.header .header-actions { float: left; margin: 16px 0 0 38px; }
.header .header-btn { display: inline-block; vertical-align: middle; padding: 0 20px; background: #878787; line-height: 30px; height: 28px; border-radius: 15px; color: #f2f2f2; font-size: 24px; font-family: 'NarkisBlockConMF', sans-serif; text-decoration: none; transition: background .3s ease-out; }
.header .header-btn:hover { background: #777; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { position: absolute; bottom: 0; left: 0; right: 0; padding-bottom: 30px; background: #939393; }

.footer .footer-bar { position: relative; padding: 3px 0; background: #acacac; color: #fff; text-align: center; font-size: 20px; font-family: 'NarkisBlockConMF', sans-serif; }
.footer .footer-bar:after { content: ''; position: absolute; left: 0; top: 100%; width: 1679px; height: 18px; background: url(images/footer-shadow.png) no-repeat 0 0; background-size: 100% 100%; }

.footer .footer-body { padding: 34px 0; color: #fff; }

.footer .footer-body-inner { float: left; font-family: 'NarkisBlockConMF', sans-serif; font-size: 20px; }
.footer .footer-body-inner a { text-decoration: underline; }
.footer .footer-body-inner a:hover { text-decoration: none; }

.footer .footer-nav { float: right; margin: 4px 3px 0 0; font-size: 20px; font-family: 'NarkisBlockConMF', sans-serif; }
.footer .footer-nav ul { list-style: none outside none; }
.footer .footer-nav li { display: inline-block; vertical-align: top; line-height: 0.8; }
.footer .footer-nav li + li { border-right: 1px solid #fff; padding-right: 11px; margin-right: 11px; }
.footer .footer-nav a { display: block; padding: 0 6px; text-decoration: none; transition: color .3s ease-out; }
.footer .footer-nav a:hover { text-decoration: none; color: rgba(255, 255, 255, .7); }

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content { width: 738px; float: right; }

/* ------------------------------------------------------------ *\
	Content Widgets
\* ------------------------------------------------------------ */

.content-widgets .widget-table { width: 458px; float: right; }
.content-widgets .widget-references { width: 253px; float: left; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { width: 247px; float: left; }
.sidebar2 { width: 247px; float: left; }

/* ------------------------------------------------------------ *\
	III. Themes
\* ------------------------------------------------------------ */



/* ------------------------------------------------------------ *\
	IV.  Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Bar
\* ------------------------------------------------------------ */

.bar { padding: 13px 0 10px; font-size: 16px; }

.bar ul { list-style: none outside none; overflow: hidden; }
.bar li { display: inline-block; vertical-align: top; }
.bar li + li:before { content: '|'; padding: 0 9px; }
.bar a { text-decoration: none; }
/*.bar a:hover { color: #6b1753; }*/
.bar i { margin-left: 5px; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; min-width: 116px; height: 39px; line-height: 44px; padding: 0 20px; border: 0; background: #333; color: #fff; font-size: 30px; text-decoration: none; text-align: center; font-family: 'NarkisBlockConMF', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: background .3s ease-out; }
.btn:hover { background: #555; }

/* ------------------------------------------------------------ *\
	Button Secondary
\* ------------------------------------------------------------ */

/*.btn-secondary { background-color: #6b1753; }*/

/* ------------------------------------------------------------ *\
	Button Toggle
\* ------------------------------------------------------------ */

.btn-toggle { display: inline-block; vertical-align: middle; padding: 5px; background: #eaeaea; border-radius: 50%; box-shadow: inset 2px 2px 4px 0 rgba(0, 0, 0, .15); }

.btn-toggle input { display: none; }
.btn-toggle label { display: block; height: 46px; width: 46px; background: #d0d0d0; border-radius: 50%; background: #f9f9f9; background: linear-gradient(to bottom, #f9f9f9 0%,#dfdfdf 100%); font-family: 'SegoeUI', sans-serif; font-size: 34px; line-height: 42px; text-align: center; font-weight: normal; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15), inset 0 1px 0 0 #fff; }
.btn-toggle label:hover { background: #d9d9d9; background: linear-gradient(to bottom, #d9d9d9 0%,#ececec 100%); box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .15); }
.btn-toggle input:checked + label { background: #d0d0d0; box-shadow: inset 0 0 4px 2px rgba(0, 0, 0, .15), 1px 1px 0 0 #fff; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field-secondary { font-family: 'Arial', 'Helvetica', sans-serif; font-size: 16px; line-height: 20px; color: #454545; width: 100%; height: 36px; display: block; padding: 9px 5px 7px; border: 1px solid #ddd; background-color: #fff; border-radius: 0; box-shadow: none; }

.textarea-secondary {}

.radio { position: relative; overflow: hidden; }
.radio input { display: block; position: absolute; top: 0; right: -50px; }
.radio label { width: 38px; height: 38px; display: block; border: 3px solid #fff; border-radius: 3px; }
.radio input:checked + label { border-color: #828282; }

/* .radio .purple-radio { background-color: #6b1753; }
.radio .blue-radio { background-color: #17196b; }
.radio .green-radio { background-color: #176b48; }
.radio .red-radio { background-color: #b40000; }
.radio .grey-radio { background-color: #616161; } */

.checkbox {}

/* ------------------------------------------------------------ *\
	Form Login
\* ------------------------------------------------------------ */

.form-login { position: relative; max-width: 310px; margin: 0 auto; padding: 9px 0 56px; background: #f3f3f3; border: 1px solid #e1e1e1; font-family: 'NarkisBlockConMF', sans-serif; }
.form-login:after { content: ''; position: absolute; left: 50%; top: 100%; margin-left: -177px; background: url(images/form-login-shadow.png) no-repeat 0 0; width: 354px; height: 26px; }

.form-login .form-head h2 { margin: 0 -15px; padding: 16px 0 31px; line-height: 50px; background: url(images/form-login-title.png) no-repeat 0 0; text-align: center; color: #fff; text-align: center; text-shadow: 2px 2px 1px rgba(0,0,0,.4); }

.form-login .form-body { min-height: 165px; padding: 41px 48px 7px 37px; text-align: right; }

.form-login .form-actions { overflow: hidden; padding-left: 37px; padding-right: 48px; }
.form-login .form-actions a { float: right; font-size: 20px; color: #454545; margin-top: 3px; }

.form-login .form-row { margin-bottom: 23px; }

.form-login .form-label { display: block; margin-bottom: 2px; font-size: 26px; color: #454545; line-height: 1; }

.form-login .form-btn { float: left; background-image: url(images/sprite.png); background-position: 0 0; width: 81px; height: 32px; border: 0; color: #fff; font-size: 24px; padding-top: 2px; transition: opacity .3s ease-out; }
.form-login .form-btn:hover { opacity: .8; }

.form-login .field { width: 100%; padding: 7px 10px 6px; background: #c2c2c2; border-radius: 5px; border: 0; box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, .3); }

/* ------------------------------------------------------------ *\
	Form Settings
\* ------------------------------------------------------------ */

.form-settings .field-secondary,
.form-settings .select-custom,
.form-settings .fs-dropdown { width: 181px; float: right; margin: 1px 0 1px 17px; }

.form-settings .fs-dropdown { border: 1px solid #ddd; }
.form-settings .fs-dropdown-selected { line-height: 34px; height: 34px; }
.form-settings .fs-dropdown-selected:before { background-color: transparent; }

.form-settings .btn { margin-right: 30px; }
.sidebar2 .btn { margin-right: 0px; }

.form-settings .fs-dropdown-options { width: auto; left: -1px; right: -1px; border: 1px solid #ddd; border-top: 0; }

.form-settings .sidebar,
.form-settings .sidebar-entry { min-height: 281px; position: relative; padding: 15px 22px; background-color: #fff; }

.form-settings .sidebar:after,
.form-settings .sidebar-entry:after { content: ''; width: 247px; height: 16px; display: block; position: absolute; top: 100%; left: 0; right: 0; background: url(images/sb-shadow.png) no-repeat 0 0; }

.form-settings .sidebar-secondary { padding: 0; background-color: transparent; }
.form-settings .sidebar-secondary:after { content: none; }

.form-settings .sidebar-entry { font-family: 'NarkisBlockConMF', sans-serif; font-size: 24px; line-height: 1.35; color: #454545; padding: 15px 22px; background-color: #fff; }
.form-settings .sidebar-entry strong { color: #000; font-weight: 400; display: block; }
.form-settings .sidebar-entry + .sidebar-entry { min-height: 255px; margin-top: 12px; }

.form-settings .sidebar .list-personal-details { padding: 0; }
.form-settings .sidebar .list-personal-details li { width: auto; float: none; padding: 0; }
.form-settings .sidebar .list-personal-details li + li { padding-top: 17px; }

.form-settings .form-row { padding: 16px 0 15px; margin-bottom: 12px; background-color: #fff; }
.sidebar2 .form-row {
    padding: 0px;
    margin-bottom: 0px;
    background-color: inherit;
}
.form-settings .form-label { font-family: 'NarkisBlockConMF', sans-serif; font-size: 24px; line-height: 1.5; width: 214px; float: right; padding: 2px 35px 0 0 ; }
.form-settings .form-controls { width: 524px; float: right; }
.form-settings .form-logo { width: 220px; float: left; padding-top: 3px; margin: -16px 0 -15px; }
.form-settings .form-body:after { content: ''; line-height: 0; display: table; clear: both; }

.form-settings .form-actions { font-size: 0; line-height: 0; text-align: left; padding-top: 24px; border-top: 1px solid #ddd; margin-top: 43px; }
.form-settings .form-actions .list-section-actions { float: right; padding-top: 3px; }
.form-settings .form-actions .list-section-actions li { padding: 0 0 0 9px; }

li.colors-li { padding: 0px 0px 10px 22px !important; }

/* ------------------------------------------------------------ *\
	Form New File
\* ------------------------------------------------------------ */

.form-small { background-color: #fff; }

.form-small .btn { width: 100%; display: block; margin-top: 17px; }

.form-small .field { font-size: 14px; line-height: 18px; color: #454545; font-weight: 400; width: 100%; height: 26px; display: block; padding: 3px 6px; border: 1px solid #a9a9a9; background-color: #fff; border-radius: 2px; box-shadow: none; }
.form-small .field-medium { width: 122px; float: right; }

.form-small .upload-btn { font-size: 14px; line-height: 18px; color: #fff; text-align: center; width: 93px; float: left; position: relative; overflow: hidden; }
.form-small .upload-btn input { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form-small .upload-btn p { padding: 4px 0; background-color: #333; }

.form-small .fs-dropdown-selected { font-size: 14px; line-height: 20px; color: #454545; height: auto; padding: 2px 6px; border: 1px solid #a9a9a9; border-radius: 2px; }
.form-small .fs-dropdown-selected:before { background-color: transparent; }
.form-small .fs-dropdown-selected:after { left: 5px; }

.form-small .fs-dropdown-options { border: 1px solid #a9a9a9; border-top: 0; }

.form-small .form-head { position: relative; padding: 10px 12px 5px 9px; border-bottom: 1px solid #bebebe; background-color: #ddd; }
.form-small .form-head:after { content: ''; line-height: 0; display: table; clear: both; }
.form-small .form-head:before { content: ''; width: 0; height: 0; display: block; position: absolute; top: 100%; left: 50%; border: 5px solid transparent; border-top-color: #bebebe; margin: 1px 0 0 -5px; }

.form-small .form-head h4 { font-size: 20px; line-height: 26px; color: #454545; float: right; padding: 8px 0; margin: 0; }
.form-small .form-head i { float: left; }
.form-small .form-head .ico-new-task { margin-top: 9px; }
.form-small .form-head .ico-new-person { margin-top: 2px; }

.form-small .form-body { padding: 22px 12px 23px; }
.form-small .form-row { padding-bottom: 12px; }

/* ------------------------------------------------------------ *\
	Form Modal
\* ------------------------------------------------------------ */

.form-modal { padding: 0 14px 0 35px; }

.form-modal .field,
.form-modal .select-custom,
.form-modal .fs-dropdown-selected { font-size: 14px; line-height: 18px; color: #454545; font-weight: 400; width: 100%; height: 26px; display: block; padding: 3px 6px; border: 1px solid #a9a9a9; background-color: #fff; border-radius: 2px; box-shadow: none; }

.form-modal .fs-dropdown { display: block; }

.form-modal .fs-dropdown-selected { line-height: 18px; height: 26px; border: 1px solid #a9a9a9; }
.form-modal .fs-dropdown-selected:before { background-color: transparent; }

.form-modal .fs-dropdown-options { border: 1px solid #a9a9a9; border-top: 0; }

.form-modal .form-row { padding-bottom: 21px; }
.form-modal .form-label { line-height: 26px; width: 180px; float: right; padding-left: 10px; }
.form-modal .form-controls { width: 318px; float: right; }
.form-modal .form-separator { height: 1px; border: 0; margin: 0 -14px 30px -35px; background-color: #ddd; }

.form-modal .form-actions { font-size: 0; line-height: 0; text-align: left; padding-top: 41px; }
.form-modal .form-actions .btn { margin-right: 25px; }
.form-modal .form-actions .btn-secondary { min-width: 146px; }

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	List Form Actions
\* ------------------------------------------------------------ */

.list-form-actions { font-family: 'NarkisBlockConMF', sans-serif; font-size: 24px; line-height: 1; float: right; margin: 0; }
.list-form-actions li { float: right; }
.list-form-actions li + li { padding-right: 32px; }
.list-form-actions a { text-decoration: none; display: block; padding-top: 8px; border-bottom: 1px solid #a2a2a2; }
.list-form-actions a:hover { border-bottom-color: transparent; }

/* ------------------------------------------------------------ *\
	List Radios
\* ------------------------------------------------------------ */

.list-radios { overflow: hidden; }
.list-radios li { float: right; }
.list-radios li + li { padding-right: 22px; }

/* ------------------------------------------------------------ *\
	List Client States
\* ------------------------------------------------------------ */

.list-client-states { font-size: 16px; line-height: 1.38; color: #454545; width: 100%; float: right; padding: 16px 214px 0 164px; border-top: 1px solid #ddd; margin-top: 16px; }
.list-client-states li { width: 50%; float: right; }
.list-client-states a { text-decoration: none; display: block; }
.list-client-states a:hover { text-decoration: underline; }
.list-client-states a i { margin-left: 10px; }
.list-client-states div.fixed-status:hover { text-decoration: none; display: block; }
.list-client-states div.fixed-status i { margin-right: 3px; margin-left: 14px; font-weight: bold; }

/* ------------------------------------------------------------ *\
	List Personal Details
\* ------------------------------------------------------------ */

.list-personal-details { font-family: 'NarkisBlockConMF', sans-serif; font-size: 26px; line-height: 28px; color: #454545; padding: 5px 35px 5px 0; overflow: hidden; }
.list-personal-details li { width: 33.33%; width: 33.33333%; float: right; }
.list-personal-details strong { color: #000; font-weight: 400; }
.list-personal-details small { font-size: 18px; display: block; }
.list-personal-details .email-entry { font-family: 'Arial', 'Helvetica', sans-serif; font-size: 20px; }
.list-personal-details + .list-personal-details { margin-top: -20px; }

.list-personal-details-secondary li { /*width: auto; padding-left: 56px;*/ width: 33.33%; width: 33.33333%; padding-left: 33px; }
.list-personal-details-secondary li:last-child { padding-top: 20px; width: 100%;}

.list-personal-details-teritary li { width: 66.66%; width: 66.66667%; }
.list-personal-details-teritary li:first-child { width: 33.33%; width: 33.33333%; }

/* ------------------------------------------------------------ *\
	List Section Actions
\* ------------------------------------------------------------ */

.list-section-actions li { float: right; padding-right: 9px; }
.list-section-actions a { width: 31px; height: 31px; display: block; position: relative; border: 1px solid #e4e4e4; }
.list-section-actions a:hover { background-color: #e4e4e4; }
.list-section-actions a i { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.list-section-actions label { font-family: 'NarkisBlockConMF', sans-serif; font-size: 24px; line-height: 31px; color: #5d5d5d; }
.list-section-actions input { font-size: 20px; line-height: 23px; text-align: center; width: 56px; height: 31px; padding: 3px 0; border: 1px solid #ddd; background-color: #fff; border-radius: 4px; box-shadow: none; }
.list-section-actions .list-item-index { padding-left: 32px; }

.list-section-actions .slider-range { width: 134px; height: 9px; border: 2px solid #1f1f1f; margin-top: 10px; background-color: #1f1f1f; border-radius: 5px; box-shadow: 0 1px 0 rgba(255,255,255,.06); }
.list-section-actions .slider-range .ui-slider-handle { width: 22px; height: 22px; top: 50%; left: 50%; margin: -11px 0 0 -11px; background: url(images/ico-handle.png) no-repeat 0 0; }
.list-section-actions .slider-range .ui-slider-range { background: linear-gradient(to bottom, rgba(153,44,122,1) 0%,rgba(114,26,89,1) 100%);}

/* ------------------------------------------------------------ *\
	List Documents
\* ------------------------------------------------------------ */

.list-documents li { position: relative; padding: 32px 81px 32px 7px; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; margin-bottom: 9px; overflow: hidden; }
.list-documents li:before { content: ''; width: 1px; display: block; position: absolute; top: 0; right: 67px; bottom: 0; background-color: #bebebe; }
.list-documents h4 { font-family: 'Arial', 'Helvetica', sans-serif; font-size: 18px; line-height: 20px; font-weight: normal; width: 426px; float: right; margin: 0; }
.list-documents p { font-size: 14px; line-height: 20px; color: #7e7e7e; width: 180px; float: right; margin: 0; }
.list-documents [class^="ico-"] { display: block; position: absolute; top: 0; right: 14px; bottom: 0; margin: auto; }
.list-documents .remove-file { font-size: 14px; line-height: 20px; color: #b10000; text-decoration: none; float: left; opacity: 0; visibility: hidden; }
.list-documents .remove-file:hover { text-decoration: underline; }

.list-documents li:hover { background-color: #fff; }
.list-documents li:hover .remove-file { opacity: 1; visibility: visible; }

/* ------------------------------------------------------------ *\
	List Tasks
\* ------------------------------------------------------------ */

.list-tasks > li { position: relative; padding: 0 14px 0 58px; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; margin-bottom: 9px; overflow: hidden; }
.list-tasks h4 { font-family: 'Arial', 'Helvetica', sans-serif; font-size: 18px; line-height: 22px; font-weight: normal; width: 520px; float: right; padding: 10px 0; margin: 0; }
.list-tasks [class^="ico-"] { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.list-tasks .task-status { width: 59px; position: absolute; top: 0; left: 0; bottom: 0; }
.list-tasks .task-details { font-size: 14px; line-height: 1.25; color: #838383; width: 146px; float: right; padding: 14px 10px 10px; border-right: 1px solid #bebebe; border-left: 1px solid #bebebe; }
.list-tasks .task-details p { margin: 0 0 9px; }
.list-tasks .task-details strong { font-weight: normal; color: #454545; }
.list-tasks .task-details ul { list-style: none outside none; opacity: 0; visibility: hidden; overflow: hidden; }
.list-tasks .task-details li { width: 50%; float: right; }
.list-tasks .task-details a { text-decoration: none; }
.list-tasks .task-details a:hover { text-decoration: underline; }
.list-tasks .task-details .edit-task-details { color: #0079ac; }
.list-tasks .task-details .save-task-details { display: none; float: left; vertical-align: middle; width: 68px; height: 21px; line-height: 26px; padding: 0px; border: 0; background: #333; color: #fff; font-size: 20px; text-decoration: none; text-align: center; font-family: 'NarkisBlockConMF', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: background .3s ease-out; margin: 0px 4px 0px 0px; }
.list-tasks .task-details .save-task-details:hover { background: #555; }
.list-tasks .task-details .remove-task { color: #b10000; }
.list-tasks .task-details .cancel-task-details { display: none; float: left; vertical-align: middle; width: 48px; height: 21px; line-height: 26px; padding: 0px; border: 0; background: #878787; color: #fff; font-size: 20px; text-decoration: none; text-align: center; font-family: 'NarkisBlockConMF', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: background .3s ease-out; margin: 0px 0px 0px 0px; } }

.list-tasks li:hover { background-color: #fff !important; }
.list-tasks li:hover .task-details ul { opacity: 1; visibility: visible; }

.list-tasks .task-status {cursor: pointer; }

/* ------------------------------------------------------------ *\
	List Programs
\* ------------------------------------------------------------ */

.list-programs li { position: relative; padding: 12px 20px 12px 7px; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; margin-bottom: 9px; overflow: hidden; }
.list-programs h4 { font-family: 'Arial', 'Helvetica', sans-serif; font-size: 18px; line-height: 20px; font-weight: normal; width: 485px; float: right; padding-top: 10px; margin: 0; }
.list-programs p { font-size: 14px; line-height: 20px; color: #7e7e7e; width: 170px; float: right; margin: 0; }
.list-programs .remove-program { font-size: 14px; line-height: 30px; color: #b10000; text-decoration: none; float: left; opacity: 0; visibility: hidden; margin-top: 10px; }
.list-programs .remove-program:hover { text-decoration: underline; }

.list-programs li:hover { background-color: #fff; }
.list-programs li:hover .remove-program { opacity: 1; visibility: visible; }

/* ------------------------------------------------------------ *\
	List Prices
\* ------------------------------------------------------------ */

.list-prices { font-family: 'NarkisBlockConMF', sans-serif; text-align: center; }
.list-prices li { border: 2px solid #fff; background-color: #fff; }
.list-prices li + li { margin-top: 4px; }
.list-prices h3 { font-size: 26px; line-height: 30px; color: #454545; font-weight: 400; padding: 8px 10px 5px; margin: 0; }
.list-prices p { font-size: 30px; line-height: 40px; /*color: #6b1753;*/ font-weight: 400; border-top: 1px solid #bebebe; border-bottom: 1px solid #ddd; padding: 2px 0 0; margin: 0 -2px -2px; background: url(images/sb-shadow.png) no-repeat 50% 0; }
.list-prices li:hover { border-color: #686868; }
.list-prices li:hover p { font-size: 40px; border-top-color: transparent; border-bottom-color: transparent; background: transparent; }

/* ------------------------------------------------------------ *\
	List Calculator
\* ------------------------------------------------------------ */

.list-calculator { font-family: 'NarkisBlockConMF', sans-serif; font-size: 20px; line-height: 32px; color: #454545; font-weight: 400; }
.list-calculator li { padding: 7px 10px 5px; border-bottom: 1px solid #ddd; overflow: hidden; }
.list-calculator strong { /*color: #6b1753;*/ font-weight: 400; float: left; }
.list-calculator .total { font-weight: 700; }
.list-calculator .total strong { font-size: 26px; }

/* ------------------------------------------------------------ *\
	Modal
\* ------------------------------------------------------------ */

.modal { width: 100%; height: 100%; opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; z-index: -1; padding-top: 205px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: rgba(0,0,0,.75); transition: opacity .4s ease, visibility .4s ease; }
.modal-visible { opacity: 1; visibility: visible; z-index: 100; }

.modal-container { width: 567px; padding: 0 10px; margin: auto; background-color: #fff; box-shadow: 0 0 40px 14px #000; }
.modal-head { padding: 12px 0 4px; border-bottom: 1px solid #ddd; margin-bottom: 62px; }
.modal-body { padding-bottom: 22px; }

.modal-show,
.modal-show body { overflow: hidden; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { float: right; margin-top: 22px; font-size: 24px; color: #fff; font-family: 'NarkisBlockConMF', sans-serif; }

.nav ul { list-style: none outside none; }
.nav li { float: right; line-height: 18px; }
.nav li + li { margin-right: 14px; padding-right: 14px; border-right: 1px solid #fff; }
.nav a { float: right; padding: 0 10px; text-decoration: none; transition: color .2s ease-out; }
.nav a:hover { color: rgba(255, 255, 255, .7); }

/* ------------------------------------------------------------ *\
	Nav Tabs
\* ------------------------------------------------------------ */

.nav-tabs { border-bottom: 1px solid #ddd; margin-bottom: 37px; }
.nav-tabs ul { padding: 0 9px; }
.nav-tabs li { float: right; padding: 0 4px; margin-bottom: -1px; }
.nav-tabs a { font-family: 'NarkisBlockConMF', sans-serif; font-size: 24px; line-height: 1.5; color: #454545; text-align: center; font-weight: 400; text-decoration: none; min-width: 179px; display: block; position: relative; z-index: 2; padding: 2px 5px 0; border: 1px solid #ddd; }
.nav-tabs a:after { content: ''; height: 1px; display: block; position: absolute; top: 100%; left: 0; right: 0; background-color: transparent; }

.nav-tabs a:hover,
.nav-tabs .current a { /*color: #6b1753;*/ text-decoration: none; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); }

.nav-tabs a:hover:after,
.nav-tabs .current a:after { background-color: #f2f2f2; }

.nav-tabs-adjust a { color: #454545; }
/*.nav-tabs-adjust a strong { color: #6b1753; }*/
.nav-tabs-adjust a span { font-family: 'Arial', 'Helvetica', sans-serif; line-height: 1; }

.nav-tabs-adjust a:hover,
.nav-tabs-adjust .current a { color: #454545; }

.nav-tabs-adjust .nav-item-balance { float: left; }
.nav-tabs-adjust .nav-item-balance a { /*color: #6b1753;*/ min-width: 0; padding-left: 15px; padding-right: 15px; }
.nav-tabs-adjust .nav-item-balance a i { margin-right: 10px; }
.nav-tabs a#compare_plans_top:hover,
.nav-tabs a#compare_plans_top:hover:after { background: #ddd !important; }
.nav-tabs a.final_plan_btn:hover,
.nav-tabs a.final_plan_btn:hover:after { background: #ddd !important; }

.nav-tabs-secondary { border-bottom: 5px solid #ddd; }
.nav-tabs-secondary h3 { font-size: 26px; line-height: 35px; color: #454545; font-weight: normal; float: right; padding: 7px 0 3px; margin: 0; }
.nav-tabs-secondary ul { float: left; }
.nav-tabs-secondary li { float: right; padding-left: 10px; }
.nav-tabs-secondary a { font-family: 'NarkisBlockConMF', sans-serif; font-size: 24px; line-height: 25px; color: #454545; text-align: center; font-weight: 400; text-decoration: none; min-width: 111px; display: block; position: relative; z-index: 2; padding: 13px 0 7px; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); }

.nav-tabs-secondary a:hover,
.nav-tabs-secondary .current a { background: #ddd; }

/* ------------------------------------------------------------ *\
	Nav Paging
\* ------------------------------------------------------------ */

.nav-paging { font-family: Tahoma, Geneva, sans-serif; font-size: 0; line-height: 0; text-align: center; padding: 23px 0; border-top: 1px solid #bebebe; margin-top: 24px; }
.nav-paging ul { display: inline-block; vertical-align: middle; border: 1px solid #ddd; }
.nav-paging li { display: inline-block; vertical-align: middle; }
.nav-paging li + li { border-right: 1px solid #ddd; }
.nav-paging a { font-size: 14px; line-height: 20px; color: #454545; text-decoration: none; width: 40px; height: 30px; display: block; position: relative; padding: 5px; background-color: #fff; }

.nav-paging .link-page { width: 30px; }

.nav-paging a:hover,
.nav-paging .current > a { background-color: #eee; }

/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */

.search { overflow: hidden; }
.search label { font-family: 'NarkisBlockConMF', sans-serif; font-size: 21px; line-height: 31px; color: #454545; width: 75px; float: right; }
.search-field { font-size: 14px; line-height: 20px; color: #454545; width: 131px; height: 24px; float: right; padding: 2px 0; border: 0; border-bottom: 1px solid #bebebe; background-color: transparent; border-radius: 0; box-shadow: none; }
.search-btn { float: right; border: 0; }

/* ------------------------------------------------------------ *\
	Section Login
\* ------------------------------------------------------------ */

.section-login { padding: 20px 0; text-align: center; }

.section-login .section-head { margin-bottom: 30px; }

/* ------------------------------------------------------------ *\
	Section Compare
\* ------------------------------------------------------------ */

.section-compare { clear: both; }

.section-compare .section-head { padding: 21px 0 2px; overflow: hidden; }

.section-compare .section-head-actions { float: left; margin-top: 11px; font-size: 0; }
.section-compare .section-head-actions a { display: inline-block; vertical-align: middle; height: 31px; width: 32px; line-height: 31px; margin-right: 8px; border: 1px solid #e4e4e4; font-size: 1px; text-align: center; transition: background .2s ease-out; }
.section-compare .section-head-actions a:hover { background: #e4e4e4; }
.section-compare .section-head-actions i { margin-top: -2px; }

.section-compare .section-title { float: right; margin-right: 10px; letter-spacing: 0.01em; line-height: 1; }
.section-compare .section-title .btn-toggle { margin-right: 4px; }

.section-compare .section-bar { padding: 5px 8px 6px; border-width: 1px 0; border-style: solid; border-color: #dddddd; text-align: left; }

.section-compare .section-bar .form-controls { display: inline-block; vertical-align: middle; /* width: 275px; */ width: 160px; }
.section-compare .section-bar .form-label { display: inline-block; vertical-align: middle; font-family: 'NarkisBlockConMF', sans-serif; /*color: #6b1753;*/ font-size: 24px; margin-left: 7px; }

.section-compare .section-body { padding: 35px 0 80px; }

.section-compare .section-foot { padding: 24px 0 33px; border-top: 1px solid #dddddd; overflow: hidden; }

.section-compare .section-foot .btn { float: left; margin-left: 8px; }

.section-compare .section-foot-actions { float: right; margin-top: 5px; font-size: 0; }
.section-compare .section-foot-actions a { display: inline-block; vertical-align: middle; height: 31px; width: 32px; line-height: 31px; margin-left: 8px; border: 1px solid #e4e4e4; font-size: 1px; text-align: center; transition: background .2s ease-out; }
.section-compare .section-foot-actions a:hover { background: #e4e4e4; }
.section-compare .section-foot-actions i { margin-top: -2px; }

/* ------------------------------------------------------------ *\
	Section Settings
\* ------------------------------------------------------------ */

.section-settings { padding: 31px 0 71px; }
.section-settings h1 { line-height: 1.1em; }

.section-settings .section-head { border-bottom: 1px solid #ddd; margin-bottom: 11px; }

.section-settings .list-section-actions { float: left; padding-top: 15px; }

.section-settings .sidebar { position: relative; }
.section-settings .sidebar:after { content: ''; width: 247px; height: 16px; display: block; position: absolute; top: 100%; left: 0; right: 0; background: url(images/sb-shadow.png) no-repeat 0 0; }

.section-settings .nav-tabs a { min-width: 145px; }

/* ------------------------------------------------------------ *\
	Section Programs
\* ------------------------------------------------------------ */

.section-programs .sidebar .btn { font-size: 30px; line-height: 1; height: auto; display: block; padding: 7px 10px 3px; }

/* ------------------------------------------------------------ *\
	Section Planing
\* ------------------------------------------------------------ */

.section-planing { padding: 25px 0 84px; }

.section-planing .form-actions { font-size: 0; line-height: 0; text-align: left; overflow: hidden; }
.section-planing .form-actions .btn { margin-right: 25px; }

.section-planing .form-actions .list-section-actions { float: right; padding-top: 4px; margin: 0; }
.section-planing .form-actions .list-section-actions li { padding: 0 0 0 9px; }

.section-planing .section-head { border-bottom: 1px solid #ddd; margin-bottom: 11px; overflow: hidden; }
.section-planing .section-head h1 { float: right; }
.section-planing .section-head .list-section-actions { float: left; padding-top: 20px; margin: 0; }

.section-planing .section-foot { width: 100%; float: right; padding-top: 24px; border-top: 1px solid #ddd; margin-top: 24px; }

.section-planing .content .tabs { margin-bottom: 21px; }

/* ------------------------------------------------------------ *\
	Tab
\* ------------------------------------------------------------ */

.tabs { position: relative; }

.tab { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; right: 0; z-index: -2; transition: opacity .4s ease, visibility .4s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tab.current { opacity: 1; visibility: visible; position: relative; top: auto; left: auto; right: auto; z-index: auto; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table { font-size: 14px; line-height: 1.36; color: #454545; font-weight: 400; }
.table table { border-collapse: separate; }

.table th,
.table td { padding: 15px 0; }

.table th:first-child,
.table td:first-child { text-align: center; }

.table th { text-align: right; font-weight: 400; border-bottom: 1px solid #bebebe; background-color: #ddd; }

.table th:nth-child(1) { width: 86px; }
.table th:nth-child(2) { width: 145px; }
.table th:nth-child(3) { width: 131px; }
/* .table th:nth-child(4) { width: 131px; } */
.table th:nth-child(4) { width: 253px; }

#mainPlanningDiv .table th:nth-child(1) { width: 86px; }
#mainPlanningDiv .table th:nth-child(2) { width: 45px; }
#mainPlanningDiv .table th:nth-child(3) { width: 145px; }
#mainPlanningDiv .table th:nth-child(4) { width: 131px; }
#mainPlanningDiv .table th:nth-child(5) { width: 253px; }

.table td { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; margin-top: 2px; }
.table td div { position: relative; }
.table td a[class] { width: 16px; height: 30px; display: block; opacity: 0; visibility: hidden; position: absolute; top: 50%; right: 100%; margin-top: -15px; background-color: #ddd; border-radius: 15px 0 0 15px; }
.table td a[class] i { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.table tr:hover td a { opacity: 1; visibility: visible; }
.table td .fs-dropdown-options { position: absolute; }
#mainPlanningDiv .table td.cell2 .fs-dropdown-options { width: 225px; }
#mainPlanningDiv .table td.cell_grace { padding-left: 0; padding-right: 0; }

/* ------------------------------------------------------------ *\
	Table Secondary
\* ------------------------------------------------------------ */

.table-secondary th:nth-child(1) { width: 117px; }
.table-secondary th:nth-child(2) { width: 155px; }
.table-secondary th:nth-child(3) { width: 108px; }
.table-secondary th:nth-child(4) { width: 69px; }
.table-secondary th:nth-child(5) { width: 55px; }
.table-secondary th:nth-child(6) { width: 90px; }
.table-secondary th:last-child { width: 40px; }

#mainPlanningDiv .table-secondary th:nth-child(1) { width: 90px; }
#mainPlanningDiv .table-secondary th:nth-child(3) { width: 45px; }
#mainPlanningDiv .table-secondary th:nth-child(3) { width: 155px; }
#mainPlanningDiv .table-secondary th:nth-child(4) { width: 108px; }
#mainPlanningDiv .table-secondary th:nth-child(5) { width: 49px; }
#mainPlanningDiv .table-secondary th:nth-child(6) { width: 55px; }
#mainPlanningDiv .table-secondary th:nth-child(7) { width: 90px; }
#mainPlanningDiv .table-secondary th:last-child { width: 28px; }

.table-secondary table { margin: 0; }
.table-secondary th { text-align: center; padding: 15px 5px; }
.table-secondary td { text-align: center; padding: 12px 5px; }
.table-secondary td a { position: static; opacity: 1; visibility: visible; }
.table-secondary td a.dismiss-row { font-size: 12px; line-height: 20px; color: #ac0303; text-align: center; text-decoration: none; position: absolute; opacity: 0; visibility: hidden; padding: 5px 0 5px 2px; margin-right: 5px; }
.table-secondary td .ico-grid { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background: url(images/ico-grid.png) no-repeat 0 0; }
.table-secondary td a:hover .ico-grid { background-image: url(images/ico-grid_hover.png); }

.table-secondary input { font-size: 14px; line-height: 18px; color: #454545; text-align: right; padding: 3px 5px; border: 1px solid #ddd; background-color: #fff; border-radius: 2px; box-shadow: none; }

.table-secondary .fs-dropdown-selected { font-size: 14px; line-height: 18px; color: #454545; text-align: right; height: 28px; padding: 3px 5px; border: 1px solid #ddd; background-color: #fff; border-radius: 2px; box-shadow: none; }
.table-secondary .fs-dropdown-selected:before { content: none; }
.table-secondary .fs-dropdown-selected:after { left: 5px; border-width: 3px; border-top-color: #000; }

.table-secondary .cell1 input,
.table-secondary .cell1 .fs-dropdown { width: 97px; }
#mainPlanningDiv .table-secondary .cell1 .fs-dropdown { width: 80px; }

.table-secondary .cell_grace input,
.table-secondary .cell_grace .fs-dropdown { width: 45px; }

.table-secondary .cell2 input,
.table-secondary .cell2 .fs-dropdown { width: 145px; }

.table-secondary .cell3 input,
.table-secondary .cell3 .fs-dropdown { width: 98px; }

.table-secondary .cell4 input,
.table-secondary .cell4 .fs-dropdown { width: 59px; }

#mainPlanningDiv .table-secondary .cell4 input { width: 39px; }

.table-secondary .cell5 input,
.table-secondary .cell5 .fs-dropdown { width: 45px; }

.table-secondary .table-actions { text-align: center; padding-bottom: 18px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.table-secondary .table-actions a { font-size: 14px; line-height: 15px; /*color: #6b1753;*/ text-decoration: none; display: inline-block; vertical-align: top; padding: 10px 15px; border: 1px solid #ddd; border-top: 0; }
.table-secondary .table-actions a:hover { background-color: #ddd; }

/* ------------------------------------------------------------ *\
	Table Teritary
\* ------------------------------------------------------------ */

.table-teritary { margin-bottom: -24px; }
.table-teritary table { font-size: 16px; line-height: 1.19; color: #454545; }

.table-teritary th,
.table-teritary td { text-align: right; font-weight: 400; padding: 10px 0; border-bottom: 1px solid #bebebe; }

.table-teritary th { line-height: 1.25; padding-top: 15px; padding-bottom: 15px; background-color: #ddd; }
.table-teritary tbody tr:nth-child(odd) td { background-color: #fff; }

.table-teritary th:first-child,
.table-teritary td:first-child { text-align: center; width: 45px; padding: 10px 10px 10px 20px; }

.table-teritary th:first-child { padding: 15px 10px 15px 20px; }
.table-teritary th:last-child { text-align: center; padding-left: 30px; }

.table-teritary .table-head { padding: 9px 10px 5px 8px; border-bottom: 1px solid #bebebe; margin-bottom: 3px; overflow: hidden; background-color: #ddd; }
.table-teritary .table-head h2 { font-size: 26px; line-height: 1; font-weight: 400; float: right; position: relative; top: 1px; margin: 0; }
.table-teritary .table-head label { font-family: 'NarkisBlockConMF', sans-serif; font-size: 26px; line-height: 1; /*color: #6b1753;*/ font-weight: 400; float: right; position: relative; top: 2px; margin-left: 7px; }

.table-teritary .table-head-actions { float: left; }
.table-teritary .table-head-actions .field { font-size: 14px; line-height: 16px; color: #454545; font-weight: 400; width: 59px; height: 26px; float: right; padding: 4px; border: 1px solid #a9a9a9; background-color: #fff; border-radius: 2px; box-shadow: none; }

.table-teritary .table-foot { text-align: center; }

.table-teritary .table-toggle { font-family: 'NarkisBlockConMF', sans-serif; font-size: 18px; line-height: 19px; color: #454545; text-decoration: none; display: inline-block; vertical-align: top; padding: 13px 0; }
.table-teritary .table-toggle:before { content: ''; width: 0; line-height: 0; display: inline-block; vertical-align: middle; border: 5px solid transparent; /*border-bottom: 6px solid #6b1753;*/ margin: -6px 0 0 5px; }

.table-teritary.table-collapsed { margin-bottom: 0; }

.table-teritary .table-toggle .text-collapsed,
.table-teritary.table-collapsed .table-toggle .text-expanded { display: none; }

.table-teritary.table-collapsed .table-toggle:before { border-bottom-color: transparent; /*border-top: 6px solid #6b1753;*/ margin-top: 2px; }
.table-teritary.table-collapsed .table-toggle .text-collapsed { display: inline; }

/* ------------------------------------------------------------ *\
	Tracks
\* ------------------------------------------------------------ */

.tracks { position: relative; overflow: hidden; }

.tracks-bar { position: absolute; left: 0; top: 350px; width: 100%; padding: 10px 0 7px; background: #dddddd; border-bottom: 1px solid #bebebe; text-align: center; }

.tracks-bar .form-controls { display: inline-block; width: 59px; }
.tracks-bar .form-label { display: inline-block; vertical-align: middle; margin-left: 35px; /*color: #6b1753;*/ font-size: 26px; font-family: 'NarkisBlockConMF', sans-serif; }
.tracks-bar .field { display: inline-block; vertical-align: middle; width: 100%; height: 26px; padding: 0 5px; border-radius: 2px; border: 1px solid #a9a9a9; }

.track { width: 29.6%; float: right; }
.track + .track { margin-right: 5.6%; }

.track .track-title { position: relative; background: #fff; margin-bottom: 16px; padding: 3px 0 0; font-family: 'NarkisBlockConMF', sans-serif; text-align: center; }
.track .track-title:after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 15px; background: url(images/track-shadow.png) no-repeat 0 0; background-size: 100% 100%; }
.track .track-title em { font-style: normal; /*color: #6b1753;*/ }
.track .track-title span { font-family: 'SegoeUI', sans-serif; font-weight: normal; }

.track .track-body { background: #fff; }

.track .track-meta ul { list-style: none outside none; }
.track .track-meta li { padding: 0 10px; line-height: 31px; border-bottom: 1px solid #ddd; font-size: 22px; font-family: 'NarkisBlockConMF', sans-serif; }
.track .track-meta li span,
.track .track-meta li strong { display: inline-block; vertical-align: top; }
.track .track-meta li span { width: 188px; }

.track .track-chart { padding: 15px 0 80px; }
.track .track-chart img { max-width: 100%; height: auto; }

.track .track-info { position: relative; }
.track .track-info:before { content: ''; position: absolute; left: 50%; top: 0; border-width: 6px 6px 0; margin-left: -6px; border-style: solid; border-color: #bebebe transparent; }
.track .track-info ul { list-style: none outside none; }
.track .track-info li { padding: 0 9px 0 16px; line-height: 42px; font-size: 20px; overflow: hidden; border-bottom: 1px solid #dddddd; font-family: 'NarkisBlockConMF', sans-serif; }
.track .track-info strong { float: left; /*color: #6b1753;*/ font-weight: normal; }
.track .track-info span { float: right; }
.track .track-info .track-info-total strong { font-size: 26px; }
.track .track-info .track-info-total span { font-weight: bold; }

/* ------------------------------------------------------------ *\
	Tracks Big
\* ------------------------------------------------------------ */

.tracks-alt .tracks-bar { top: 423px; }

.track-big { width: 47.2%; }

.track-big .track-chart { padding-bottom: 72px; }
.track-big .track-info li { padding-left: 45%; }

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; margin: 0; }

.widget { position: relative; }
.widget:after { content: ''; width: 247px; height: 16px; display: block; position: absolute; top: 100%; left: 0; right: 0; background: url(images/sb-shadow.png) no-repeat 0 0; }
.widget + .widget { margin-top: 22px; }

.widget .form-small .btn { margin-top: 10px; }
.widget .form-small .form-body { padding-bottom: 10px; }

/* ------------------------------------------------------------ *\
	Widget Search
\* ------------------------------------------------------------ */

.widget-search { padding: 10px 10px 10px 5px; margin-bottom: 12px; background-color: #ddd; }
.widget-search:after { content: none; }

/* ------------------------------------------------------------ *\
	Widget References
\* ------------------------------------------------------------ */

.widget-references .widgettitle { font-size: 26px; line-height: 30px; color: #454545; font-weight: 400; padding: 7px 10px 5px; border-bottom: 1px solid #bebebe; margin: 0 0 3px; background-color: #ddd; }
.widget-references .widget-body { color: #716f6f; min-height: 86px; padding: 10px; background-color: #fff; }

/* ------------------------------------------------------------ *\
	Widget Prices
\* ------------------------------------------------------------ */

.widget-prices:after { content: none; }

.widget-prices .widgettitle { font-size: 36px; line-height: 40px; color: #454545; font-weight: 400; text-align: center; position: relative; padding: 12px 10px 8px; border-bottom: 1px solid #bebebe; background-color: #ddd; }
.widget-prices .widgettitle:after { content: ''; width: 0; height: 0; display: block; position: absolute; top: 100%; left: 50%; border: 7px solid transparent; border-top-color: #bebebe; margin-left: -7px; }

/* ------------------------------------------------------------ *\
	Widget Calculator
\* ------------------------------------------------------------ */

.widget-calculator:after { content: none; }

.widget-calculator .widgettitle { font-size: 26px; line-height: 1; color: #454545; font-weight: 400; position: relative; padding: 14px 10px 10px; border-bottom: 1px solid #bebebe; margin: 0; background-color: #ddd; }
.widget-calculator .widgettitle:after { content: ''; width: 0; height: 0; display: block; position: absolute; top: 100%; left: 50%; border: 7px solid transparent; border-top-color: #bebebe; margin-left: -7px; }
.widget-calculator .widgettitle input { font-family: 'Arial', 'Helvetica', sans-serif; font-size: 14px; line-height: 16px; color: #454545; font-weight: 400; width: 57px; height: 26px; float: left; position: relative; top: -1px; padding: 4px; border: 1px solid #a9a9a9; background-color: #fff; border-radius: 2px; box-shadow: none; }

.widget-calculator .widget-body { background-color: #fff; }


/*** Addons ***/
#alerts{
	margin-bottom: 10px;
	font-family: 'NarkisBlockConMF', sans-serif;
	font-size: 20px;
}

.clockpicker-popover {
	direction: ltr !important;
}

.fs-dropdown-options {
	border-bottom: 1px solid #cccccc;
	right: 0;
}

.fs-dropdown-item {
	border: 0;
	border-bottom: 1px solid #cccccc;
	height: 28px;
	line-height: 28px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.fs-dropdown-item:hover {
	background-color: #f2f2f2;
}
		
.list-personal-details input{
	color: #454545;
    font-weight: 400;
    width: 120px;
    height: 31px;
    padding: 3px 6px;
    border: 1px solid #a9a9a9;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: none;
}
.sidebar-entry textarea{
	width: 200px;
	height: 214px;
	border-radius: 2px;
	border: 1px solid #a9a9a9;
	background-color: #fff;
}

.edit-details{
	display:none;
}

input.edit-details{
	border: none !important;
	border-bottom-width: 2px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #a9a9a9 !important;
	height: 30px !important;
    padding: 0px 0px 0px 0px !important;
}

.task_record input[type="text"].edit-details{
	border: none !important;
	border-bottom-width: 2px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #a9a9a9 !important;
	height: 20px !important;
    padding: 0px 0px 0px 0px!important;
	color: #000000;
    /* font-weight: 400; */
    width: 85px;
    /* padding: 3px 6px; */
	/*  background-color: #f2f2f2; */
	background-color: #fff;
	font-size: 14px;
    /* border-radius: 2px; */
    /* box-shadow: none; */
}

/* .task_record input{
	color: #454545;
    font-weight: 400;
    width: 85px;
    height: 20px;
    padding: 3px 6px;
    border: 1px solid #a9a9a9;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: none;
} */

.task_record textarea{
	font-family: 'Arial', 'Helvetica', sans-serif;
	background-color: #fff;
	/* background-color: #f2f2f2; */
	border: 2px solid #a9a9a9;
	border-radius: 2px;
	font-size: 18px;
	font-weight: normal;
	width: 510px;
    height: 84px;
    float: right;
    padding: 5px 5px 5px 5px;
    margin: 5px 0px 0px 10px;
}

.form-small .upload-btn2{
	display: inline-block;
	min-width: 85px;
	max-width: 85px;
	height:25px;
	line-height: 27px;
	padding: 0;
	border: 0;
	background: #333;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	margin: 1px 15px 0px 0px;
}

tr.clients-tr {
	cursor: pointer;
}

tr.clients-tr:hover td{
	background-color: #eaeaea;
}

label span.required {
	color: red;
}

div.amchart {
	background-color: #fff;
}

.section-compare {
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	display: none;
}

.new_task, 
.new_application,
.new_file {
	background-color: #FFFED5 !important;
}

.list-tasks li:hover { background-color: #fff !important; }

.table td.inactive-client { background-color: #fafafa; color: #a8a8a8; }

/* ------------------------------------------------------------ *\
	Section Support
\* ------------------------------------------------------------ */

.section-support textarea {
    font-size: 14px;
    line-height: 18px;
    color: #454545;
    font-weight: 400;
    width: 100%;
    display: block;
    padding: 3px 6px;
    border: 1px solid #a9a9a9;
    background-color: #fff;
    border-radius: 2px;
}

tr.support-tr { cursor: pointer; }
tr.support-tr:hover td { background-color: #eaeaea; }

.section-support .form-settings .form-body:after { content: initial; }
.section-support  .content .form-row:first-child .list-personal-details li { width: 50%; }
.section-support  .content .form-row:first-child .list-personal-details li div.support_header { display: inline-block; }
.section-support  .content .form-row:first-child .list-personal-details li:nth-child(odd) div.support_header { width: 110px; }
.section-support  .content .form-row:first-child .list-personal-details li:nth-child(even) div.support_header { width: 70px; margin-right: 70px; }

.section-support .content .form-row:nth-child(n+2) .list-personal-details li { width: 100%; }
.section-support .content .form-row:nth-child(n+2) .list-personal-details li div { font-size: 16px; font-family: arial; line-height: 20px; }

/* ------------------------------------------------------------ *\
	Section Calendar
\* ------------------------------------------------------------ */

/* .section-calendar .form-settings .form-body:after { content: initial; } */

.section-calendar .calendar-title-line {
	width: inherit;
    height: 10px;
    position: absolute;
    top: 250px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 11px;
}

.section-calendar #calendar { max-width: 720px !important; margin-right: 15px !important; }
.section-calendar #calendar .fc-view-container table:first-child thead tr:first-child td:first-child div { margin: 5px 0px -5px 0px; }
.section-calendar #calendar .fc-view-container table:first-child tr:first-child td:first-child .fc-day-grid-container {
	height: 100% !important;
	background-color: transparent;
}

.section-calendar #calendar .fc-view-container table:first-child { border-collapse: initial !important; border-spacing: 4px !important; }
.section-calendar #calendar .fc-view-container table:first-child tr:first-child td:first-child { border: none !important; }
.section-calendar #calendar .fc-view-container table:first-child tr:first-child td:first-child .fc-bg { background-color: transparent !important; }
.section-calendar #calendar .fc-view-container table:first-child tr:first-child td:first-child .fc-bg table:first-child tr:first-child td.fc-past,
.section-calendar #calendar .fc-view-container table:first-child tr:first-child td:first-child .fc-bg table:first-child tr:first-child td.fc-future {
	background: url(images/cal_bg.png) !important;
	border-radius: 4px !important;
	border: none !important;
	border-right-style: solid !important;
	border-bottom-style: solid !important;
	border-right-width: 2px !important;
	border-bottom-width: 2px !important;
	border-right-color: #6e6e6e !important;
	border-bottom-color: #6e6e6e !important;
}
.section-calendar #calendar .fc-view-container table:first-child tr:first-child td:first-child .fc-bg table:first-child tr:first-child td.fc-today {
	background: url(images/cal_today_bg.png) !important;
	border-radius: 4px !important;
	border: none !important;
	border-right-style: solid !important;
	border-bottom-style: solid !important;
	border-right-width: 2px !important;
	border-bottom-width: 2px !important;
	border-right-color: #6e6e6e !important;
	border-bottom-color: #6e6e6e !important;
}
/* .section-calendar #calendar .fc-view-container table:first-child tr:first-child td:first-child .fc-bg table:first-child tr:first-child td.fc-other-month  { background: none !important; border: none !important; }
.section-calendar #calendar .fc-view-container table:first-child tr:first-child td:first-child .fc-content-skeleton table:first-child tr:first-child td.fc-other-month  { color: transparent !important; } */

.section-calendar #calendar .fc-view-container table:first-child tr:first-child td:first-child .fc-day-grid {
	background-color: transparent !important;
}
.section-calendar #calendar .fc-view-container table:first-child tr:first-child td:first-child .fc-day-grid .fc-row {
	margin-bottom: 6px !important;
	height: 101px !important;
}

.section-calendar #calendar .fc-event { 
	background-color: transparent !important; 
	border: none !important; 
	color: #000000 !important; 
	/* border-bottom: 1px solid #000000 !important;
	border-radius: 0px !important; */
	direction: rtl !important;
}

.section-calendar #calendar td.fc-event-container a.fc-event { margin-bottom: -4px !important; }

.section-calendar #calendar .fc-event .fc-content { font-size: 11px !important; }
.section-calendar #calendar .fc-event .fc-content span.fc-title { position: absolute !important; right: 30px !important; font-size: 11px !important; }
.section-calendar #calendar .fc-event .fc-content span.fc-time { position: relative !important; font-size: 10px !important; }

.section-calendar #calendar .fc-view-container table:first-child tr:first-child td:first-child .fc-day-grid .fc-row .fc-more-cell {
	direction: rtl !important;
	font-weight: bold !important;
}

.section-calendar #calendar .fc-view-container table:first-child tr:first-child td:first-child .fc-day-grid .fc-row .fc-day-number {
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4) !important;
	font-size: 14px;
    font-weight: bold;
	padding: 2px 0px 2px 4px;
}

.section-calendar #calendar .fc-view-container table:first-child tr:first-child td:first-child .fc-day-header {
	border: none !important;
	font-size: 20px !important;
    font-family: 'NarkisBlockConMF', sans-serif !important;
	font-weight: 100 !important;
}

.section-calendar #calendar .fc-toolbar {
	margin-top: 10px !important;
}

.section-calendar #calendar .fc-toolbar .fc-left,
.section-calendar #calendar .fc-toolbar .fc-right,
.section-calendar #calendar .fc-toolbar .fc-center {
	height: 40px !important;
    width: 33.33% !important;
}

.section-calendar #calendar .fc-toolbar button, 
.section-calendar #calendar .fc-toolbar button:focus {
	background: none!important;
    border: none !important;
    padding: 0 !important;
    font: inherit !important;
    cursor: pointer !important;
	box-shadow: none !important;
}

.section-calendar #calendar .fc-toolbar h2 {
	font-size: 30px !important;
    font-family: 'NarkisBlockConMF', sans-serif !important;
    position: relative !important;
    left: 40px !important;
    text-align: center !important;
    width: 150px !important;
}

.section-calendar #calendar .fc-toolbar .fc-next-button { position: relative !important; left: 28px !important;/* position: absolute !important; left: 835px !important; */ }
.section-calendar #calendar .fc-toolbar .fc-prev-button { position: relative !important; left: 46px !important;/* position: absolute !important; left: 1000px !important; */ }

.section-calendar #calendar .fc-toolbar .fc-icon-left-single-arrow { font-size: 20px !important; font-family: 'NarkisBlockConMF', sans-serif !important; }
.section-calendar #calendar .fc-toolbar .fc-icon-right-single-arrow { font-size: 20px !important; font-family: 'NarkisBlockConMF', sans-serif !important; }

.section-calendar #calendar .fc-toolbar .fc-icon-left-single-arrow:after { font-size: 170% !important; top: 6% !important; }
.section-calendar #calendar .fc-toolbar .fc-icon-right-single-arrow:after { font-size: 170% !important; top: 6% !important; }

.fc .fc-toolbar > * > * { margin-left: -0.5em !important; }

.section-calendar #calendar .fc-toolbar .fc-left .fc-today-button {
	font-weight: 800 !important;
    font-size: 20px !important;
    font-family: 'NarkisBlockConMF', sans-serif !important;
    position: relative !important;
    left: 35px !important;
    top: -2px !important;
}

.calendar-event-over {
	min-width: 150px !important;
	min-height: 20px !important;
	background: #565656 !important;
	position:absolute !important;
	z-index:10001 !important;
	border-radius: 2px !important;
	padding: 5px 10px !important;
}

.calendar-event-over div:first-child{
	color: #82ff69 !important;
	font-size: 14px !important;
	width: 100% !important;
}

.calendar-event-over div:nth-child(2){
	width: 100% !important;
	color: #ffffff !important;
	font-size: 16px !important;
	margin-top: 3px !important;
}

.section-calendar #calendar .fc-popover {
	background: #565656 !important;
	border: none !important;
	border-radius: 2px !important;
	color: #ffffff !important;
	width: 300px !important;
}

.section-calendar #calendar .fc-popover a {
	color: #ffffff !important;
}

.section-calendar #calendar .fc-popover .fc-header {
	background: #565656 !important;
	color: #ffffff !important;
	border-bottom: 1px solid #a6a6a6 !important;
}

.section-calendar #calendar .fc-popover .fc-header .fc-title{
	direction: rtl !important;
	font-weight: 400 !important;
    font-family: 'NarkisBlockConMF', sans-serif !important;
    font-size: 20px !important;
}

.section-calendar #calendar .fc-popover .fc-header .fc-close{	color: #ffffff !important; }

.section-calendar #calendar div.fc-event-container .fc-event .fc-content { line-height: 17px !important; font-size: 14px !important; font-weight: normal !important; }
.section-calendar #calendar div.fc-event-container .fc-event .fc-content span.fc-title { right: 42px !important; line-height: 15px !important; font-size: 16px !important; font-weight: normal !important; }
.section-calendar #calendar div.fc-event-container .fc-event .fc-content span.fc-time { font-size: 14px !important; font-weight: normal !important; color: #82ff69 !important; }

#modalEditEvent #delete-edit-meeting-btn { min-width: 100px; background: #550000; color: #F4E2E2; }
#modalEditEvent #cancel-edit-meeting-btn { min-width: 110px; margin: 0px 25px 0px 0px; }
#modalEditEvent #save-edit-meeting-btn { min-width: 188px; margin: 0px 8px 0px 0px; }

/* #clients-table tr th:nth-child(n+2) { padding-right: 18px; } */

#modalWaitReport-container{
	width:280px;
	height:80px;
	background-color: rgba(0,0,0, .5);
	transition: opacity .4s ease, visibility .4s ease;
	border-radius: 1px;
}

#modalWaitReport-container div{
	font-size: 36px;
	font-family: 'NarkisBlockConMF', sans-serif;
	margin: 22px 50px 0px 0px;
    color: #ffffff;
}

#modalWaitReport-container div img{
	height: 28px;
    margin: 5px 0px 0px 50px;
    float: left;
}

/*
#print-tamhil-report,
#print-compare-report {
	opacity: 0.0;
	visibility: hidden;
	z-index: -1;
}*/

/***************** Home Style ****************/

.home-clock-ico{
	margin-top:20px;
	float:left;
	margin-right:10px;
	width: 24px; height: 24px; display: inline-block; vertical-align: middle; background: url(images/home/c.gif) no-repeat 0 0;
}
.home-clock-date-time{
	margin-top:20px;
	float:left;
	font-family: 'NarkisBlockConMF', sans-serif;
	font-size:24px;
}

.home-right-panel, .home-left-search, .home-left-data{
	background: #FFF;
	margin-top:20px;
	border: 1px solid #ddd;
}
.home-right-panel{
	width: 700px;
	min-height: 400px;
	float: right;
	padding: 25px 30px 0 0;
}
.home-cube-link{
	text-decoration:none;
}
.home-cube-link div{
	width:200px;
	height:104px;
	background:#333;
	text-align:center;
}
.home-cube-link img{
	height:68px;
	width:70px;
	border:0;
	margin-bottom:5px;
}
.home-cube-link span{
	font-family: 'NarkisBlockConMF', sans-serif;
	font-size: 22px;
	color:#FFF;
}
.home-sub-title{
	font-family: 'NarkisBlockConMF', sans-serif;
	font-size: 20px;
}
.home-right-panel-sep-line{
	margin:3px 0 8px 0;
	border: 0;
	width:100%;
	color: #ddd;
	background-color: #ddd;
	height: 1px;
}
.home-calendar-list{
	float:right;
	width:340px;
	padding-top:20px;
}
/*.home-calendar-row:nth-child(odd){
	background:#E6E6FA;
}*/
.home-calendar-row{
	min-height:25px;
	vertical-align:middle;
	overflow: hidden;
    padding-bottom: 5px;
}
.home-calendar-row span:first-child{
	float:right;
}
.home-calendar-row span:nth-child(2){
	float:right;
	max-width:220px;
	padding-right:10px;
	color:#000;
	font-size:15px;
}
.home-calendar-row span:nth-child(3){
	float:left;
	font-size:13px;
	color:#7e7e7e;
	margin-top:3px;
}
.home-arrow-ico{
	padding:0 3px 0 2px;
	font-size:10px;
	text-align:center;
	color:#FFF;
	margin-top:3px;
}

.home-tasks-list{
	float:left;
	width:280px;
	padding-top:20px;
	padding-left:20px;
}
.home-tasks-row{
	min-height: 40px;
	cursor: pointer;
	overflow: hidden;
	padding-bottom: 10px;
	padding-left: 5px;
}
.home-tasks-row div:first-child{
	height:13px;
}
.home-tasks-row div:nth-child(2){
	color:#000;
	font-size:14px;
	padding:7px 20px 10px 0;
}

.home-tasks-row span:first-child{
	float:right;
}
.home-tasks-row span:nth-child(2){
	float:right;
	font-size:13px;
	color:#7e7e7e;
	padding-right:10px;
	font-size:14px;
}
.home-tasks-row span:nth-child(3){
	float:left;
	font-size:13px;
	color:#7e7e7e;
}
.home-tasks-row span:nth-child(4){
	float:left;
	font-size:13px;
	color:#7e7e7e;
}


.home-left-panel{
	width: 300px;
	float: left;
}
.home-left-search{
	padding:15px;
}
.field-home-search{
	font-family: 'NarkisBlockConMF', sans-serif !important;
	width:186px !important;
	min-width:186px !important;
	max-width:186px !important;
	height:35px;
	font-size: 20px !important;
    line-height: 35px;
    color: #454545 !important;
    height: 35px;
    display: block;
    padding: 3px 6px !important;
    border: 1px solid #a9a9a9 !important;
    background-color: #fff;
    border-radius: 2px !important;
    border-left:none;
    box-shadow: none !important;
    /* float:right !important; */
    border-left: none !important;
	font-style: normal !important;
}
.ico-home-serach{
	width:82px;
	height:35px;
	background:#333;
	background-image: url(images/home/search-ico.gif);
	float: left;
}
.text-home-search{
	margin-top:3px;
	font-size: 14px;
    color: #7e7e7e;
    font-family: 'NarkisBlockConMF', sans-serif;
}
.home-left-data{
	
}
.home-left-data-date{
	padding:10px;
	font-size: 15px;
    color: #454545;
    font-family: 'NarkisBlockConMF', sans-serif;
    text-align:left;
}
.home-left-data-sep{
	background:#ddd;
	height:4px;
	width:100%;
}
.home-left-data-div{
	padding:10px;
	height:50px;
	margin-bottom:10px;
}
.home-left-data-div div:first-child{
	float:right;
	font-size: 28px;
    color: #454545;
    font-family: 'NarkisBlockConMF', sans-serif;
    line-height: 50px;
}
.home-left-data-div div:nth-child(2){
	float:left;
	font-size: 44px;
    font-family: 'NarkisBlockConMF', sans-serif;
    line-height: 50px;
}
#field-new-plan-city {
	width:318px;
	min-width:318px;
	max-width:318px;
	font-size: 14px;
    line-height: 18px;
    color: #454545;
    font-weight: 400;
    height: 26px;
    display: block;
    padding: 3px 6px;
    border: 1px solid #a9a9a9;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: none;
	font-style: normal;
}

/* ------------------------------------------------------------ *\
	Reoprts Settings
\* ------------------------------------------------------------ */

.sidebar_reports { width: 230px; float: left; }

#reports-accordion { display: none; }

#reports-accordion .report-accordion-div {
	
}

#reports-accordion .report-accordion-div h3 {
	border: none;
	border-radius: 0;
	background: #ffffff;
	border-bottom: 2px solid #dcdcdc;
	margin-top: 0;
	height: 47px;
	font-size: 24px;
    line-height: 24px;
    padding-right: 30px;
	color: #454545;
}

#reports-accordion .report-accordion-div h3.current-accordion,
#reports-accordion .report-accordion-div h3.current-accordion:hover { color: #ffffff; }

#reports-accordion .report-accordion-div h3 .report-accordion-eye-on {
	background-image: url(images/eye-on.png); width: 26px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; float: left;
}

#reports-accordion .report-accordion-div h3 .report-accordion-eye-off {
	background-image: url(images/eye-off.png); width: 26px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; float: left;
}

#reports-accordion .report-accordion-div h3 .report-accordion-moves {
	background-image: url(images/a-moves.gif); width: 13px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; float: left;
	margin: 2px 0px 0px -3px;
}

#reports-accordion .report-accordion-div h3 .report-accordion-edit-btn {
	float: left;
	margin: 0px 18px 0px 18px;
	font-size: 20px;
}

#reports-accordion .report-accordion-div h3 .report-accordion-save {
	float: left;
	background-color: #ffffff;
	text-align: center;
    margin: -7px 0px 0px -9px;
    font-size: 20px;
    width: 106px;
    height: 34px;
    padding: 6px 0px 0px 0px;
}

.section-guides .content ul {
	margin-right: 35px;
}

#modalTerms-container{
	width:280px;
	height:80px;
	background-color: rgba(0,0,0, .5);
	transition: opacity .4s ease, visibility .4s ease;
	border-radius: 1px;
}

#modalTerms div{
	font-family: 'NarkisBlockConMF', sans-serif;
	margin: 22px 0 0 0;
	color: #000000;
}

#modalTerms .form-modal div{
	margin: 10px 0 0 0;
	font-family: Arial;
	font-size: 14px;
}

#modalTerms .form-modal li{
	font-size: 12px;
	margin-bottom: 2px;
}

#modalTerms .btn{
	height: 33px !important;
	line-height: 36px !important;
	padding: 0 16px !important;
	font-size: 26px !important;
}

#modalTerms .btn-secondary {
	min-width: 126px !important;
}

ul.report-checked-list-box { list-style-type: none; }
li.report-list-group-item { position: relative;	display: block;	padding: 5px 10px;	margin-bottom: -1px; color: #848484; background-color: #fff; border: 1px solid #ddd; cursor: pointer; }
li.report-list-group-item-checked { color: #000000 !important; font-weight: bold !important; }
/*color: #ffffff !important;	background-color: rgb(66, 139, 202) !important;*/
li.report-list-group-item span { margin-left: 10px; }
li.report-list-group-item span.ico-not-checked { background-image: url(images/sprite.png); background-position: -152px -102px; width: 24px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
li.report-list-group-item span.ico-checked { background-image: url(images/sprite.png); background-position: -151px -126px; width: 24px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }

#print-fast-report-btn { float: left; margin: -11px 0 10px 0; }

/* --- milestones --- */

.ico-milestones { background-image: url(images/sprite.png); background-position: 0px -153px; width: 21px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }

ul.milestones-checked-list-box { list-style-type: none; }
ul li.milestones-list-group-item { position: relative;	display: block;	padding: 5px 10px;	margin-bottom: -1px; color: #000; background-color: #fff; border: 1px solid #ddd; cursor: pointer; min-height: 33px; overflow: hidden; line-height: 22px;}
ul li.milestones-list-group-item-checked .milestones-list-group-item-click{ color: #000000 !important; font-weight: bold !important; }
ul li.milestones-list-group-item-irrelevant div:first-child{ color: #848484; text-decoration: line-through; }
/*color: #ffffff !important;	background-color: rgb(66, 139, 202) !important;*/
/* ul li.milestones-list-group-item span { margin-left: 10px; } */
ul li.milestones-list-group-item span.ico-not-checked { background-image: url(images/sprite.png); background-position: -152px -102px; width: 24px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
ul li.milestones-list-group-item span.ico-checked { background-image: url(images/sprite.png); background-position: -151px -126px; width: 24px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }

ul li.milestones-list-group-item .up { background-image: url(images/sprite.png); background-position: -79px -152px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
ul li.milestones-list-group-item .down { background-image: url(images/sprite.png); background-position: -102px -155px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
ul li.milestones-list-group-item .milestones-btn-relevant { background-image: url(images/sprite.png); background-position: -23px -154px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
ul li.milestones-list-group-item .milestones-btn-irrelevant { background-image: url(images/sprite.png); background-position: -48px -154px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
ul li.milestones-list-group-item .milestones-comments { background-image: url(images/sprite.png); background-position: -129px -154px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
ul li.milestones-list-group-item .milestones-delete { background-image: url(images/sprite.png); background-position: -152px -154px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
.milestones-edit { background-image: url(images/sprite.png); background-position: 1px -183px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
.plans-edit-user { background-image: url(images/sprite.png); background-position: -30px -183px; width: 36px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0; }
.plans-edit-plan { background-image: url(images/sprite.png); background-position: -71px -183px; width: 36px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0; }
.plans-edit-user-small { background-image: url(images/sprite.png); background-position: -129px -183px; width: 23px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; }
.plans-edit-plan-small { background-image: url(images/sprite.png); background-position: -153px -183px; width: 23px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; }
ul li.milestones-list-group-item .actions-btns
{
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    margin: -18px -3px -18px 0px;
	padding: 5px 5px 0px 0px;
    height: 35px;
    width: 35px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

ul li.milestones-list-group-item:first-child .up,
ul li.milestones-list-group-item:last-child .down
{
	position: relative;
	left: -2000px;
}

ul li.milestones-list-group-item .milestones-comments-div {
	float: right;
	font-size: 14px;
	clear: both;
	margin: 0px 38px -8px 0px;
	width: 470px;
	min-height: 20px;
}

ul li.milestones-list-group-item .milestones-comments-textarea {
	width: 470px;
	height: 20px;
	border-color: #ffffff;
	font-style: italic;
	color: #848484;
}

.ms_progressbar {
	background-color: #fff;
	border-radius: 5px; /* (height of inner div) / 2 + padding */
    padding: 0px;
	float: right;
	width: 56px;
	margin: 5px 0 0 6px;
}

.ms_progressbar > div {
	/* background-color: #000; /* Dynamic on code */
	width: 0%; /* Dynamic on code */
	height: 10px;
	border-radius: 5px;
	float: left;
}

#clients-plans-table th,
#clients-plans-table td { padding-right: 12px; padding-left: 12px; text-align: right; }

ul li.milestones-settings-li, 
ul li.milestones-settings-li input {
	border: none;
    border-radius: 0;
    background: #ffffff;
    border-bottom: 2px solid #dcdcdc;
    margin-top: 0;
    height: 47px;
    font-size: 24px;
    line-height: 24px;
    padding-right: 30px;
    color: #454545;
	font-family: 'NarkisBlockConMF', sans-serif;
	display: block;
    cursor: pointer;
    position: relative;
    margin: 0px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
}

ul li.milestones-settings-li .actions-btns
{
	border-bottom: none;
	margin: -26px -3px -24px 0px;
	padding: 12px 10px 0px 0px;
	height: 45px;
	width: 45px;
}

.home-new { background-image: url(images/home/home-new.png); background-repeat: no-repeat; background-color: transparent !important; width: 95px; height: 95px; font-size: 0; float: left; margin: -5px -95px 0 -5px; }

#clients-plans-table .ms_progressbar {
	border: 1px solid #a2a2a2;
    height: 12px;
	width: 65px;
	margin: 0 auto;
	float: none;
}

#clients-plans-table .ms_progressbar > div {
	height: 8px;
    margin: 1px 0 0 1px;
}

/* sticky sidebar tools */


.sticky-side-tool:before {
	font-family: 'NarkisBlockConMF', sans-serif;
}

#sticky-sidebar-tools {
	left: 0;
	position: fixed;
	top: 161px;
	z-index: 10;
}

#sticky-sidebar-tools ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sticky-sidebar-tools a {
	background-color: #333;
	color: #fff;
	display: block;
	height: 44px;
	font-family: 'NarkisBlockConMF', sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 35px;
	position: relative;
	text-align: center;
	width: 44px;
	text-decoration: none;
}

#sticky-sidebar-tools a span {
	line-height: 46px;
	left: -110px;
	position: absolute;
	text-align: center;
	width: 110px;
	height: 44px;
}

#sticky-sidebar-tools a:hover span {
	left: 100%;
}

#sticky-sidebar-tools .sticky-milestones { background-image: url(images/sticky_ms.png); background-repeat: no-repeat; width: 21px; height: 21px; font-size: 0; float: left; margin: 12px 0 0 10px; }
#sticky-sidebar-tools .sticky-report { background-image: url(images/sticky_re.png); background-repeat: no-repeat; width: 21px; height: 21px; font-size: 0; float: left; margin: 12px 0 0 10px; }

/* sticky sidebar tools */

/* ------------------------------------------------------------ *\
	Section Client
\* ------------------------------------------------------------ */

.section-client { padding: 31px 0 71px; }
.section-client h1 { line-height: 1.1em; }

.section-client .section-head { border-bottom: 1px solid #ddd; margin-bottom: 11px; }

.section-client .list-section-actions { float: left; padding-top: 15px; }

.section-client .sidebar { position: relative; }
.section-client .sidebar:after { content: ''; width: 247px; height: 16px; display: block; position: absolute; top: 100%; left: 0; right: 0; background: url(images/sb-shadow.png) no-repeat 0 0; }

/* ------------------------------------------------------------ *\
	Styled Checkbox
\* ------------------------------------------------------------ */

.section-settings input[type=checkbox] {
	visibility: hidden;
}

.styledCheckbox {
	width: 20px;	
	margin: 6px 40px 0 -6px;
	position: relative;
	float: right;
}

.styledCheckbox label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.styledCheckbox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: content-box;
}

.styledCheckbox label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.styledCheckbox input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* ------------------------------------------------------------ *\
	Section Settings-Office
\* ------------------------------------------------------------ */

.sub-users {
	text-align: right;
	display: block;
	margin: 1px auto;
	transition: background 1.5s ease-out;
	height: 30px;
    line-height: 32px;
    font-family: 'NarkisBlockConMF', sans-serif;
    font-size: 24px;
    font-weight: lighter;
	padding-right: 22px;
}
  
.glass-box {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	
	left: 0;
	top: 0;
	
	display: block;
    background-size: cover;
    content: ' ';
    opacity: 0.9;
	background-color: rgba(255, 255, 255, 1);
	filter: blur(1px);
}

.glass-box + form {
	color: transparent!important;
	text-shadow: 0 0 5px rgba(0,0,0,0.9) !important;
}

.glass-text {
	color: #000;
    text-shadow: 0 0 17px rgba(0,0,0,.5);
    z-index: 5;
    text-align: center;
    position: absolute;
    top: 100px;
    width: 100%;
    font-family: 'NarkisBlockConMF', sans-serif;
    font-size: 40px;
    font-weight: 800;
    background-color: rgba(0,0,0,0.1);
    opacity: .95;
    padding: 15px;
}

.glass-lock {
	position: absolute;
	top: 20px;
	margin: 0 auto;
	width: 100%;
	z-index: 1;
}
.glass-lock div{
	background-image: url(images/lock_s.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 200px;
	font-size: 0;
	margin: 0 auto;
}