html {
	font-family: "Segoe UI",Tahoma,Geneva,sans-serif;
}

body {
	background: white;
	font-size: 13px;
	color: #646464;
	text-align: center;
	padding: 0;
	margin: 0;
	min-height: 100%;
	background-color: #f2f2f2;
	text-align: left;
	/*min-width: 1266px;*/
}

.cleaner
{
	clear: both;
}

label.break_line
{
    clear: left;
    display: inline-block!important;
}

table tbody strong
{
	font-weight: 500;
}

div#main_top
{
	width: 100%;
	height: 48px;
	background-color: #343434;
}

div#main_top_left
{
	width: auto;
	height: 48px;
	float: left;
	line-height: 48px;
}

div#main_top_left a
{
    display: inline-block;
    width: auto;
    height: 48px;
    line-height: 48px;
    padding-left: 10px;
    position: absolute;
    top: 1px;
}

div#main_top_left a img
{
    width: 196px;
}

div#main_top_left h1
{
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
	padding-left: 55px;
	margin: 0;
	display: inline-block;
	padding-right: 15px;
	line-height: 48px;
	display: none;
}

div#main_top_right
{
	width: auto;
	height: 48px;
	overflow: auto;
}

div#main_top_right h2
{
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	padding-left: 20px;
	margin: 0;
	display: inline-block;
	padding-right: 15px;
	line-height: 48px;
}

span#user
{
	cursor: pointer;
}

div#user_menu_block
{
	width: 220px;
	height: auto;
	overflow: auto;
	background-color: #FFF;
	position: absolute;
	right: 20px;
	top: 48px;
	z-index: 999;
	display: none;
	border: 1px solid #EEE;
}

ul#user_menu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#user_menu li
{
	width: 100%;
	height: 38px;
	line-height: 38px;
	text-align: left;
	border-bottom: 1px solid #fff;
	background-color: #343434;

}

ul#user_menu li:last-child
{
	border-bottom: 0;
}

ul#user_menu li a
{
	font-size: 15px;
	text-decoration: none;
	display: block;
	width: 100%; 
	height: 100%;
	color: #FFF;
}

ul#user_menu li a:hover
{
	background-color: #111111;
}

ul#user_menu li a i
{
	display: inline-block;
	width: 35px;
	margin-left: 20px;
}

div#logged
{
	width: auto;
	height: 48px;
	line-height: 48px;
	font-size: 22px;
    font-weight: normal;
    color: #FFF;
    position: absolute;
    right: 20px;
	border: 1px solid transparent;
}

div#logged i
{
	display: block;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 1.3em;
    float: right;
}

div#main_left_fix
{
	width: 50px;
	height: calc(100vh - 60px);
	float: left;
}

div.main_left_fix_solid
{
	display: none;
}

div#main_top_search
{
	max-width: 356px;
	width: 300px;
	float: left;
	margin-left: 30px;
    margin-top: 4px;
	background: #686868;
	color: #FFF;
}

div#main_top_search .dropdown-toggle span
{
	color: #FFF;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    font-family: inherit;
	background: transparent;
    color: #FFF;
}

div#main_top_search .mts_input_wrapper
{
	padding: 2px;
}

div#main_top_search .mts_dropdown
{
	border-right: 1px solid #343434;
}

div#main_top_search .mts_dropdown button
{
	padding-top: 8px;
	padding-bottom: 4px;
}

div#main_top_search input
{
    width: 100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    font-family: inherit;
	background: transparent;
    color: #FFF;
    border: 0;
	padding-top: 8px;
}


div#main_top_search input::placeholder
{
	color: #FFF;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    font-family: inherit;
	background: transparent;
    color: #FFF;
}

.card
{
	border: 0!important;
}

div#main_left
{
	width: 50px;
	height: calc(100vh - 48px);
	background-color: #f2f2f2;
	float: left;
	display: flex;
	flex-direction: column;
	position: absolute;
	z-index: 999;
    border-right: 1px solid #e5e5e5;
}

div.main_left_solid
{
	width: 215px!important;
}

div#main_right
{
	width: calc(100% - 50px);
	height: calc(100vh - 48px);
	overflow: hidden;
	background-color: #f7f7f7;
	float: left;
	padding: 0px 0px 0px 0px;
}

div.main_right_solid
{
	width: calc(100% - 215px)!important;
	float: right!important;
}

div#footer
{
	width: 100%;
	height: 40px;
	background-color: darkgreen;
}



/* CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT */
div#content_top
{
	width: 100%;
	height: 40px;
	line-height: 40px;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}

div#content_top a
{
	text-decoration: none;
	color: #000;
}

div#content_top h2
{
    margin: 0;
    padding: 7px 0 0 20px;
    font-size: 26px;
    font-weight: 200;
}

div#content
{
	width: 100%;
	height: calc(100% - 50px);
	overflow: auto;
	position: relative;
}

/* DASHBOARD DASHBOARD DASHBOARD DASHBOARD DASHBOARD DASHBOARD DASHBOARD DASHBOARD DASHBOARD DASHBOARD */

div.dashboard
{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 5px;
}

div.dashboard h3
{
	float: none;
	clear: both;
	padding-left: 15px;
	font-size: 18px;
	font-weight: 400!important;
	margin-bottom: 10px;
}

div.dashboard_block
{
	padding: 0 10px 10px 10px;
}

div.dashboard_block > table
{
	margin-bottom: 0px!important;
}


div.dashboard_block > table tr td
{
	line-height: 24px!important;
}

div.dashboard_block > table tr td div
{
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}

div.dashboard_block table tr td:last-child
{
	text-align: left!important;
}

div.dashboard_50
{
	width: 580px; /* calc(40%); */
	height: auto;
	min-height: 150px;
	background-color: #FFF;
	margin: 5px;
	min-width: 510px;
}

div.dashboard_50 div.attendance_stats
{
	padding: 0px 0px 0px 25px;
    font-size: 14px;
    line-height: 18px;
}

div.dashboard_50 div.stats
{
	width: 45%;
	float: left;
	padding: 0px 0px 0px 15px;
	display: none;
}

a.a_disabled
{
	background: #E0E0E0!important;
	box-shadow:inset 0px 0px 0px 0px #ffffff!important;
	cursor: not-allowed!important;
}

div.show_edit_delete
{
	display: none;
	width: 75px;
	height: auto;
	position: absolute;
	right: 10px;
	margin-top: -5px;
	background-color: #fbfbfb;
}

div.show_edit_delete a
{
	margin-right: 10px;
}


div.show_edit_delete a:first-child
{
	margin-left: 10px;
}

div.dashboard_sortable_handler
{
    width: 580px;
    height: 15px;
    position: absolute;

    cursor: move;
}

div.dashboard_sortable_handler:hover
{
	background: #0078d7;
}
    


/* scrollbar */
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
  }
  
  ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 0px;
	border-radius: 0px;
  }
  
  ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background: rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }
  
  ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255, 255, 255, 0.3);
  }
  

/* MAIN MENU MAIN MENU MAIN MENU MAIN MENU MAIN MENU MAIN MENU MAIN MENU MAIN MENU MAIN MENU MAIN MENU */
ul.main_menu
{
	width: 210px;
	height: auto;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#main_menu_1
{
	flex: 1;
	width: 100%;
	overflow: scroll;
    overflow-x: hidden;
}

div#main_menu_2
{
	
  align-self: flex-end;
	width: 100%;
	overflow: hidden;
}

div#main_menu_3
{
	width: auto;
    position: absolute;
    right: 250px;
}

ul.off_menu
{
	/*position: absolute;
	bottom: 0px;*/
  align-self: flex-end;
}

ul.main_menu li
{
	width: 100%;
    height: 40px;
    line-height: 40px;
}


ul.main_menu li i
{
    margin-left: 5px;
    width: 15px;
    text-align: center;
    margin-right: 10px;
}

ul.main_menu li a
{
	display: block;
	width: 100%; 
	height: 100%;
	text-decoration: none;
	color: #000;
	font-size: 15px;
	/*border: 1px solid transparent;*/
	border-left: 5px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	cursor: pointer;
	text-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 5px;
}

ul.main_menu li a:hover
{
	background-color: #e5e5e5;
	border-left: 5px solid #353535;
}

ul.main_menu li a.active
{
	background-color: #e5e5e5;

	border-left: 5px solid #353535;
	border-right: 0; border-top: 0;
}


/* USER TASKS NOTIFY */
span.notification_number
{
    background-color: #b70707;
    color: #FFF;
    font-weight: 800;
    font-size: 12px;
    padding: 1px 3px 1px 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    right: 5px;
    margin-top: 5px;
    position: absolute;
    display: block;
    width: auto;
    height: 16px;
    line-height: 16px;
}

span.hidden
{
	visibility: hidden;
}

/* DASHBOARD TABLE DASHBOARD TABLE DASHBOARD TABLE DASHBOARD TABLE DASHBOARD TABLE DASHBOARD TABLE DASHBOARD TABLE DASHBOARD TABLE DASHBOARD TABLE   */
.dashboard table {
	/*border-top: 1px solid #EEE;*/
	width: 100%;
	margin-bottom: 30px;
	table-layout:fixed;
}

.dashboard table > thead tr td {
	background: #FFF;
	font-weight: bold;
}

.dashboard table tr td {
	background: #FFF;
	padding: 0px 5px;
	/*height: 29px;*/
	line-height: 29px;
	border-bottom: 1px solid #EEE;
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}

.dashboard table tr:last-child td
{
	border-bottom: 0;
}

.dashboard table tr td:last-child a:first-child
{
	margin: 0 !important;
}

.dashboard table tr.odd td {
	background: #f9f9f9;
}

.dashboard table tr:hover td { background: #fdfcf6; }

.dashboard table .action {
	text-align: right;
	padding: 0 10px 0 10px;
	display: none;
}

.dashboard table tr td a,a:visited
{
	color: #646464;
	text-decoration: none;
}

/* CLIENT SHOW CLIENT SHOW CLIENT SHOW */
div#client_show
{
	margin-top: 20px;
}

div#client_show h3
{
    padding: 0px 20px 5px 10px;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    color: #000;
}

div#client_show h3:first-child
{
	display: none;
}

/* ATTENDANCE ATTENDANCE ATTENDANCE ATTENDANCE ATTENDANCE ATTENDANCE ATTENDANCE ATTENDANCE ATTENDANCE ATTENDANCE ATTENDANCE ATTENDANCE */
.attendance {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666!important;
	font-size:15px;
	font-weight:400;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	line-height: 28px;
}
.attendance:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.attendance:active {
	position:relative;
	top:1px;
}

a.attendace_time_plus
{
	cursor: pointer;
}

a.attendace_time_plus:hover
{
	color: #0078d7;
}

div#attendace_time_plus
{
	width: 300px;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: none;
}

a#attendace_time_plus_close
{
	position: absolute;
	right: 5px;
	margin-top: 5px;
	cursor: pointer;
}

div#attendace_time_plus h3
{
	margin-top: 5px
}

div#attendace_time_plus label
{
	display: inline-block;
	width: 80px;
	margin-left: 15px;
}

div#attendace_time_plus button
{
	float: none!important;
}

div#attendace_time_plus input
{
	border: 1px solid #ddd;
	font: 16px;
	color: #646464;
	padding: 3px 5px 2px 5px;
	margin: 0 10px 0 0;
	height: 21px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div#attendace_time_plus input.text-short
{
	width: 76px;
}

div#attendace_time_plus input.text-long
{
	width: 180px;
}

/* CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK CLOCK */
span#clocks
{
	width: 67px;
    display: inline-block;
}

/* DEFINITIONS DEFINITIONS DEFINITIONS DEFINITIONS DEFINITIONS DEFINITIONS DEFINITIONS DEFINITIONS DEFINITIONS DEFINITIONS DEFINITIONS */

.green
{
	color: #00cc6a;
}

.red
{
	color: #b70707;
}

.blue
{
	color: #0078d7;
}


/* DIALOG SHOW DIALOG SHOW DIALOG SHOW DIALOG SHOW DIALOG SHOW DIALOG SHOW DIALOG SHOW DIALOG SHOW DIALOG SHOW DIALOG SHOW DIALOG SHOW */
div.dialog_show fieldset
{
	background: #FFF!important;
}

div.dialog_show p
{
	margin: 0 30px 20px 0!important;
	min-height: 30px!important;
	height: auto!important;
}

div.dialog_show p label
{
	font-style: italic;
}

div.dialog_show p span
{
	font-weight: bold;
	padding-left: 5px;
	font-size: 14px;
}

span.documents_show
{
	display: block;
	width: 100%;
	height: auto;
}

span.documents_show span.documents_type
{
	font-weight: normal!important;
	padding-left: 5px!important;
	display: inline-block;
	width: 200px;
}

span.documents_show span.documents_info
{
	font-weight: normal!important;
	padding-left: 5px!important;
	display: inline-block;
}

span.documents_show a
{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 300px;
    position: relative;
    top: 3px;
    padding-right: 10px;
}

p.documents_p
{
	margin-right: 0px!important;
}

i.fa-download
{
	padding-left: 5px;
	cursor: pointer;
}

span.data_show
{
	display: block;
	width: 100%;
	height: auto;
}

span.data_show span
{
	font-weight: normal!important;
	padding-left: 5px!important;
	display: inline-block;
	width: 200px;
}

span.clients_show
{
	display: block;
	width: 100%;
	height: auto;
}

span.clients_show span
{
	font-weight: normal!important;
	padding-left: 5px!important;
	display: inline-block;
	width: 200px;
}

span.events_documents
{
	display: block;
}

span.events_note
{
	max-height: 50vh;
    overflow: auto;
    display: block;
}

span.documents_show a,a:visited
{
	padding-left: 20px;
}

/* DRAG AND DROP FILES UPLOAD DRAG AND DROP FILES UPLOAD DRAG AND DROP FILES UPLOAD DRAG AND DROP FILES UPLOAD DRAG AND DROP FILES UPLOAD */

div.ui-dialog-content fieldset p.documents
{
	min-height: 0px!important;
    margin-bottom: 0px!important;
}

#upload {
	float: right;
    width:100px;
    height:70px;
    line-height:20px;
    border:5px dashed #CCC;
	font-size: 11px;
    font-family:Verdana;
    text-align:center;
    margin-right: 20px;
    display: block;
    padding-top: 10px;
    cursor: pointer;
}

#upload_wait
{
	float: right;
    width:100px;
    height:70px;
    line-height:20px;
	font-size: 11px;
    font-family:Verdana;
    text-align:center;
    margin-right: 20px;
    display: block;
    padding-top: 10px;
    cursor: pointer;
    margin: 0 0 7px 0;
    position: absolute;
    right: 53px;
    color: red;
    font-weight: bold;
    display: none;
}

div#upload_box
{
    width: auto;
    height: auto;
    overflow: auto;
}

div#uploaded
{
	width: 100%;
	height: auto;
	line-height: 20px;
    font-family: Verdana;
    padding-bottom: 10px; 
}

div#upload_log {
	float: left;
    width:450px;
    height:auto;
    min-height: 70px;
    border:5px dashed #CCC;
	line-height: 20px;
    font-family:Verdana;
    padding-top: 10px;
}

div.document
{
	padding-left: 10px; 
}

div.document span.progress
{
	font-weight: bold;
}

div.document span.filename
{
    width: 420px;
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
	display: inline-block;
	font-weight: bold;
	float: left;
}

div#uploaded div.document
{
	height: 28px;
	line-height: 28px;
}

a.document_del
{
	cursor: pointer;
}

a.document_date
{
	cursor: pointer;
}

input.document_date_input
{
	display: none;
}

/* OVERLAY OVERLAY OVERLAY OVERLAY OVERLAY OVERLAY OVERLAY OVERLAY OVERLAY OVERLAY OVERLAY OVERLAY OVERLAY OVERLAY OVERLAY OVERLAY */

.ui-dialog .ui-dialog-title
{
	font-size: 16px;
}

#dialog-form
{
	background-color: #fbfbfb;
}

.ui-dialog .ui-dialog-buttonpane
{
	margin-top: 0px;
}

div.ui-dialog-content fieldset {
	padding: 15px 15px 0px 15px;
	margin: 0px;
	width: auto;
	text-align: left;
	border: 0;
}

div.ui-dialog-content fieldset p { margin: 0 10px 14px 0; float: left; width: auto; min-height: 50px; height: auto;  }

div.ui-dialog-content fieldset label {
	display: block;
	width: 100%;
	margin: 0 0 7px 0;
	line-height: 12px;
}

div.ui-dialog-content fieldset .text-long {
	border: 1px solid #ddd;
	font: 16px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 3px 5px 2px 5px;
	width: 264px;
	float: left;
	margin: 0 10px 0 0;
	height: 21px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.ui-dialog-content fieldset .text-medium {
	border: 1px solid #ddd;
	font: 16px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 3px 5px 2px 5px;
	width: 120px;
	float: left;
	margin: 0 10px 0 0;
	height: 21px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.ui-dialog-content fieldset .text-medium-less {
	border: 1px solid #ddd;
	font: 16px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 3px 5px 2px 5px;
	width: 90px;
	float: left;
	margin: 0 10px 0 0;
	height: 21px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


div.ui-dialog-content fieldset .text-small {
	border: 1px solid #ddd;
	font: 16px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 3px 5px 2px 5px;
	width: 44px;
	float: left;
	margin: 0 10px 0 0;
	height: 21px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}

div.ui-dialog-content fieldset textarea {
	border: 1px solid #ddd;
	font: 16px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 3px 5px 2px 5px;
	width: 290px;
	float: left;
	margin: 0 10px 0 0;
	min-height: 100px;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}

div.ui-dialog-content fieldset textarea.text_description
{
	width: 580px;
}

.button-submit {
	font: 11px Arial, Helvetica, sans-serif;
	color: #646464;
	width: 94px;
	height: 29px;
	cursor: pointer;
	border: none;
	background: url(../img/button-submit.gif) no-repeat left top;
}



/* */
.ui-dialog .ui-dialog-buttonpane button
{
	font-weight: bold;
}

.none
{
	display: none;
}

div.cleaner
{
	clear: both;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

select
{
	background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    color: #666;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 10px;
    font-size: 13px;
    height: 28px;
    padding:6px 4px;
}

select.years_select
{
	width: 100px;
}

select.priorities
{
	width: 150px;
}

select.payment_frequency_select
{
	width: 150px;
}

select.user_type
{
	width: 100px;
}

select.shortcuts_types_select
{
	width: 150px;
}

select.notify_select
{
	width: 100px;
}

select.persons_data_type_select
{
	width: 200px;
}

select.persons_clients_select
{
	width: 277px;
}

select.active_select
{
	width: 70px;
}

select.broker_select
{
	width: 70px;
}

select.contracts_select
{
	width: 150px;
}

select.shortcuts_select
{
	width: 250px;
}

select.clients_select
{
	width: 150px;
}

select.users_select
{
	width: 150px;
}

select.sort_by
{
	width: 150px;
	text-align: left;
}

select.sort_by_type
{
	width: 60px;
	text-align: left;
}

select.sort_by > option
{
	text-align: left;
}

.left
{
	text-align: left;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.main table > thead tr td.right span
{
	padding-right: 10px;
}


a.check_href
{
	cursor: pointer;
}

div#client_card
{
	display: none;
}

table.dashboard_table tr
{
	cursor: pointer;
}

table.no_href tr 
{
	cursor: auto!important;
}

button.add-button
{
	margin: 0px 0 5px 10px;
	/*text-transform: uppercase;*/
	float: left;
	height: 28px;
	background: #FFF;
}

div.choose_select_div
{
    width: 150px;
    float: right;
    padding: 10px 15px 0 5px;
    font-weight: normal;
    font-size: 13px;
}

div.search_div
{
    width: auto;
    float: left;
    margin: 0px;
    padding: 0 5px 0 5px;
    height: 28px;
    line-height: 28px;
}

.search_month
{
	margin: 0;
    padding: 0;
    position: relative;
    top: 4px;
    right: 4px;
}

input.search-input
{
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    color: #444;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 10px;
    font-size: 12px;
}

/* FILTER BOX DIV */

div.filter_box {
    width: auto;
    float: left;
    margin: 0px 15px 5px 10px;
    padding: 0 0 0 5px;
    height: 31px;
}

div.filter_box i
{
    cursor: pointer;
    padding-left: 5px;
    display: block;
    float: right;
}


div.filter_box span.select2
{
	/* margin-top: -9px!important; */
}

div#client_show div.filter_box span.select2
{
	margin-top: 0px!important;
}

/* ASSIGN BOX */
div.assign_box {
    width: auto;
    float: left;
    margin: 0px 0px 5px 10px;
    padding: 0 0 0 5px;
    height: 31px;
    margin-top: 0px!important;
    display: none;
}

select.assign_box_select
{
	width: 200px;
}

/* CUSTO BOX DIV */

div.custom_box_div
{
    width: auto;
    float: left;
    margin: 0px 5px 5px 5px;
    padding: 0 0 0 5px;
    height: 31px;
}


div.custom_box_div span
{
	font-size: 18px;
    font-weight: 200;
    display: inline-block;
    position: relative;
    top: 2px;
}

div.custom_box_div i
{
    font-size: 21px;
    position: relative;
    top: 3px;
    cursor: pointer;
    padding-right: 5px;
    padding-left: 5px;
}

/* SORT DIV */
div.sort
{
	float: right;
	margin: 0px 15px 5px;
	padding: 0 0 0 5px;
	line-height: 28px;
}

div.sort span.select2
{
	margin-top: -3px;
}

/* MONTH SELECT */

div.month_select_div
{
    background: #FFF;
    border: 1px solid #aaa;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 4px;
    height: 28px;
	width: auto;
    float: left;
    padding: 0 10px 0 10px;
	line-height: 26px;
}

input.month-select-input
{
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    color: #444;
    font-size: 12px;
    width: 0px;
    opacity: 0;
}

div.month_select_div span
{
	font-size: 18px;
    font-weight: 200;
    display: inline-block;
}

div.month_select_div i
{
	font-size: 16px;
    cursor: pointer;
    padding-right: 5px;
    padding-left: 5px;
}

div.month_select_div i:first-child
{
	padding-left: 0px;
}

div.month_select_div i:last-child
{
	padding-right: 0px;
}

i.search_close
{
	cursor: pointer;
	margin-left: -20px;
	display: none;
}

.display_none
{
	display: none;
	/*visibility: hidden;*/
}

select.error, textarea.error, input.error {
    color:#FF0000;
}

label.error
{
    color:#FF0000;
}

p.not_found
{
    margin-top: -20px;
    margin-left: 10px;
    font-weight: bold;
}

p.found
{
    margin-top: -20px;
    margin-left: 10px;
    font-weight: bold;
}


div.ui-datepicker{
 font-size:14px;
}


.main table {
	width: calc(100% - 20px);
	margin: 0px 10px 30px 10px;
	table-layout: fixed;
}

.main table > thead tr td {
	border-top: 1px solid #ddd;
	background: #FFF;
	font-weight: bold;
}

.main table tr td {
	background: #FFF;
	padding: 0;
	/*height: 29px;*/
	line-height: 29px;
	border-bottom: 1px solid #ddd;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow:ellipsis;
	padding-right: 10px;
}

div.grip
{
	width: 1px;
	height: 30px;
	/*background: #cecece;*/
}

i.delete_table_settings
{
	position: absolute;
	display: inline-block;
	width: 11px;
	height: 30px;
	line-height:30px;
	margin-top: -13px;
	right: 20px;
	cursor: pointer;
}

.JCLRgrip .JColResizer
{
	height: 30px!important;
}

.main table thead tr td.can_sort span
{
	cursor: pointer;
}

.main table tr td:first-child
{
	padding-left: 10px;
}
.main table tr td:last-child a:first-child
{
	margin: 0 !important;
}

.main table tr.odd td {
	background: #f9f9f9;
}

.main table tr.done td {
	background: #fed964;
}

.main table tr.workingday td {
	background: #f9f9f9;
}

.main table tr.weekend td {
	background: #c3c3c3;
}

.main table tr.holiday td {
	background: #ffe6e6;
}

.main table tr.stopday td {
	background: #ffa7a7;
}

.main table tr.holidays td {
	background: #97e5f1;
}

.main table tr td a,a:visited
{
	color: #646464;
}

.main table tbody tr
{
	cursor: pointer;
}

.main table tr:not(.done):hover td {     border-bottom: 1px solid #343434;}


/* PRIORITIES */
.main table tbody tr td span.priorities {
    width: 75px;
	padding: 0px 5px 0px 5px;
	display: inline-block;
}

span.priority_1
{
	background-color: #ff8585;
}

span.priority_2
{
	background-color: #ffb385;
}

span.priority_3
{
	background-color: #a6d1f3;
}

span.priority_4
{
	background-color: #b0fda8;
}

span.priority_5
{
	background-color: #d8d8d8;
}



.main fieldset {
	border: 1px solid #ddd;
    padding: 15px 19px 0px 19px;
	margin: 0 0 20px 20px;
	background: #fbfbfb;
	width: 300px;
	text-align: left;
	float: left;
}

.main fieldset h3
{
    float: none;
    clear: both;
    font-size: 18px;
    font-weight: 400!important;
    margin-bottom: 10px;
    margin-top: 0;
}

/* SETTINGS */
div.main_settings
{
	width: calc(100vw - 50px); 
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	align-items: flex-start;
	
	/*display: -ms-flexbox;
	-ms-flex-direction: column;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;*/
}

fieldset.settings
{
	width: auto!important;
}

fieldset.admin_settings {
    border-color: #b70707;
}

fieldset.settings p
{
	width: 100%;
    height: 45px;
    float: none!important;
}

button.settings_save
{
	margin: 0px 0 5px 0px;
    float: left;
    height: 28px;
    background: #FFF;
}

button.settings_save i
{
	line-height: 13px!important;
}

fieldset.settings ul
{
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	height: auto;
}

fieldset.settings ul li
{
	margin-bottom: 2px;
	height: 24px; 
	line-height: 24px;
}

fieldset.settings ul li span.handle
{
	float: left; 
	padding-right: 5px; 
	cursor: move;
}

div.settings_documents_types_add
{
	margin: 5px 0px 18px 11px; 
	height: 24px;
	line-height: 24px;
}

fieldset.settings i
{
	line-height: 24px;
	cursor: pointer;
}

.main fieldset p { margin: 0 0 14px 0; float: left; width: 100%;  }

.main fieldset label {
	display: block;
	width: 100%;
	margin: 0 0 7px 0;
	line-height: 12px;
}

.main fieldset .text-long {
	border: 1px solid #ddd;
	background: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 5px 7px;
	width: 264px;
	float: left;
	margin: 0 10px 0 0;
}

.main fieldset .text-medium {
	border: 1px solid #ddd;
	background: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 5px 6px;
	width: 120px;
	float: left;
	margin: 0 10px 0 0;
}

.main fieldset .text-small {
	border: 1px solid #ddd;
	background: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 5px 7px;
	width: 44px;
	float: left;
	margin: 0 10px 0 0;
}

.main fieldset .text-long:focus, 
.main fieldset .text-medium:focus,
.main fieldset .text-small:focus,
.main fieldset textarea:focus { background: #fdfcf6; }

.main fieldset textarea {
	border: 1px solid #ddd;
	background: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 5px 7px;
	width: 264px;
	float: left;
	margin: 0 10px 0 0;
	height: 80px;
	overflow: hidden;
}

/* PERSONS */
p.persons_data span.data_column
{
	display: inline-block;
	padding-top: 5px;
}

i.persons_column_del, i.persons_data_add
{
	cursor: pointer;
}

/* CLIENTS */
p.persons_clients span.data_column
{
	display: inline-block;
	padding-top: 5px;
}

i.persons_column_del, i.persons_clients_add
{
	cursor: pointer;
}

/* FORMS */
textarea#persons_note
{
	width: 524px!important;
	min-height: 50px!important;
}

input#attendance_added_note
{
    width: 315px!important;
}

input#events_cause
{
	width: 273px!important;
}

textarea#attendance_note
{
	width: 450px!important;
	min-height: 50px!important;
}

select#persons_notify
{
	width: 226px!important;
}

textarea#clients_note
{
	width: 567px!important;
	min-height: 50px!important;
}

input#clients_address
{
	width: 417px!important;
}

textarea#contracts_note
{
	width: 660px!important;
	min-height: 50px!important;
}

#contracts_client_id
{
	width: 200px!important;
}

#contracts_subject
{
	width: 347px!important;
}

select#contracts_shortcuts
{
	width: 670px!important;
}

select.document_type_select
{
	width: 200px;
}

.select2-container .select2-selection--multiple
{
	min-height: 28px!important;
}

.white_space
{
	white-space: pre-line;
}

textarea#events_note
{
	width: 660px!important;
	min-height: 50px!important;
    max-height: 50vh;
    overflow: auto;
}

textarea#requests_request
{
	width: 603px!important;
	min-height: 100px!important;
}

textarea#requests_solution
{
	width: 603px!important;
	min-height: 100px!important;
}

textarea#tasks_task
{
	width: 593px!important;
	min-height: 100px!important;
}

textarea#tasks_solution
{
	width: 593px!important;
	min-height: 100px!important;
}

#infinity {
    text-decoration: line-through;
    cursor: pointer;
}

/* AVATARS */
div.user_avatar
{
    width: 36px;
    height: 36px;
	line-height: 33px;
	text-align: center;
    
    background-color: #FFF;
    margin-left: 4px;
	margin-top: 12px;
    font-size: 16px;
    color: #0078d7;
    cursor: pointer;
    border: 1px solid #0078d7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
    float: left;
	z-index: 1000;
	position: relative;
}


div.user_avatar i.user_status
{    
	position: absolute;
    font-size: 14px;
    margin-top: 26px;
    left: 4%;
}

div.user_offline
{
    /* opacity: 0.4; */
}

span.user_notification_number
{
    background-color: #b70707;
    color: #FFF;
    
    font-weight: 800;
    font-size: 12px;
    
    padding: 1px 3px 1px 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    margin-top: -42px;
    margin-left: 25px;
    display: block;
    
    width: auto;
    height: 16px;
    line-height: 16px;
    
    position: absolute;
    right: 2%;
    z-index: 1001;   
}

div.user_chat
{
	display: none;
    width: 258px;
    min-height: 298px;
    height: auto;
    margin-top: 1px;
    border-top: 1px solid #0078d7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: auto!important;
}

div.user_chat_area
{
    width: 100%;
    height: 268px;
    text-align: left;
    overflow: auto;
}


div.user_chat_input
{
    width: 100%;
    height: auto;
    border-top: 1px solid #0078d7;
}

textarea.chat_message_textarea
{
    width: 258px!important;
    border: 0px;
    min-height: 29px!important;
    max-height: 75px!important;
    /* border-left: 1px solid #0078d7; */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    resize: none;
    padding: 6px 5px 0px 5px;
	font-family: "Segoe UI",Tahoma,Geneva,sans-serif;
}

div.chat_message
{
    font-size: 12px;
    line-height: 18px;
    clear: both;
    padding-top: 1px;
    width: 98%;
    height: auto;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
}

div.chat_message i.last_seen
{
	display: none;
}

div.user_chat_area div.from_me:last-child i.last_seen
{
    display: inline-block;
    font-size: 10px;
    position: absolute;
    bottom: 45px;
    right: 21px;
}

div.distance
{
    margin-top: 10px;
}

div.chat_message:last-child
{
	margin-bottom: 30px;
}

div.chat_message_avatar 
{
    width: 24px;
    height: 20px;
    float: left;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    background: #f7f7f7;
    color: #4080ff;
    line-height: 20px;
    margin-left: 5px;
}

div.avatar_hidden
{
	visibility: hidden;
}

div.chat_message span
{
	padding: 1px 5px 1px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	white-space: pre-wrap;
}

div.from_me span
{
    margin-right: 5px;
	float: right;
	background-color: #4080ff;
	color: #FFF;
	max-width: 205px;
}

div.to_me span
{
    margin-left: 5px;
	float: left;
	background-color: #f1f0f0;
	color: #4b4f56;
	max-width: 194px;
}


.ui-dialog { z-index: 1000 !important ;}

label.error 
{
    position: absolute;
    width: auto!important;
    margin-top: 29px!important;
	color: #b70707;
	font-style: italic;
}

.ui-datepicker-month
{
	width: 52%!important;
}

div.last_row_marker
{
	display: none;
}

.last_row
{
	background-color: #b6ef76!important;
	font-weight: bold;
}

a.page_refresh
{
	text-decoration: underline!important;
	cursor: pointer;
	color: #0078d7!important;
}


@media print 
{
	div#main_top, div#main_left_fix, div#main_left, div.user_chat, button.add-button, div.search_div, div.sort, div.autogrow-shadow, div#ui-datepicker-div, div#MonthPicker_, div.ui-dialog
	{
		display: none;
	}
	
	div#main_right
	{
		width: 100%;
		background-color: #FFF;
	}
	
	body 
	{
		background-color: #FFF;
		width: 100vw;
		overflow: hidden;
	}
	
	.main table tr.odd td
	{
		background-color: #FFF;
	}
	
	span.select2
	{
		width: 165px!important;
	}
	
	.select2-container--default .select2-selection--single
	{
		border: 0;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__rendered
	{
		font-size: 18px;
	}
	
	div.month_select_div span
	{
		color: #000;
	}
	
	div.month_select_div
	{
		border: 0;
	}
	
	span.select2-selection__arrow, span.select2-selection__clear, div.JCLRgrips
	{
		display: none;
	}
	
}

div.column_tools
{
	position: absolute;
    margin-top: 4px;
    display: inline-block;
}

.empty_td {
    margin-top: -13px !important;
}

.empty_td .copy_to_dropdown
{
	margin-left: 15px;
}

input.edit_column {
    padding: 0;
    line-height: 29px;
    width: 100%;
    border: 0;
    background: transparent;
}

.copy_to_dropdown {
    margin-left: 10px;
    display: inline-block;
    cursor: pointer;
	width: 20px;
    height: 24px;
    top: -1px;
    text-align: center;
    padding-top: 6px;
    position: relative;
}

.show_row_info
{
	margin-top: -12px;
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 24px;
    /* top: -1px; */
    text-align: center;
    padding-top: 6px;
    position: absolute;
    right: 0px;
}

.del_row
{
	margin-top: -12px;
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 24px;
    /* top: -1px; */
    text-align: center;
    padding-top: 6px;
    position: absolute;
    right: 25px;
}

.del_row:hover
{
	background-color: #b9005c;
	border-radius: 5px;
}

.del_row:hover i
{
	color: #FFF;
}

.copy_to_dropdown:hover
{
	background-color: #1f1f1f;
	border-radius: 5px;
}

.copy_to_dropdown:hover i
{
	color: #FFF;
}


.show_row_info:hover
{
	background-color: #0013b9;
	border-radius: 5px;
}

.show_row_info:hover i
{
	color: #FFF;
}

#copy_to_dropdown_menu
{
	display: none;
	position: absolute;
	padding: 0;
    margin: 0;
}

#copy_to_dropdown_menu .dropdown-divider
{
	margin: 0!important;
}

#copy_to_dropdown_menu li.dropdown-item
{
	padding: .25rem 0.75rem;
}

#copy_to_dropdown_menu li.dropdown-item i
{
	margin-right: 5px;
}

.cursor_pointer
{
	cursor: pointer;
}

.project_data
{
	display: none;
}

.gen_pdf_div
{
	margin-right: 0px;
    float: left;
    height: 28px;
    line-height: 24px;
    border: 1px solid #C0C0C0;
    border-radius: 3px;
    background-color: #FFF;
    padding: 0px 8px 0 8px;
}

.template_btn
{
	margin-right: 0px;
    float: left;
    height: 28px;
    line-height: 24px;
    border: 1px solid #C0C0C0;
    border-radius: 3px;
    background-color: #FFF;
    padding: 0px 8px 0 8px;
}

.gen_pdf_div:hover i
{
	color: #FFF;
}

.gen_pdf_div:hover
{
	background-color: #343434;
	border-color: #FFF;
	color:#FFF!important;
}

.btn-link {
    font-weight: 400;
    color: #000000;
    text-decoration: none;
    font-weight: 500;
}

span.menu_client
{
	position: relative;
    top: -6px;
}

span.menu_project
{
    position: absolute;
    display: inline-block;
    font-size: 11px;
    left: 34px;
    margin-top: 10px;
    color: #343434;
}

.template-popup {
	position: absolute;
    top: 1px;
    right: calc(50% - 250px);
    z-index: 1000;
    display: none;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: white;
    width: 500px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.template-popup label
{
	margin-bottom: 0;
}

/* Close button alignment */
.template-close {
	float: right;
	cursor: pointer;
}

.template_buttons
{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.template_inputs
{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
}

#template_work_schedule
{
	width: 255px;
}

#template_text
{
    width: 100%;
    border-radius: 5px;
}

.template_disabled {
    cursor: not-allowed !important;
    opacity: 0.3;
}

.template_info
{
	font-size: 11px;
    text-align: center;
    margin-top: 7px;
}

.template_info_header
{
    font-size: 13px;
    text-align: left;
    margin-bottom: 13px;
    font-weight: 700;
    border-bottom: 1px solid #C0C0C0;
}

.template_mon_fri
{
	display: inline-block;
	font-weight: normal;
	cursor: pointer;
	text-decoration: underline;
}

#template_work_rate
{
	width: 70px;
    height: 28px;
    border-radius: 5px;
    border: 1px solid #aaaaaa;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice
{
	margin-top: 2px;
	margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered
{
	padding: 0 2px;
}