@import url("https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic");
@import url('/css/font-awesome.min.css');
@import url('/css/datepicker.css');
@import url('/css/bootstrap-timepicker.css');
@import url('/css/bootstrap-switch.css');
@import url('/css/jquery.dataTables.css');
@import url('/css/daterangepicker.css');
@import url('/css/select2.css');
@import url('/css/bootstrap-select.css');
@import url('/css/jquery.clndr.css');


/***** 1. RESET STYLE *****/
/**************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
    color: #666666;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    background-color: #FFF;
}

@media (min-width: 768px) {
	body {
		font-size: 15px;
	}
}
	
html, body {
  height: 100%;
  overflow-x: hidden;
  /* The html and body elements cannot have any padding or margin. */
  
}


#wrap {
        /*min-height: 100%;*/
        height: 95% !important;
        /*height: 100%;*/
        /* Negative indent footer by it's height */
        /*margin: 0 auto -41px;*/
        background-color: #FFFFFF;
        margin-bottom: 20px;
        position:relative;
      }
#wrap .row.pageheader {
	background-color: #F0F0F0;
	height: 80px;
}
#wrap .row.pagecontent {
	margin: 0 auto;
	width: 90%;
}      
#footer {
    height: 41px;
    background-color: #34495e;
    position:absolute;
    bottom:0;
    width:100%;
    min-width:100%;
}      
#footer .credit { margin-top: 20px; }

/* outer div */
  .row-offcanvas {
    position: relative;
    right:0;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
  }

  /* sidebar */
  .sidebar-offcanvas {
    max-height: 100%;
    height:100%; 
    right: -80%;
    width: 80%;
    position: absolute;
    top: 0;
    background-color: #2C3E50;
  }

  /* content */
  .row-offcanvas.active {
    right: 80%;
  }
  
  .row-offcanvas.active .navbar-header span.icon-bar {
  	background-color: #e67e22;
  }

#sidebar .navbar-nav a{
	color: #fff;
}

#sidebar .navbar-nav li.active {
	background-color: #1A242F;
}
#sidebar .navbar-nav a:hover,
#sidebar .navbar-nav li.dropdown.open > a,
#sidebar .navbar-nav li.dropdown > a:focus {
	background-color: #34495e;
}
#sidebar .navbar-nav a.dropdown-toggle i.fa[class*='fa-caret-'] {
	margin-left: 8px; 
}

#sidebar .navbar-nav li.dropdown ul.dropdown-menu a{
	font-weight:300;
	cursor:pointer;
}

#orientation-msg .alert p {
	text-align: left;
	font-size: 15px;
	margin-bottom:8px; 
}
#orientation-msg .alert .container .center-block .fa-arrow-right {
 	margin-top:34%; 
 }

@media (min-width: 768px) {
	
	/*#main.tabbed { top: -37px; position:relative; }*/

}/*MEDIA QUERY*/

@media (min-width: 1200px) {
	
}


/*
 * 
 * General items 
 * 
 */

p.help-block { font-size: 12px; font-style: italic; font-weight: 300;}
ul.no-list { list-style: none; }
ul.circle { list-style-type:circle; }
ul.no-list.marged,
ul.list-unstyled.marged { margin-left: 10px; }
ul.no-list.marged.25{ margin-left: 25px; }
ul.no-list li.spaced { margin-bottom: 10px; }
span.lab { margin-right: 20px; }
ul.no-list.padded li,
ul.list-unstyled.padded li { margin-bottom: 12px;}
ul.list-unstyled.padded li span.label { margin-right: 8px;}
ul.list-unstyled.padded li div.input-container {  margin-top: 10px; }
ul.list-unstyled.padded li i.fa-info-circle { color: #3498DB; font-size: 20px; vertical-align:bottom; }
ul.list-unstyled.padded li i.fa-refresh { color: #f39c12; font-size: 20px; vertical-align:bottom; }
ul.no-list li span.desc { margin-left: 7px;}
ul.no-list.data-choices { margin-left: 25px;}
ul.no-list.data-choices li span.desc { margin-right: 7px; font-weight: 400;} 
.offset-7  { margin-left: 8px;  }
.offset-15 { margin-left: 15px; }
.offset-30 { margin-left: 30px; }

i.fa-map-marker {
    color: #3498DB;
    cursor: pointer;
    /*float: left;*/
    font-size: 20px;
    margin-right: 10px;
} 

i.fa-map-marker:before { cursor: pointer; }
address { font-size:15px; }
.inline { display: inline-block; }
.v-top { vertical-align: top; }
.v-bottom { vertical-align: bottom; }
.loading { opacity: 0.3; }
.container .loader { font-size:30px; position:absolute; top:40%; left:45%; color:#f39c12; }
.loader.medium { position: absolute; float: none; font-size: 50px; overflow: hidden; margin: 7% 0 0 35%; color:#f39c12; z-index: 1; }
.loader.big { float:none; font-size: 60px; color:#f39c12; transition: background 0.2s ease-out 0s, border-color 0s ease-out 0s, color 0.2s ease-out 0s;}
.element-invisible { display: block; left: -10000px; position: absolute; }
.table-container { transition: background 0.2s ease-out 0s, border-color 0s ease-out 0s, color 0.2s ease-out 0s; }
.centered { text-align:center;}
.middle { margin: 0 auto; }
.label.normal {
	background-color: transparent;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #666;
    text-shadow: none;
    padding: 0;
    line-height: 1.231;
    font-weight: 600;
    font-size: 14px;
    margin-right: 7px; 
}
.fileinput-button {
	overflow: hidden;
    position: relative;	
}
label { font-weight: 400; }
#main .container { position: relative; }
#main .container #main-loader {
	position: absolute;
	font-size: 50px;
	color: #F39C12;
	margin-top:10%;
}
#main.calendar .container #main-loader,
#main.communications .container #main-loader {
	left:50%;
} 
input[disabled].dark,
input[readonly].dark,
textarea[disabled].dark,
textarea[readonly].dark { color: #555555; }
textarea.form-control.data-text { resize: none; }

input.half { max-width: 50%; }
input.upper{ }

.form-group.bootstrap-timepicker .time-select.form-control {
	padding:10px 8px;
}
.form-group .time-select.form-control { background-color: #fff; cursor: pointer; }

.form-group.disabled .form-control,
.form-group.disabled .time-select.form-control[disabled],
/*.time-select.form-control[readonly],*/
fieldset[disabled] .form-control {
	/*background-color: #FFF;
	cursor:default;*/
	background-color:#F4F6F6; cursor: default; 
}
.date-select.form-control[readonly] { background-color:#fff; cursor: pointer; }
.date-select.form-control[disabled] { background-color: #F4F6F6; cursor:default; }
.form-group { position:relative; }
.form-group .form-group { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}


.form-control + i.fa,
.form-control[disabled] + i.fa,
.form-control[readonly] + i.fa {
	color: #BFC9CA;
    font-size: 45px;
    position: absolute;
    right: 3%;
    top: 12%;
    transition: all 0.25s ease 0s;
}

.panel .form-control + i.fa.fa-calendar,
.form-group .form-control + i.fa.fa-calendar,
.panel .form-control[disabled] + i.fa.fa-calendar,
.form-group .form-control[disabled] + i.fa.fa-calendar,
.form-group .form-control[readonly] + i.fa.fa-calendar,
.panel .form-control[readonly] + i.fa.fa-calendar {
	right: 3%;
    top: 47%;
}

.form-group .form-control.date-select + i.fa.fa-calendar {
	right: 6%;
	top: 20%;
}

.date-inputs .form-group .form-control.date-select + i.fa.fa-calendar {
	
	top: 45%;
}
/*.form-group.disabled .form-control { background-color:#F4F6F6; pointer: default; }*/

p.error,
.form-group p.error  {
	color: #e74c3c;
	font-size: 15px;
	margin-top: 8px;
	white-space: normal;
	font-weight:300;
	font-style: italic;
	font-family: 'Roboto', sans-serif;
	margin-left: 0;
	padding: 2px 5px;
	display: block;
	background-color: #F2DEDE;
	float:none;
}

.form-control + i.fa.error {
	color:#e74c3c;
}
.form-control.error { border-color:#e74c3c; }

.alert i.fa { margin-right: 8px; }

.tooltip{
    z-index:100000000;
}

i.fa.blue{ color: #3498db; } 

i.fa.info { cursor:default; }

.alert.fade {
	height: 0;
}
.alert.fade.in {
	height: auto; 
}

.badge.squared {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px 5px;
	font-size: 10px;
	font-weight: normal;
	vertical-align:top;
}

.modal .modal-body .row.edit-form,
.modal .modal-body .row.-form {
	margin-right: 20px;
}

/***************
 * 
 * CALL OUTS
 * 
 ***************/
.bs-callout{margin:20px 0;padding:20px;border-left:3px solid #eeeeee;}
.bs-callout h4{margin-top:0;margin-bottom:5px;}
.bs-callout p:last-child{margin-bottom:0;}
.bs-callout-danger{background-color:#fdf7f7;border-color:#eed3d7;}
.bs-callout-danger h4{color:#b94a48;}
.bs-callout-warning{background-color:#faf8f0;border-color:#faebcc;}
.bs-callout-warning h4{color:#c09853;}
.bs-callout-info{background-color:#f4f8fa;border-color:#bce8f1;}
.bs-callout-info h4{color:#3a87ad;}

.form-group.bootstrap-timepicker .time-select.form-control.disabled {
	cursor:default;
	opacity:0.6;
}

.form-group.bootstrap-timepicker .time-select.form-control.disabled:focus{
	border-color: #DCE4EC;
}

@media (min-width: 768px) {
	.label.normal {
    	font-size: 16px; 
	}
	
	.form-group.bootstrap-timepicker .time-select.form-control {
	padding:10px 15px;
    }
}	




/*
 * 
 * MODAL GENERAL
 * 
 */
.modal .modal-dialog .modal-content .modal-header { 
	background-color:#3498db;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom:15px;
}

.modal .modal-dialog .modal-content .modal-header h3 .date,
.modal .modal-dialog .modal-content .modal-header h3 .number { font-size: 15px; }
.modal .modal-dialog .modal-content .modal-footer { 
	background-color:#ecf0f1;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.modal .modal-body .modal-information .box.client .block.client .label,
.modal .modal-body .modal-information .box.shift .block.shift .label {
    border-right: 0 none;
    font-size: 18px;
    margin-right: 7px;
    min-height: 20px;
    min-width: 50px;
    padding: 4px 0 10px 7px;
    vertical-align: bottom;
}

.modal .modal-body .modal-information .box.client .block.client .content,
.modal .modal-body .modal-information .box.shift .block.shift .content {
    font-size: 15px;
    margin-left: 0;
    padding: 3px 0 7px;
}

.modal .modal-body .row .col-sm-1.col-xs-12 {
	margin-bottom: 8px;
}

.modal .modal-body .container-fluid {
	padding-left: 0;
	padding-right: 0;
}


.modal .modal-body .container-fluid .row:first-child {
	margin-bottom:8px;
}

@media (min-width: 768px) { 
	.modal .modal-dialog .modal-content .modal-header { margin-bottom: 0; }
	.modal .modal-dialog .modal-content .modal-header h3 .date,
	.modal .modal-dialog .modal-content .modal-header h3 .number { font-size: 26px; }
	
	.modal .modal-body .modal-information .box.client .block.client .label,
	.modal .modal-body .modal-information .box.shift .block.shift .label { min-height: 20px; vertical-align: bottom; padding: 4px 0 10px 7px; font-size: 20px;border-right: 0; min-width: 70px; margin-right: 7px; }
	.modal .modal-body .modal-information .box.client .block.client .content,
	.modal .modal-body .modal-information .box.shift .block.shift .content { margin-left: 0; font-size: 20px; padding: 3px 0 6px; }
	
	.modal .modal-body .row .col-sm-1.col-xs-12 { margin-bottom: 0; }   
}

@media (min-width: 1200px) {
	
}

/*
 * 
 * TABLE GENERAL
 * 
 */

.table-responsive .table.table-bordered { border: transparent; }
.table-responsive .table.table-bordered thead th { background-color: #3498db; color: #fff; text-align: center; }
.table-responsive .table.table-bordered thead th:first-child {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

.table-responsive .table.table-bordered thead th:last-child {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

@media (min-width: 768px) { 
	.table-responsive {
	    border: transparent;
	    margin-bottom: 15.75px;
	    overflow-x: scroll;
	    overflow-y: hidden;
	    width: 100%;
	}    
}

@media (min-width: 1200px) {
	.table-responsive {
		overflow-x: hidden;
		overflow-y: hidden;
	}
}	 
/*
 *====================
 *  CHECKBOXES
 * ===================
 */

input[type='checkbox'].flat,
input[type='radio'].flat {
  display: none;
  
}
input[type='checkbox'].flat + label + span,
input[type='radio'].flat + label + span {
	margin-left:8px; 
}

input[type='checkbox'].flat + label::before {
  content: '\f0c8'; /* icon-check-empty */
  font: 20px/1em FontAwesome;
  color: #bdc3c7;
  cursor: pointer;
  transition: color 0.2s ease-out 0s; 
  
}
input[type='checkbox'].flat:disabled + label::before {
	 opacity: 0.3;
     cursor: default;
}

input[type='checkbox'].flat:checked + label::before {
  content: '\f14a'; /* icon-check */
  font: 20px/1em FontAwesome;
  color: #bdc3c7;
  cursor: pointer;
  transition: color 0.2s ease-out 0s;

}
input[type='checkbox'].flat + label:hover::before,
input[type='checkbox'].flat:checked + label:hover::before { color: #1abc9c; }

input[type='checkbox'].flat:disabled + label:hover::before,
input[type='checkbox'].flat:checked:disabled + label:hover::before { color: #bdc3c7; } 


.addr_ul li span.city,
.addr_ul li span.prov_state { margin-right: 7px;}
.addr_ul li span.zip_postal { }
.addr_ul li i.fa.fa-map-marker { margin-left: 8px; }
/*##########################
 * 	
 * LOGIN
 * 
 #########################*/
#login-logo {  
	margin-top: 20px;
	margin-bottom: 10px; 
}
#login-logo img { margin: 0 auto;}

.loginbox .row{ padding: 0 5px; }

.loginbox .form-container { 
	background-color: #E2E5EA;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    padding: 20px;
    margin-top:50px;

}
.loginbox .form-group { margin-bottom: 15px; position:relative; }
.loginbox .form-group .form-control {
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 20px;
    border-radius:6px;
    border-color:transparent;
      
}
.loginbox .form-group .fa {
	position:absolute;	
}

.loginbox .login-field:focus {
	border-color: #1abc9c;
}

.loginbox .login-field:focus + .fa {
  color: #1abc9c;
}

.loginbox .login-field.error {
	border-color: #E74C3C;
    box-shadow: none;
    color: #E74C3C;
}

.loginbox .form-group .fa.invalid { color: #E74C3C;}

.loginbox .btn {
	padding: 15px 0;
	font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-top: 10px;
    width: 100%;  
}
.loginbox .btn i.fa-refresh {
	font-size: 18px;
	margin-right: 10px; 
}
.loginbox label.error {
	background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
    padding: 5px;
    margin-top: 6px;
    font-weight: 100;
}
.loginbox .links { margin-top: 10px; }
.loginbox .links li:first-child { padding-left: 0px;}
.loginbox .links li:last-child { padding-right: 0px;}
.loginbox .login-link { font-size: 14px; color: #7f8c8d; }
.loginbox .login-link:hover { color: #1abc9c; }
.loginbox .bootstrap-select .dropdown-toggle {
	padding: 4px 12px; 
	
}
.loginbox .bootstrap-select .dropdown-toggle i.fa-caret-down { margin-left: 10px; font-size: 20px; margin-right: 0; }
.loginbox .bootstrap-select.open > .dropdown-menu { margin-top: 1px; cursor: pointer; padding: 0; }

.loginbox .form-container .links { list-style-type: none; }
.loginbox .form-container .links > li { line-height: 30px; }
	/*MEDIA QUERIES*/
	
	@media (max-width : 320px) { 
		 .loginbox .list-inline > li { display:block; padding-right: 0;}
		 .loginbox .form-group .form-control { font-size: 15px;}
		 .loginbox a.btn { font-size: 16px;}
		 .loginbox label.error { font-size: 15px; }
	}	
	
	
	
	/***************/


/*###########LOGIN########*/



/*
 * BUTTONS
 * 
 */
.btn-com {
	background-color: #ECF0F1;
	border: 3px solid transparent;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #7f8c8d;
	text-align: center;
	transition: all 0.2s ease-out 0s;
	width: 10px;
	padding: 0 5px;
	display: inline;
	position: relative 
}
.btn-com:hover{
	background-color: #7f8c8d;
	color:#fff;
}
.btn-com i[class^="icon-arrow"] { font-size:10px; position:absolute; left:12px; bottom:10px;  }
.btn-com.telephone i[class^="icon-arrow"] { left:11px; bottom:9px; }
.btn-com i.icon-arrow-left { color: #3498db; }
.btn-com i.icon-arrow-right { color: #2ecc71; }
.btn-com.telephone i.icon-phone { font-size: 12px;}
.btn-com.email i.icon-envelope { font-size: 10px;}
.btn-com.comment i.icon-comment { font-size: 11px;}

/*ROUND BUTTONS*/
.fa-stack { cursor: pointer; transition: background 0.2s ease-out 0s, border-color 0s ease-out 0s, color 0.2s ease-out 0s; }
.fa-stack .fa-circle.green {
	color: #2ecc71;
}
.fa-stack:hover .fa-circle.green {
	color: #27ae60;
}
.btn-rounded {
	background-color: #2ecc71;
	border: 5px solid transparent;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    color: #FFFFFF;
    line-height: 16px;
    margin: 7px 2px 6px;
    min-height: 17px;
    outline: medium none;
    padding: 0 4px;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s ease-out 0s, border-color 0s ease-out 0s, color 0.2s ease-out 0s;
}
.btn-rounded.crooked { padding: 0 2px;}
.btn-rounded i:before { cursor: pointer; }
.btn-rounded:hover { background-color: #27ae60; }

.btn-rounded.small {
	min-height:0;
	padding: 1px 3px;
	font-size: 14px;
	margin: 0 2px 0;
	border: 2px solid transparent;
}
.btn-rounded.red { background-color: #e74c3c;  }
.btn-rounded.red:hover {background-color: #c0392b; }

.btn-rounded.yellow { background-color: #f1c40f;  }
.btn-rounded.yellow:hover {background-color: #f39c12; }
/**
 * 	
 * ALERTS
 * 
 * 
 */
.alert.small { font-size: 14px; line-height: 20px; padding: 8px 30px 8px 14px;}
.alert.medium {}
.alert.big {}
.alert.small i { font-size: 25px; margin-right: 10px; }
.alert.small i.fa-times { font-size: 16px; margin: 0; }
.alert.small span { margin-left: 20px; }

/**MAIN MENU UP TOP**/
.navbar-header .navbar-brand {  padding: 10px 5px; max-width: 110px; }
	
.navbar-header .navbar-brand.text { padding: 0; margin: 25px 0 0 10px; }	
.navbar-nav > li > a { }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color:#ecf0f1;}

.navbar-nav > li > a.dropdown-user-info i.fa-user { color: #34495e; }

.navbar-nav > li.dropdown.open > a.dropdown-user-info i.fa-user { color: #fff; }

.navbar-nav > li > a i[class*="fa-chevron-"] { margin-right: 8px; font-size: 20px; }

.navbar-nav > li > a i[class*="fa-chevron-"] { font-size: 13px; margin: 0 0 0 0; }

.navbar-nav .dropdown .dropdown-user-info,

.navbar-nav .dropdown .dropdown-user-info:hover { color:#fff;}

.navbar-nav > li.dropdown .img-circle { width:40px; height: 40px; display:inline-block; line-height: 28px; overflow:hidden; vertical-align:bottom; }

.navbar-nav .dropdown .dropdown-user-info { display:block; }

.navbar-nav > .dropdown .dropdown-user-info .top-name-text {  display:inline-block; line-height: 28px; }

.navbar-nav > .dropdown .dropdown-user-info i[class*="fa-chevron-"] { font-size: 13px; display:inline-block; }

/* Small devices (tablets, 768px and up) */	
@media (min-width: 768px) { 
	.navbar-static-top { border-bottom: 5px solid #f39c12;}
	.navbar-header .navbar-brand { padding: 10px 20px 5px 5px; max-width:120px; }
	.navbar-nav > li { min-width: 125px; }
	.navbar-nav > li > a { padding: 9.5px; font-size:12px; text-align:center; }
	.navbar-nav > li > a > i { 
		font-size: 25px;
		display:block;
		text-align:center;
		margin-right:0;
		margin-bottom:10px;
	}
		
	.navbar-nav .dropdown.open .dropdown-menu.profile-top {
		min-width:100%;
		width:220px;
		top:99%;
		border:none;
		box-shadow:none;
		padding: 0;
		background-color: #bdc3c7;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;	 
	}
	
	.navbar-nav .dropdown.open .dropdown-menu.profile-top li a {
		font-weight: 300;
		padding: 8px 20px;
		color: #fff;
	}
		
		
	.navbar-nav .dropdown .dropdown-user-info { 
		padding-top: 5.5px;
		padding-bottom: 5.5px;
		-webkit-border-bottom-right-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-bottomright: 0;
		-moz-border-radius-bottomleft: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		
	}
	
	.navbar-nav > .open > a.dropdown-user-info,
	.navbar-default .navbar-nav > .open > a.dropdown-user-info:hover,
	.navbar-default .navbar-nav > .open > a.dropdown-user-info:focus {
		background-color: #bdc3c7;
		color: #2c3e50;
	}
	
	.navbar-nav .dropdown.open .dropdown-menu.profile-top li a:focus,
	.navbar-nav .dropdown.open .dropdown-menu.profile-top li a:hover {
		background-color: #ecf0f1;
		color: #2c3e50;
	}
	
	.navbar-default .navbar-nav > .dropdown .dropdown-user-info i[class*="fa-chevron-"] { font-size: 15px; }
	
	.navbar-default .navbar-right > .dropdown.open .dropdown-menu { min-width: 190px; padding: 10px 0 10px 5px;}
}
/*Large Screens(desktops, 1200px and up) */
@media (min-width: 1200px) {
	.navbar-header .navbar-brand { padding: 10px 55px 5px 5px; max-width:100%; }
	.navbar-nav > li > a { padding: 9.5px; font-size:15px;}
	.navbar-nav > li > a > i { 
		font-size: 45px;
		display:block;
		text-align:center;
		margin-right:0;
		margin-bottom:19px;
	}
}	
	


/*##########################
 * 	
 * DASHBOARD
 * 
 #########################*/
.dashboard { margin-left: 5px; margin-right: 5px; }
.panel-default .panel-heading { border-bottom: 3px solid #f39c12; }
.panel-default .panel-heading .panel-title { font-size: 14px; font-weight:400; color: #2C3E50; display:inline; }
.panel-default .panel-heading .panel-title.labeled{ margin-right: 8px; }
.panel-default .panel-heading .panel-title a { cursor:pointer; }
.panel-default .panel-heading .panel-title span { margin-right: 5px;}
.panel-default .panel-heading .panel-title span:last-child { margin-right: 0;}
.panel-default .panel-body h4 { font-size: 14px; margin-bottom: 4px; }
.panel-default .panel-body label.padded { margin-right: 8px; }
.panel-default .panel-body label.padded.main { }
.panel-default .panel-body label.padded.sub-main { }
.panel-default .panel-body .panel-actions { position:relative; }

.panel-default .panel-body .panel-actions .buttons { text-align:right; }
.panel-default .panel-body .panel-actions .buttons .btn-group .btn { padding:0px 6px 1px; border-right: 1px solid #ECF0F1; background-color: #BDC2C6; transition: background 0.2s ease-out 0s;}
.panel-default .panel-body .panel-actions .buttons .btn-group .btn:hover{ background-color: #D6DBDF; }
.panel-default .panel-body .panel-actions .btn-group .btn.active { background-color: #707579; color: #fff; font-weight: 700;}
.panel-default .panel-body .panel-actions .buttons .btn-group .btn.txt { padding: 0 5px 1px 5px; } 
.panel-default .panel-body .panel-actions .buttons .btn-group .btn i { font-size:11px; }
.panel-default .panel-body .panel-actions .buttons .btn-group .btn.normal i { margin-right: 0; }
.panel-default .panel-body .panel-actions .buttons .btn-group .btn.normal {padding: 0 5px 2px 5px; }
/*
.panel-default .panel-body .panel-actions .buttons .btn-group .btn.prev,
.panel-default .panel-body .panel-actions .buttons .btn-group .btn.next,
.panel-default .panel-body .panel-actions .buttons .btn-group .btn.search, 
.panel-default .panel-body .panel-actions .buttons .btn-group .btn.refresh {padding:0 3px 2px 3px; }
*/
.panel-default .panel-body .panel-actions .buttons .btn-group .btn:last-child { border-right: none; }

.panel-default .panel-body .carousel-inner .job-logo { background-color: #ECF0F1; padding: 5px; margin-right: 10px; }
.panel-default .panel-body .carousel-inner .job-logo .img-rounded i.fa-building-o{ font-size: 65px; }
.panel-default .panel-body .carousel-inner .job-info { margin-top: 5px; vertical-align:top; }
.panel-default .panel-body .carousel-inner .job-info .job-number { margin-right: 10px; }
.panel-default .panel-body .carousel-inner .job-info .job-number,
.panel-default .panel-body .carousel-inner .job-info .job-title { font-size: 15px; color: #f39c12; font-weight: 400;}
.panel-default .panel-body .carousel-inner .job-info .job-posted,
.panel-default .panel-body .carousel-inner .job-info .job-desc { color:#666; font-weight: 400; margin-right: 10px; }
.panel-default .panel-body .panel-content { padding: 15px 0;}
.panel-default .panel-body .panel-content table.dashboard thead th { text-align: center; background-color: #3498db; color: #fff; }
.panel-default .panel-body .panel-loader { text-align:center;  }
.panel-default .panel-body .panel-loader.fade { height:0;  }
.panel-default .panel-body .panel-loader.fade.in { position: absolute; top:25%; left:45%; }
.panel-default .panel-body .panel-loader i.fa-refresh { font-size: 20px; color:#f39c12; }
.panel-default .panel-body .row label:first-child[class*="col-"] { padding-left: 0; }

#schedule-widget .panel-body .panel-content .table td { padding:0; vertical-align: bottom; }
#schedule-widget .panel-body .panel-content .table td div.show-content { padding: 5px; }
#schedule-widget .panel-body .panel-content .table div.show-details { background-color: #f1c40f; color:#fff; font-weight: 500; text-align: center; cursor: pointer; }
#schedule-widget .panel-body .panel-content .table div.show-details .fa-refresh { margin-right: 7px; }

/* Small devices (tablets, 768px and up) */	
@media (min-width: 768px) { 
	.dashboard { margin-left: 15px; margin-right: 15px; }
	
	.panel-default .panel-heading .panel-title { font-size: 18px; }
	.panel-default .panel-body h4 { font-size: 18px;}
	.panel-default .panel-body .carousel-inner .item-container { margin:0 15px; }
	.panel-default .panel-body .carousel-inner .job-logo .img-rounded i.fa-building-o{ font-size: 65px; }
	.panel-default .panel-body .carousel-inner .job-info { margin-top: 10px; vertical-align:top; }
	.panel-default .panel-body .carousel-inner .job-info .job-number,
	.panel-default .panel-body .carousel-inner .job-info .job-title { font-size: 20px; color: #f39c12;  }
	.panel-default .panel-body .panel-content { padding: 25px 0;}
	.panel-default .panel-body .panel-loader i.fa-refresh { font-size: 40px; color:#f39c12; }
	.panel-default .panel-body .panel-actions .buttons .btn-group .btn { padding:3px 6px; }
	.panel-default .panel-body .panel-actions .buttons .btn-group .btn i { font-size:14px; }
	/*.panel-default .panel-body .panel-actions .buttons .btn-group .btn.normal{ padding: 3px 7px;}*/
	.panel-default .panel-body .panel-actions .buttons .btn-group .btn.txt { padding: 2px 7px 4px 7px; }
	/*.panel-default .panel-body .panel-actions .buttons .btn-group .btn.prev,
	.panel-default .panel-body .panel-actions .buttons .btn-group .btn.next,
	.panel-default .panel-body .panel-actions .buttons .btn-group .btn.search, 
	.panel-default .panel-body .panel-actions .buttons .btn-group .btn.refresh {padding:3px 0 2px 3px; }*/
	
	
	#schedule-widget .panel-body .panel-content .table div.show-details { background-color: #f1c40f; color:#fff; font-weight: 500; text-align: center; cursor: pointer; visibility:hidden; opacity:0; transition:visibility 0s linear 0.2s,opacity 0.2s linear, color 0.2s ease-out 0s; }
	#schedule-widget .panel-body .panel-content .table td:hover div.show-details { visibility:visible;   opacity:1; transition-delay:0s; }
}
/*Large Screens(desktops, 1200px and up) */
@media (min-width: 1200px) {
	.panel-default .panel-body .carousel-inner .job-logo { background-color: #ECF0F1; padding: 10px; margin-right: 15px; }
	.panel-default .panel-body .carousel-inner .job-logo .img-rounded i.fa-building-o{ font-size: 100px; }
	.panel-default .panel-body .carousel-inner .job-info { margin-top: 15px; vertical-align:top; }
	.panel-default .panel-body .carousel-inner .job-info .job-number,
	.panel-default .panel-body .carousel-inner .job-info .job-title { font-size: 25px; color: #f39c12;  }
}


/*#panel-hours { width: 300px; height: 250px;}*/

	


#communications-widget .table tbody .fa-lg { cursor: default; }
#communications-widget .table tbody .fa-lg .fa-circle.in { color: #80C5DC; }
#communications-widget .table tbody .fa-lg .fa-circle.out { color: #ACC86A; }
#communications-widget .panel-content .dataTables_wrapper { margin-top: 0; }
/*Fix DataTables*/
#communications-widget .table.dataTable tbody td { cursor: pointer; }
#main .jqplot-target{ font-family:'Roboto', sans-serif;}

/*NEWS WIDGET*/
#main.dashboard .panel-default .panel-body {
	padding: 11px;
}
#main.dashboard .panel-default .panel-body .panel-content.unpadded {
	padding: 0; 
}

#main.dashboard .panel-default .panel-body .panel-content.unpadded .row {
	margin-bottom: 15px;
}

#main.dashboard .panel-default .panel-body .panel-content.unpadded .form-group .control-label {
	padding:10px;
}

#main.dashboard .panel-default .panel-body .panel-content.unpadded .row .carousel .carousel-control {
	width: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
	background-color: #BDC2C6;
	height:34px;
	top:0;
	
	
}
#main.dashboard .panel-default .panel-body .panel-content.unpadded .row .carousel .carousel-control i {
	position: absolute;
	top: 18%;
	z-index: 5;
	display: inline-block;
}

#main.dashboard .panel-default .panel-body .panel-content.unpadded .row .carousel .carousel-control.left {
	-webkit-border-radius: 50px 0 0 50px;
	-moz-border-radius: 50px 0 0 50px;
	border-radius: 50px 0 0 50px;
	left: 12px;
	padding: 0 11px 0 5px;
}

#main.dashboard .panel-default .panel-body .panel-content.unpadded .row .carousel .carousel-control.right {
	-webkit-border-radius: 0 50px 50px 0;
	-moz-border-radius: 0 50px 50px 0;
	border-radius: 0 50px 50px 0;
	right: 12px;
	padding: 0 11px 0 5px;
}
/**DASHBOARD**/



/*##########################
 * 	
 * CALENDAR
 * 
 #########################*/
#main.calendar .nav-tabs li:first-child { margin-left: 5px;}

#main.calendar .nav-tabs li a { font-size: 12px; }

#main.calendar label.dtlabel { margin-top: 2%; text-align:right; padding-right: 0;}

#main.calendar .container { margin: 0 0 1.5em 0; }

#main.calendar .panel-body .dataTables_wrapper { margin-top:0; }

#main.calendar .default-filter{ }

#main.calendar .panel-default .info-container { position:relative; }

#main.calendar .panel-default .info-container .liner { position:absolute; width: 20%; left: 0; top:100%; height: 2px;  }

#main.calendar .panel-default .panel-body { padding: 5px; }
#main.calendar .panel-default .panle-heading { padding: 10px 5px; }

#main.calendar .panel-default .panel-body .label-night,
.modal .label-night { background-color: #7f8c8d; color:#fff; }
#main.calendar .panel-default .panel-body .label-day,
.modal .label-day { background-color: #f1c40f; color:#fff; }
#main.calendar .panel-default .panel-body .label-evening,
.modal .label-evening { background-color: #2980b9; color:#fff; }
#main.calendar .panel-default #panel-list li div.event { cursor: pointer; position: relative;}
#main.calendar .panel-default #panel-list li div.event.info { cursor: pointer; font-weight: 500; position:relative; }
#main.calendar .panel-default #panel-list li div i { font-size: 15px; position:absolute; top: 5px; }
#main.calendar .panel-default #panel-list li div span.company,
#main.calendar .panel-default #panel-list li div span.dispo-info { margin-left: 14%; font-size: 11px;}



#calendar table.fc-header td { background-color: #ECF0F1; font-size: 11px; }

#calendar table.fc-header .fc-header-left {
	-webkit-border-radius: 10px 0 0 0;
	-moz-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
	cursor: pointer;
}

#calendar table.fc-header .fc-header-left i { margin-left: 15%; }

#calendar table.fc-header .fc-header-left,
#calendar table.fc-header .fc-header-right {
	transition: background 0.2s ease-out 0s, border-color 0s ease-out 0s, color 0.2s ease-out 0s;
}


#calendar table.fc-header .fc-header-right i { margin-right: 15%; }
#calendar table.fc-header .fc-header-right {
	-webkit-border-radius:  0 10px 0 0;
	-moz-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;
	cursor: pointer;
}
#calendar table.fc-header .fc-header-left:hover,
#calendar table.fc-header .fc-header-right:hover {
	background-color: #34495e;
	color:#fff;
	
}
#calendar table.fc-header .btn-default { 
	padding: 3px 8px;
}

#calendar table.fc-header .btn-default i.fa{ 
	font-size:20px;
}

#calendar .fc-content .fc-view table.fc-border-separate {
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 12px;
}

#calendar table.fc-header .fc-header-title h2 { cursor: pointer; font-size: 15px;}

#calendar .fc-content .fc-view table.fc-border-separate th.fc-day-header {
	padding:1px 3px;
	background-color: #E74C3C;
	color: #FFF;
	font-weight: 300;
    font-size: 12px;
}

#calendar table.fc-header .pager.right,
#calendar table.fc-header .pager.right li:first-child span{
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
#calendar table.fc-header .pager span { padding: 5px 15px; }
#calendar table.fc-header .pager span i { font-size: 25px; }
#calendar table.fc-header .pager,
#calendar table.fc-header .pager span,
#calendar table.fc-header .pager span i.icon-caret-left:before,
#calendar table.fc-header .pager span i.icon-caret-right:before {
	cursor: pointer;
}

#calendar table.fc-header .pager:hover,
#calendar table.fc-header .pager:focus {
   background-color: #4C5966;
   
}


#calendar .fc-content .fc-view table.fc-border-separate th.fc-day-header { border: none; }
/*#calendar .fc-content .fc-view table.fc-border-separate th.fc-day-header:hover{ background-color: #C0392B; }*/

#calendar .fc-event-time,
#calendar .fc-event-title { padding: 0; }
#calendar .fc-content .fc-grid .fc-day-number{ font-weight: 400; font-size: 11px; }
.calendar-legend { margin-bottom: 25px;}
.calendar-legend .legend, 
#calendar .fc-content .fc-grid .fc-event .fc-event-inner .fc-event-title .legend {
	display: inline-block;
    height: 10px;
    width: 4px;
    /*margin: 3px;
    border: 1px solid #ECF0F1;*/
    /*position: absolute;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
   
}
.calendar-legend .legend { position:relative; }
#calendar .fc-content .fc-grid .fc-event { background-color: transparent; color: #666666; border: none; text-shadow:none;}
#calendar .fc-content .fc-grid .fc-event i { font-size: 12px; margin-left: 3px; }
#calendar .fc-content .fc-grid .fc-event.available-event i,
#main.calendar .panel-default #panel-list li i.fa-user.available { color:#40d47e; }
#calendar .fc-content .fc-grid .fc-event.unavailable-event i,
#main.calendar .panel-default #panel-list li i.fa-user.unavailable { color:#e74c3c; }
#calendar .fc-content .fc-grid .fc-event.schedule-event i,
#main.calendar .panel-default #panel-list li i.fa-check-square.scheduled { color: #9b59b6; }


#calendar .fc-content .fc-grid .fc-event .fc-event-inner .fc-event-title ul.job,
#calendar .fc-content .fc-grid .fc-event .fc-event-inner .fc-event-title span.str { margin-left: 20px; }
#calendar .fc-content .fc-grid .fc-event .fc-event-inner .fc-event-title ul.job { list-style: none; display:inline-block;}
.calendar-legend .legend.night,
#calendar .fc-content .fc-grid .fc-event .fc-event-inner .fc-event-title .legend.night { background-color: #7f8c8d; }
.calendar-legend .legend.day,
#calendar .fc-content .fc-grid .fc-event .fc-event-inner .fc-event-title .legend.day { background-color: #f1c40f; }
.calendar-legend .legend.evening,
#calendar .fc-content .fc-grid .fc-event .fc-event-inner .fc-event-title .legend.evening { background-color: #2980b9; }

#main.calendar .panel-body #panel-edit-modal li a { cursor: pointer; font-size: 12px; }

@media (min-width: 768px) {
	
	#main.calendar .container { margin: 1.5em 0; }
	
	#main.calendar .nav-tabs li a { font-size: 18px; }
	
	#calendar table.fc-header .btn-default { 
		padding: 10px 15px;
	}
	
	#calendar .fc-content .fc-view table.fc-border-separate {
		font-family: 'Roboto', sans-serif;
	    font-weight: 300;
	    font-size: 15px;
	}
	
	#calendar table.fc-header .fc-header-title h2 { cursor: pointer; font-size: 32px; }
	
	#calendar .fc-content .fc-view table.fc-border-separate th.fc-day-header {
		padding:10px 0;
		background-color: #3498db;
		color: #FFF;
		font-weight: 300;
	    font-size: 18px;
	}
	/*#calendar table.fc-header .fc-header-left i { margin-left: 50px; }
	#calendar table.fc-header .fc-header-right i { margin-left: 50px; }*/
	#calendar table.fc-header td { background-color: #ECF0F1; font-size: 30px; }
	#calendar table.fc-header .fc-header-title h2 { cursor: pointer; font-size: 30px;}
	#calendar .fc-content .fc-grid .fc-day-number{ font-size: 15px; }
	
	#calendar .fc-content .fc-grid .fc-event i { font-size: 18px; margin-left: 8px; }
	
	#main.calendar .panel-default #panel-list li div span.company,
	#main.calendar .panel-default #panel-list li div span.dispo-info { margin-left: 6%; font-size: 16px;}
	#main.calendar .panel-default #panel-list li div i { font-size: 21px; position:absolute; top: 3px; }
	
	#main.calendar .panel-default #panel-list li div span.company:hover,
	#main.calendar .panel-default #panel-list li div span.time:hover,
	#main.calendar .panel-default #panel-list li div span.dispo-info:hover { color:#2980b9; text-decoration:underline; }
	
	#calendar .fc-content .fc-grid .fc-event .fc-event-inner .fc-event-title .legend {
	display: inline-block;
    height: 16px;
    width: 4px;
    /*margin: 3px;
    border: 1px solid #ECF0F1;*/
    /*position: absolute;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
   
	}
}


@media (min-width: 1200px) {
	/*#panel-hours { width: 750px; height: 250px;}*/
}

#shifts-calendar-small{ }

#shifts-info-small ul{
	margin:15% 0 0 10%;
}

#shifts-info-small ul li span{
	margin-left:5%;
}
/*#main.calendar .container .tab-content{ overflow:hidden; }*/		


#calendar table.fc-header .btn-default { 
	margin: 0 0 10px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #576674;
}




/*TABS*/
.nav-tabs li {
	float:none;
    display:inline-block;
    *display: inline;     /* for IE7*/
    *zoom:1;              /* for IE7*/
}


.nav-tabs li a {
	font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    color: #FFF;
    cursor: pointer;
    background-color: #bdc3c7;
    transition: background 0.2s ease-out 0s, border-color 0s ease-out 0s, color 0.2s ease-out 0s;
	
}
.nav-tabs li a:hover {
	color: #FFF;
	background-color: #3498db;
}
.nav-tabs li.active a {
	color: #f39c12;
}

.tabs-left .nav-tabs li {display: block;}
.tabs-left .nav-tabs li:first-child { margin-left: 0;}
.tabs-left .nav-tabs li a { margin-bottom: 22px; }
.tabs-left .nav-tabs li:last-child a { margin-bottom: 0; }
.tabs-left .nav-tabs li a i { margin-left: 8px; visibility:hidden; opacity:0; transition:visibility 0s linear 0.2s,opacity 0.2s linear, color 0.2s ease-out 0s; }
.tabs-left .nav-tabs li.active a i { visibility:visible;   opacity:1; transition-delay:0s; }

.tabs-left .nav-tabs li a i.fa-plus-circle { color: #2ecc71; font-size: 20px; cursor:pointer; }
.tabs-left .nav-tabs li a i.fa-plus-circle:hover { color: #27ae60; } 
/*****************************
 * 
 * 
 * 
 * MODAL STYLES
 * 
 * 
 *****************************/

.modal .modal-body { padding: 0; }
.modal .panel-body { padding: 0; }

.modal .time-night,
.modal .time-day,
.modal .time-evening { color: #FFF; padding:27px; text-align: center; margin-bottom: 8px;}

.modal .time-night { background-color: #7f8c8d; }
.modal .time-day { background-color: #f1c40f; }
.modal .time-evening { background-color: #2980b9; }

.modal .modal-header { color: #FFF; text-align: center; }
.modal .modal-header h3 { font-size: 16px; }
.modal .modal-header h3.longstr span { margin-right: 50px; }
.modal .modal-body .modal-form .question { font-size: 13px; margin-bottom: 7px; }

.modal .modal-body .modal-loader { font-size: 20px; color:#f39c12; }
.modal .modal-body .modal-loader i.fa-refresh { position: absolute; top: 50%; left: 50%; }


.modal .panel-body div[class*='col-xs-'] { padding-left: 5px; padding-right: 5px; }
.modal .panel-body div[class*='col-xs-'].center-block { text-align:center; }
.modal .modal-body .row:first-child { margin-top: 0px; }
.modal .modal-body .row { margin: 5px 5px 0 5px; }

.modal .modal-body .modal-form .table.table-bordered td .inputs { margin: 0 0 10px 0; display:block; vertical-align: top; position: relative;  max-width: 95% }

.modal .modal-body .modal-form .table.table-bordered td .inputs input.time-select {
		 /* color: #666;
		  -webkit-border-radius: 0 4px 4px 0;
		  -moz-border-radius: 0 4px 4px 0;
		  border-radius: 0 4px 4px 0;
		  width: 140px;
		  border:1px solid #D5DBDB;
		  height: 17px;*/
		  cursor: pointer;
		  
}

.modal .modal-body .form-horizontal .control-label {
	text-align:left;
}
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group {
	position:relative;
}

.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group .form-control.unpadded{
	padding: 0;
}

.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group.disabled .time-select.form-control[disabled],
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group.bootstrap-timepicker .time-select.form-control[disabled] {
	    background-color:#ECF0F1;
}
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group .time-select.form-control[readonly] {
		background-color:#fff; 
}
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group.disabled i.fa-clock-o,
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group i.fa-clock-o,
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group i.fa-lock,
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group i.fa-calendar,
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group i.fa-envelope-o,
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group i.fa-phone,
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group i.fa-home   {
	top: 8px;
	position:absolute; 
}
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group.col-sm-9,
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group.col-sm-6 { padding-left:0; }
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group.col-sm-6 i.fa-calendar {
	top: 34px;
	right: 21px; 
}
.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group.col-sm-9 i.fa-phone {
	right:22px;
}
.modal .form-group.bootstrap-timepicker i[class*='fa-chevron-'] {
	position:inherit;
	font-size:18px;
}

.modal .modal-body .modal-information .box .block.title .content {
    font-size: 15px;
    margin-left: 0;
    padding: 3px 0 7px;
    
}

.modal .modal-body .modal-information .box .block.title .label {
	border-right: 0 none;
    font-size: 18px;
    margin-right: 7px;
    min-height: 20px;
    min-width: 50px;
    padding: 4px 0 10px 7px;
    vertical-align: bottom;
    
}

.modal .modal-body .modal-form .box .block .content,
.modal .modal-body .modal-information .box .block .content {
		margin-left: 4px;
		padding:12px 0 6px;
		/*width:50%;*/
		font-size: 14px;
}

.modal .modal-footer .btn {
	
    margin-bottom: 7px;
   
}

.modal .modal-footer .btn,
.panel .panel-footer .btn {
	
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.5;
    padding: 6px 9px;
   
}

.modal .modal-footer .btn i,
.panel .panel-footer .btn i {
	margin-right: 8px;
}

@media (min-width: 768px) {
	
	.modal .modal-body { padding: 20px; }
	.modal .panel-body { padding: 15px; }
	
	.modal .time-night,
	.modal .time-day,
	.modal .time-evening { margin-bottom: 0; padding: 16px; }
		
	.modal .modal-header h3 { font-size: 22px; padding: 8px 0;}
	.modal .modal-body .modal-form .question { font-size: 18px; margin-bottom: 7px; }
	
	.modal .modal-header { color: #FFF; text-align: center; }
	.modal .modal-header h3.longstr span { margin-right: 20px; }
	
	.modal .modal-body .modal-form .table.table-bordered td .inputs { margin-right: 25px; display:inline-block; vertical-align: top; position: relative; /*width: 95%;*/ }
	.modal .modal-body .modal-form .table.table-bordered td .inputs.block { display: block; max-width: 90%; }
	.modal .modal-body .modal-form .table.table-bordered td .inputs:first-child { margin-left:20px; }
	.modal .modal-body .modal-form .table.table-bordered td .inputs:last-child { margin-right:0; }
	
	
	.modal .modal-body .modal-form .table.table-bordered td .inputs input.time-select
	{
		 /* color: #666;
		  -webkit-border-radius: 0 4px 4px 0;
		  -moz-border-radius: 0 4px 4px 0;
		  border-radius: 0 4px 4px 0;
		  width: 140px;
		  border:1px solid #D5DBDB;
		  height: 17px;
		  cursor: pointer; */
		 width:130px;
		  
	}
	
	.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group .form-control {
		padding:0 0 0 15px; 
	}
	
	.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group.disabled i.fa-clock-o,
	.modal .modal-body .modal-form .table.table-bordered td .inputs .form-group i.fa-clock-o {
		top: 7px;
		right: 8px; 
	}
	
	.modal .modal-body .modal-information .box .block.title .label {
		font-size: 20px;
	    min-width: 70px;
	    
	}
	
	
	
	.modal .modal-body .modal-information .box .block.title .content {
    	font-size: 20px;
    }
    
    .modal .modal-body .modal-form .box .block .content,
	.modal .modal-body .modal-information .box .block .content {
		font-size: 16px;
	}
    
	.modal .modal-footer .btn,
	.panel .panel-footer .btn {
	
	    border-radius: 4px;
	    font-size: 15px;
	    line-height: 1.42857;
	    padding: 10px 15px;
	   
	}
}

@media (min-width: 1200px) {
	.modal .modal-body { padding: 20px; }
	.modal .panel-body { padding: 15px; }
}





		
.modal.info {
	background-color: #2980b9;
}

.modal.error .modal-dialog .modal-content .modal-header {
	background-color: #e74c3c;
}

.modal.warning .modal-dialog .modal-content .modal-header{
	background-color: #f39c12;
}
.modal.medium {
	width: 660px;
}
.modal.large {
	width: 770px;
}
.modal.fade.in.medium { top: 45%; }
/*.modal.fade.in.info { top: 35%; }*/

.modal .modal-body { background-color: #FFF; /*overflow:hidden;*/ }
.modal.warning .modal-body .modal-form,
.modal.warning .modal-body .modal-message,
.modal.warning .modal-body .modal-information,
.modal.error .modal-body .modal-information,
.modal.warning .modal-body  { min-height: 100px; }
.modal.warning .modal-body .modal-information p,
.modal.error .modal-body .modal-information p { font-size: 18px; line-height: 1.5; }
.modal .modal-body .modal-information .box.empty { text-align: center;}
.modal .modal-body .modal-information.loading .box{ opacity:0.3; background:#ffffff; }
.modal .modal-body .modal-information.loading .loader i.icon-refresh { color: #FB9337; font-size: 40px; }
.modal .modal-body .modal-form,
.modal .modal-body .modal-information { /*padding: 15px 10px;*/ /*min-height: 300px;*/ margin-right:20px;  /*max-height: 495px;*/ }
.modal .modal-body .slimScrollDiv .slimScrollRail { right: 4px; width: 2px; }
.modal .modal-body .modal-message,
.modal .modal-body .modal-information {/*margin: 0 10px; padding: 15px 10px;*/}

.modal .modal-body .modal-form .question .alert { font-size: 16px;}
.modal .modal-body .modal-form .question .alert h4 { font-weight: 700; font-size: 18px; }
.modal .modal-body .modal-form .message,
.modal .modal-body .modal-message .message {
	min-height: 50px;
	padding: 7px 5px 0 5px;
	overflow: hidden;
	position: relative;
	margin-top: 15px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
	line-height: 20px;
	-moz-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8); 
	-webkit-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
	box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
}
.modal .modal-body .modal-form .message ul,
.modal .modal-body .modal-message .message ul {list-style: none;margin-top:8px; margin-left:5px; }
.modal .modal-body .modal-message .message { min-height: 100px; line-height: 25px;}
.modal .modal-body .modal-form .message.warning i,
.modal .modal-body .modal-message .message.warning i {  font-size:30px; color:#FFC605; margin-right: 20px; float:left;}
.modal .modal-body .modal-message .message.warning i { font-size: 42px;}
.modal .modal-body .modal-form .message.warning,
.modal .modal-body .modal-message .message.warning {
	/*border: 1px solid #eac572;*/
    background: #ffe9ad;
}
.modal .modal-body .modal-message .message div.text { padding-bottom:10px; margin-left: 35px;}
.modal .modal-body .modal-form .box,
.modal .modal-body .modal-information .box { border: 1px solid #DDDDDD;}
.modal .modal-body .modal-information .box:last-child { margin-bottom: 0; }
.modal .modal-body .modal-information .box.padded { position: absolute; width: 90%; padding: 15px; }
.modal .modal-body .modal-information .box {  position:relative; display: block; margin-bottom: 20px; width: 100%; }
.modal.medium .modal-body .modal-information .box { width: 100%; }
.modal .modal-body .modal-form .box .block,
.modal .modal-body .modal-information .box .block { display:block; border-bottom: 1px solid #DDDDDD; }
.modal .modal-body .modal-form .box .block:last-child,
.modal .modal-body .modal-information .box .block:last-child { border-bottom: 0;}
.modal .modal-body .modal-form .box .block .label,
.modal .modal-body .modal-form .box .block .content,
.modal .modal-body .modal-information .box .block .label,
.modal .modal-body .modal-information .box .block .content { display:inline-block; }
.modal .modal-body .modal-information .box .block .label{
	background: #fcfcfc;
	padding: 10px 25px 27px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	border-right: 1px solid #DDDDDD;
	min-width: 100px;
	height:auto;
	min-height:45px;
	color: #666;
	text-shadow: none; 
}
.modal .modal-body .modal-information .box .block.title,
.modal .modal-body .modal-form .box .block.title  {
	background: #fcfcfc;
	vertical-align: top;
	text-align: left;
}


.modal .modal-body .modal-information .box .block.info .center-content {
	text-align: center;
	padding: 10px;
}    
.modal .modal-body .modal-information .box.client,
.modal .modal-body .modal-information .box.shift { position: relative; }
.modal .modal-body .modal-information .box.shift { margin-top: 20px; }
.modal .modal-body .modal-information .box.client .block.client,
.modal .modal-body .modal-information .box.shift .block.shift{ background: #FCFCFC; }
/*.modal .modal-body .modal-information .box.client .block.client .label,
.modal .modal-body .modal-information .box.shift .block.shift .label { min-height: 20px; vertical-align: bottom; padding: 4px 0 10px 7px; font-size: 20px;border-right: 0; min-width: 70px; margin-right: 7px; }
.modal .modal-body .modal-information .box.client .block.client .content,
.modal .modal-body .modal-information .box.shift .block.shift .content { margin-left: 0; font-size: 20px; padding: 3px 0 10px; }*/
.modal .modal-body .modal-information .box .block.info, 
.modal .modal-body .modal-information .box.client .block.info,
.modal .modal-body .modal-information .box.shift .block.info { margin-left:10px;  margin-top: 10px; margin-bottom:15px; margin-right: 10px; font-weight: 300;}
.modal .modal-body .modal-information .box.shift .block.info ul.labeled { margin-left:15px; }
.modal .modal-body .panel-body label + span { /*margin-left: 8px;*/ } 
.modal .modal-body .modal-information .box.shift .block.info .no-list span.N,
.modal .modal-body .panel-body label + span.N { color:#C0392B;}
.modal .modal-body .panel-body span.label.label-N { background-color:#C0392B;}
.modal .modal-body .modal-information .box.shift .block.info .no-list span.J,
.modal .modal-body .panel-body label + span.J { color:#3498DB; }
.modal .modal-body .panel-body span.label.label-J  { background-color:#3498DB;}
.modal .modal-body .modal-information .box.shift .block.info .no-list span.S,
.modal .modal-body .panel-body label + span.S { color:#27AE60;}
.modal .modal-body .panel-body span.label.label-S  { background-color:#27AE60;}
.modal .modal-body .modal-information .box .block.info ul.no-list.labeled,
.modal .modal-body .modal-information .box.client .block.info ul.no-list.labeled { margin-left:15px; }
.modal .modal-body .modal-information .box .block.info ul.no-list li,
.modal .modal-body .modal-information .box.client .block.info ul.no-list li { margin-bottom: 10px; }
.modal .modal-body .modal-information .box.client .block.info ul.no-list li ul.addr_ul { float:left; }
.modal .modal-body .modal-information .box.client .block.info ul.no-list li ul.addr_ul li { margin: 0; }
.modal .modal-body .modal-information .box .block.info ul.no-list li span,
.modal .modal-body .modal-information .box.client .block.info ul.no-list li span { display: inline-block; margin-right: 7px;  }
.modal .modal-body .modal-information .box .block.info ul.no-list li span.lab,
.modal .modal-body .modal-information .box.client .block.info ul.no-list li span.lab { vertical-align: top; width: auto; }
.modal .modal-body .modal-information .box.client .block.info ul.no-list li span.text { margin-right: 0; }

.modal .modal-body .container-fluid .panel-body ul.list-unstyled li { margin-bottom: 8px; }
.modal .modal-body .container-fluid .panel-body ul.list-unstyled.addr_ul li { margin-bottom: 0; }
.modal .modal-body .container-fluid .panel-body ul.list-unstyled li label { margin-right: 8px; }
.modal .modal-body .container-fluid .panel-body ul.list-unstyled li span.text ul.props li i.fa-circle { font-size: 10px; color:#f39c12; margin-right: 7px; }



.modal .modal-body .modal-information .box .block.info ul.list-unstyled li span.text i.icon-map-marker,
.modal .modal-body .modal-information .box.client .block.info ul.no-list li span.text i.icon-map-marker { /*float:left;*/vertical-align: top;  cursor: pointer; font-size: 20px; color: #3498DB; margin-right: 10px;}
.modal .modal-body .modal-information .box.shift .block.info ul.no-list li .small-block { width:70%; margin: 10px 0 0 30px; }
.modal .modal-body .modal-information .box.shift .block.info ul.no-list li .small-block ul.no-list li span.label_s { margin-right: 7px; }
.modal .modal-body .modal-information .box.shift .block.info ul.no-list li .small-block ul.no-list li span.label_s:last-child { margin-left: 10px;}
.modal .modal-body .modal-information .box .block.info .boxlogo,
.modal .modal-body .modal-information .box.client .block.info .boxlogo { display: inline-block; margin:20px	auto 20px 10%; }
.modal .modal-body .modal-information .box .block .label { display:inline-block; }
.modal .modal-body .modal-form .box .block .label.small,
.modal .modal-body .modal-information .box .block .label.small { padding:10px 0 10px 10px;}
.modal .modal-body .modal-form .box .block .label.small.validation { padding-bottom: 40px;}
.modal .modal-body .modal-form .box .block .label.small.medium { padding-bottom: 40px;}
.modal .modal-body .modal-form .box .block .label.small.long,
.modal .modal-body .modal-information .box .block .label.small.long { padding-bottom: 77px;}
.modal .modal-body .modal-form .box .block .label.big { min-height: 75px; min-width:85px; }
.modal .modal-body .modal-form .box .block .label.medium { padding: 10px 0 40px 10px}
.modal .modal-body .modal-form .box .block .label.big.comment {padding: 17px 0 30px 10px;}
.modal .modal-body .modal-form .box .block .label.pic { min-height: 195px; }
.modal .modal-body .modal-form .box .block .label small { display:block; font: 11px 'Roboto', sans-serif; margin-top:15px;}

.modal .modal-body .modal-information .box .block.info .label.normal {
	background-color: transparent;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #666;
    text-shadow: none;
    padding: 0;
    line-height: 1.231;
    font-weight: 600;
    font-size: 16px;
    margin-right: 7px;
    border-right: 0;
    min-width: 1px;
    min-height: 1px; 
}

.modal .modal-body .modal-information .box .block.info .content { display:inline-block;/* max-width: 40%; */}
.modal .modal-body .modal-information .box .block.info .content.left { margin-right: 15px; }
.modal .modal-body .modal-information .box .block.info .content.right { }
.modal .modal-body .modal-information .box .block.info .profile-img { margin: 0 auto; height: 220px; width: 180px; }
.modal .modal-body .modal-information .box .block.info .profile-img img { height: 100%;}
.modal .modal-body .modal-information .box .block.info .profile-img i.fa-user {
    font-size: 220px;
	color:	#7f8c8d;
}	
.modal .modal-body .modal-information .box .block.info .profile-img label.error { 
	color: #e74c3c;
	font-size: 15px;
	margin-top: 25px;
	white-space: normal;
	font-weight:300;
	font-style: italic;
	font-family: 'Roboto', sans-serif;
	margin-left: 0;
	padding: 2px 5px;
	display: block;
	background-color: #F2DEDE;
	cursor: default;
}
.modal .modal-body .modal-information .box .block.info .actions { margin-top: 30px; text-align: center; position: relative;}
.modal .modal-body .modal-information .box .block.info .actions i.fa-refresh { color: #e67e22; top: -164px; left: 230px; position:absolute; }
.modal .modal-footer .btn input[type="file"] { 
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
	background-color:transparent;
	color:transparent;
	cursor: pointer;
	padding: 5px 0 6px 0;
}
.modal .modal-body .modal-information .box .block.info .actions .progress { width:100%; position:relative; margin: 10px auto 0 auto; vertical-align: middle; visibility:hidden; opacity:0; transition:visibility 0s linear 0.5s,opacity 0.5s linear;}
.modal .modal-body .modal-information .box .block.info .actions .info span:first-child { margin-right: 20px;}
.modal .modal-body .modal-information .box .block.info .actions .progress.visible  { visibility:visible;   opacity:1; transition-delay:0s; }

.modal .modal-body .modal-form .box .block .content.big .checker { margin-left:10px; }
.modal .modal-body .modal-form .box .block .content input.longinput.medium {width: 200px; }
.modal .modal-body .modal-form .box .block .content input.longinput.long {width: 300px;}
.modal .modal-body .modal-form .box .block .content input.longinput.longer { width:380px;}
.modal .modal-body .modal-form .box .block .content input.extrasmallinput { width: 95px;}
.modal .modal-body .modal-form .box .block .content input.extrasmallinput.upper{ }
.modal .modal-body .modal-form input[type="file"] { width: auto; } 
.modal .modal-body .modal-form .box .block .content ul.work_type_ul,
.modal .modal-body .modal-form .box .block .content ul.addr_ul,
.modal .modal-body .modal-information .box .block .content ul.addr_ul,
.modal .modal-body .modal-information .box .block .content ul.job_schedule { list-style: none;}
.modal .modal-body .modal-information .box .block .content ul.job_schedule li,
.modal .modal-body .modal-information .box .block .content ul.job_notifications li {line-height: 35px;}
.modal .modal-body .modal-information .box .block .content ul.job_schedule li .label_s,
.modal .modal-body .modal-information .box .block .content ul.job_notifications li .label_s { margin-right: 10px;}
.modal .modal-body .modal-information .box .block .content ul.job_schedule li .label_s:last-child { margin-left: 10px;}
.modal .modal-body .modal-information .box .block .content ul.addr_ul li span.city,
.modal .modal-body .modal-information .box .block .content ul.addr_ul li span.prov_state { margin-right: 7px;}
.modal .modal-body .modal-information .box .block .content ul.addr_ul,
.modal .modal-body .modal-information .box .block .content .map-icon { display: inline-block; }
.modal .modal-body .modal-information .box .block .content .map-icon { margin-left: 20px; vertical-align: top; font-size: 35px; color: #3C7DC4;}
.modal .modal-body .modal-information .box .block .content .map-icon i { cursor: pointer;  display:block;}
.modal .modal-body .modal-form .box .block .content.error span.add-on { background-color: #F2DEDE; border: 1px solid #EB2F30; color:#FF0000; }
.modal .modal-body .modal-form .box .block .content.error label.error { margin-top: 6px;}
.modal .modal-body .modal-form .box .block .content .input-append input { padding: 7px 5px; }
.modal .modal-body .modal-form .box .block .content .input-append button { padding: 7px 12px;}
.modal .modal-body .modal-form .box .block .content .small {vertical-align:top; margin-left: 7px; font-size: 11px;}
.modal .modal-body .modal-form .box .block .content .btn-group { margin-bottom: 12px;}
.modal .modal-body .modal-form .box .block .content .btn-group .btn { font-weight: normal;}
.modal .modal-body .modal-form .box .block .content .btn-group .btn.avai.active { 
	background-color: #51A351;
    color: #FFFFFF;
    text-shadow: none;
}
.modal .modal-body .modal-form .box .block .content .btn-group .btn.unavai.active { 
	background-color: #BD362F;
    color: #FFFFFF;
    text-shadow: none;
}
.modal .modal-body .modal-form .box .block .content .inputs { margin-right: 10px; display:inline-block;}
.modal .modal-body .modal-form .box .block .content .inputs:first-child { margin-left: 20px; }
.modal .modal-body .modal-form .box .block .content .inputs:last-child { margin-right:0; }
.modal .modal-body .modal-form .box .block .content .inputs label.inputlabel { display: block; margin-bottom:5px; }

.modal .modal-body .modal-form .box .block .content .inputs .switch { top: 6px;}
.modal .modal-body .modal-form .box .block .content .inputs .switch i { font-size: 17px;}
.modal .modal-body .modal-form .box .block .content .inputs .dropdown-menu { margin-top:38px; min-width:150px; position:fixed;}
.modal .modal-body .modal-form .box .block .content .inputs .input-prepend.bootstrap-timepicker .add-on{ border-radius: 4px 0 0 4px; }
.modal .modal-body .modal-form .box .block .content .inputs .input-prepend.disabled .add-on{ border-radius: 4px 0 0 4px; }
.modal .modal-body .modal-form .box .block .content .inputs .input-prepend.disabled { opacity: 0.4; cursor:default;}

.modal .modal-body .modal-form .line { display: block; }
.modal .modal-body .modal-form .line .block { display:inline-block; width: 50%; margin-bottom:15px;}
.modal .modal-body .modal-form .line .block.big { width:100%; }
.modal .modal-body .modal-form label.inputlabel { font: 15px 'Roboto', sans-serif;}
.modal .modal-body .modal-form label.error { font: 12px 'Roboto', sans-serif;}
.modal .modal-body .modal-form input.mediuminput { width: 80%; }
.modal .modal-body .modal-form textarea.bigtextarea { width: 85%; resize: none; height: 70px;}
.modal .modal-body .modal-form textarea.comments,
.modal .modal-body .form-group textarea.comments { width: 85%; resize: none; height: 50px; font-weight: 300; margin-bottom: 0; }
.modal .modal-body .modal-form .maxlength-feedback { float:right; font-size: 11px; font-weight: 500;}
.modal .modal-body .modal-form .maxlength-feedback.maxlength-full { color: #e74c3c;}
.modal .modal-body .modal-form select.select { width: 305px; }
.modal .modal-body .modal-form textarea.bigtextarea.description { height: 60px;}
.modal .modal-body .modal-form input.check_box { width:0; vertical-align: 0;}
.modal .modal-body .modal-form input.width160 { width:160px;}
.modal .modal-body .modal-content { padding: 15px 10px; background-color: #FFFFFF;}
.modal .modal-body .modal-content i.icon-exclamation-sign { color:#FFC605; font-size:40px; margin-right: 15px;}
.modal .modal-body .modal-content .to_delete_details { list-style:none; margin:17px;}
/*.modal.map { width: 900px; height: 500px; margin-top: -260px; margin-left: -420px; }*/
.modal .modal-body.map { max-height: 500px; }
.modal .modal-body.map .one-third { margin: 0 20px 0 10px; font-size: 13px; float:right; }
.modal .modal-body.map .two-third { width:585px; height: 500px; float:left; }
.modal .modal-body.map .slimScrollDiv { }
/**SCROLLABLE PARAGRAPH**/
.modal .modal-body div.text { margin-right: 8px; }	
.modal .modal-body div.text p.formatted { white-space: pre-line; word-wrap: break-word; }	
.modal .modal-body .modal-information .box .block.info ul.no-list li div.text { width: 85%; text-align: justify; margin-right: 15px; }
.modal .modal-body .modal-information .box .block.info ul.no-list li div.text p { word-wrap: break-word; }	
.modal .modal-body .modal-information .box .block .content.big.text { padding-left: 0; width:82%;}
.modal .modal-body .modal-information .box .block .content.big.text .scrolli { max-height: 220px; }
.modal .modal-body .modal-information .box .block .content.big.text .scrolli textarea.job_descr { width:100%; overflow-y:hidden; height: 100%; resize:none; border:none; text-align:justify; }
.modal .modal-body .modal-form .box .block .content .half { display:inline-block; vertical-align: top;  margin-right: 20px; }
.modal .modal-body .modal-form .box .block .content .half.left { width: 50%; }
.modal .modal-body .modal-form .box .block .content .half.right { width: 45%; }
.modal .modal-body .modal-form .box .block .content .half.right { margin-right: 0; }
.modal .modal-body .modal-form .box .block .content .half .error { background: none repeat scroll 0 0 #FAD5CF; border: 1px solid #E18B7C; border-radius: 4px 4px 4px 4px; padding: 10px; text-align: left;}
.modal .modal-body .modal-form .box .block .content .half .error i {  color: #EB2F30; font-size: 30px; margin-right: 10px; }
.modal .modal-body .modal-information .box .block .content .left,
.modal .modal-body .modal-information .box .block .content .right { display:inline-block; vertical-align:top; margin-top:8px;}
.modal .modal-body .modal-information .box .block .content .left:nth-child(1),
.modal .modal-body .modal-information .box .block .content .right:nth-child(2) { margin-top:0;}

.modal .modal-body .modal-information .box .block .content .left { width:35%; }
.modal .modal-body .modal-information .box .block .content .right { width:65%; }

.modal .modal-body .modal-information .box .block .content .left span,
.modal .modal-body .modal-information .box .block .content .right span {  margin-right: 5px; float:left;}
.modal .modal-body .modal-information .box .block .content .right span.adr { vertical-align:top; }
.modal .modal-body .modal-information .box .block .content .right ul.addr_ul i.icon-map-marker { color:#3C7DC4; cursor: pointer;}
.modal .modal-body .modal-information .box .block .content i { font-size: 20px;}
.modal .modal-body .panel .panel-body i.fa-thumbs-o-up { color: #6CCB17; }
.modal .modal-body .panel .panel-body i.fa-thumbs-o-down { color: #EB2F30; }
.modal .modal-body .modal-information .box .block .content ul.req_list {  list-style: none; }
.modal .modal-body .modal-information .box .block .content ul.req_details { list-style: none; margin-left: 20px;}
.modal .modal-body .modal-information .box .block .content ul.req_details i.icon-ok { font-size: 11px; color: #6CCB17; margin-right: 3px;}
.modal .modal-body .panel .panel-body table.table-condensed.rotation th,
.modal .modal-body .panel .panel-body table.table-condensed.rotation td { text-align: center;}
.modal .modal-body .panel .panel-body table.table-condensed.rotation td { font-size: 12px;}
.modal .modal-body .modal-information .box .block .txt-content { width:99%; }
.modal .modal-body .modal-information .box .block .txt-content .lab { margin-left: 5px;}
.modal .modal-body .modal-information .box .block .txt-content .scrollable { margin: 10px 10px 15px 10px; width:99%; height: 153px; }
.modal .modal-body .modal-information .box .block .txt-content textarea.txt-modal {
	resize:none;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	/*position: relative;*/
	background-color: #FFF;
	color: #666;
	padding: 0 0 0 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
	/*overflow: visible;*/
	
}
.modal .modal-body .modal-information .box .block.info ul.no-list .email-content {
	/*height: 50px;
	max-height: 250px;*/
	text-align: justify;
	margin-right: 15px;
}
.modal .modal-body .modal-information .box .block.info ul.no-list .email-content p { margin: 1em 0;}
.modal .modal-body .modal-information .box .block.info ul.no-list a { text-decoration:none; cursor: pointer; margin-right: 5px;}
.modal .modal-body .modal-information .box .block.info ul.no-list a:last-child { margin-right: 0; }
.modal .modal-body .modal-information .box .block.info ul.no-list a i.icon-download:before { cursor: pointer;}
.modal .modal-body .modal-information .box .block.info ul.no-list a i.icon-download { font-size: 20px; } 
.modal .modal-body .modal-information .box .block .txt-content .data-content { margin-top: 10px; } 
.modal .modal-body .modal-information .box .block .txt-content .data-content .lab { font-weight: 600; }
.modal .modal-body .modal-information .box .block .txt-content .data-content table.table.table-condensed.rotation th { 
	font-weight: 300;
	background-color: #3498DB;
	border-right: 1px
	solid #FFFFFF;
    color: #FFFFFF;
}
.modal .modal-body .modal-information .box .block .txt-content .data-content table.table.table-condensed.rotation thead th:first-child {
	-webkit-border-radius: 6px 0 0 0;
	-moz-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
}
.modal .modal-body .modal-information .box .block .txt-content .data-content table.table.table-condensed.rotation thead th:last-child {
	-webkit-border-radius: 0 6px 0 0;
	-moz-border-radius: 0 6px 0 0;
	border-radius: 0 6px 0 0;
}
.modal .modal-body .modal-information .box .block .txt-content .data-content table.table.table-condensed.rotation td.center,
.modal .modal-body .modal-information .box .block .txt-content .data-content table.table.table-condensed.rotation th.center { text-align: center; }

.modal .modal-body .modal-information ul.picslist { list-style: none; }
.modal .modal-body .modal-information .picslist li { margin-bottom: 25px; }
.modal .modal-body .modal-information .picslist li:nth-child(3n) { margin-right: 0; clear: right; }
.modal .modal-body .modal-information .picslist li .thumb { padding: 7px; border: 1px solid #ddd; text-align: center; }
.modal .modal-body .modal-information .picslist li .thumb.loading { width: 95%; height: 160px; padding: 8px; }
.modal .modal-body .modal-information .picslist li .thumb.loading i.icon-refresh {color: #FB9337; font-size: 55px; margin-top: 30px; }
.modal .modal-body .modal-information .picslist li .thumb.loading .actions .progress .bar .value { }
.modal .modal-body .modal-information .picslist li .thumb img { width: 95%; height: 160px; }
.modal .modal-body .modal-information .picslist li .actions { background-color: #000; opacity: 0.6; min-height: 20px; padding: 1px 0 4px 0; }
.modal .modal-body .modal-information .picslist li .actions span { color:#fff; font-size: 12px; margin-left: 5px; }
.modal .modal-body .modal-information .picslist li .actions .icons { float: right; }
.modal .modal-body .modal-information .picslist li .actions .icons i { display:inline-block; margin-right: 7px; color: #fff; cursor: pointer;}
/*TABLES IN MODAL*/
.modal .modal-body .modal-form .table.table-bordered td.td-label { background-color: #F9F9F9; font-weight: 600; vertical-align:top; color: #FFF;}
.modal .modal-body .modal-form .table.table-bordered td.td-label.dark { color: #666;}
.modal .modal-body .modal-form .table.table-bordered td.td-label.dark small{ font-size: 12px; font-weight: 300; font-style: italic; }
.modal .modal-body .modal-form .table.table-bordered td.td-label.time-night { background-color: #c0392b; }
.modal .modal-body .modal-form .table.table-bordered td.td-label.time-day { background-color: #3498db; }
.modal .modal-body .modal-form .table.table-bordered td.td-label.time-evening { background-color: #27AE60; }

.modal .modal-body .modal-form .table.table-bordered td .inputs label.inputlabel { display: block; margin-bottom:5px; }
.modal .modal-body .modal-form .table.table-bordered td .inputs label.normal{ cursor:default; }
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-prepend .add-on { 
	font-size: 25px;
	height: 22px;
	padding-bottom:7px;
	cursor:pointer;
}
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-prepend .add-on.normal
{
	font-size: 26px;
	height: 27px;
	cursor:default;
}
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-prepend.bootstrap-timepicker .add-on,
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-prepend.disabled .add-on {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	
}
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-prepend.disabled .add-on,
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-prepend.disabled .add-on i:before { cursor: default; }
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-prepend .add-on.normal i:before { cursor: default;}
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-prepend .add-on i:before { cursor:pointer; }


.modal .modal-body .modal-form .table.table-bordered td .inputs input[type="text"] { /*width: 100%;*/ font-family: 'Roboto', sans-serif; font-weight: 300;  transition: background 0.2s ease-out 0s;}
.modal .modal-body .modal-form .table.table-bordered td .inputs input.long { width: 310px; }
.modal .modal-body .modal-form .table.table-bordered td .inputs input.small { width: 175px; }
.modal .modal-body .modal-form .table.table-bordered td .inputs input.medium { width: 250px; }
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-with-icon { margin: 0 30px 0 0; padding: 0;}
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-with-icon:last-child{ margin-right:0; }
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-with-icon i.input-icon { position: relative; font-size: 20px; right:30px; top: -5px; vertical-align: middle; color: #bdc3c7; transition: color 0.2s ease-out 0s; }
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-with-icon i.input-envelope.input-icon { right:-300px; top: 42px; } 
/*.modal .modal-body .modal-form .table.table-bordered td .inputs i.input-icon { position: absolute; font-size: 20px; right:10px; top: 10px; vertical-align: middle; color: #bdc3c7; transition: color 0.2s ease-out 0s; }*/
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-with-icon input:focus + i.input-icon,
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-with-icon input.valid:focus + p + i.input-icon { color: #1abc9c; }
.modal .modal-body .modal-form .table.table-bordered td .inputs input.read-only {background-color: #FFFFFF; color: #34495E; cursor: pointer; }
.modal .modal-body .modal-form .table.table-bordered td .inputs input.read-only:focus { border-color: #1abc9c; }
.modal .modal-body .row.edit-form .form-group textarea.txt-modal,
.modal .modal-body .row.add-form .form-group textarea.txt-modal {
	resize:none;
}
.modal .modal-body .row.edit-form .form-group textarea.txt-modal.small { height: 50px; }
.modal .modal-body .row.edit-form .form-group textarea.txt-modal.medium { height: 100px; }
.modal .modal-body .row.edit-form .form-group textarea.txt-modal.big { height: 150px; }
.modal .modal-body .row.edit-form .form-group input.normal
{
	  color: #666;
	  -webkit-border-radius: 0 4px 4px 0;
	  -moz-border-radius: 0 4px 4px 0;
	  border-radius: 0 4px 4px 0;
	  width: 300px;
	  max-width:300px;
	  border:1px solid #D5DBDB;
	  height: 22px;
	  padding: 5px 0 11px 0;
	  text-indent: 6px;
	  font-size: 22px;
}
.modal .modal-body .modal-form .table.table-bordered td .inputs input.time-select:disabled,
.modal .modal-body .modal-form .table.table-bordered td .inputs input.time-select.disabled  { cursor: default; }
.modal .modal-body .modal-form .table.table-bordered td .inputs .input-prepend p.error,
.modal .modal-body .modal-form .table.table-bordered td .inputs p.error  {
	color: #e74c3c;
	font-size: 15px;
	margin-top: 8px;
	white-space: normal;
	font-weight:300;
	font-style: italic;
	font-family: 'Roboto', sans-serif;
	margin-left: 0;
	padding: 2px 5px;
	display: block;
	background-color: #F2DEDE;
}
.modal .modal-body .modal-form .table.table-bordered td .inputs input.error { border-color: #E74C3C;}
.modal .modal-body .modal-form .table.table-bordered td .inputs input.error + i.input-icon,
.modal .modal-body .modal-form .table.table-bordered td .inputs input.error:focus + i.input-icon  { color: #E74C3C;}
/*.modal .modal-body .modal-form .table.table-bordered td .inputs label { display: inline-block; cursor: default; vertical-align: top; margin: 2px 0 2px 7px;}*/
.modal .modal-body .modal-form .table.table-bordered td .inputs .bootstrap-select button.dropdown-toggle i { margin-right: 0; margin-left: 10px;}
.modal .modal-body .modal-form .table.table-bordered td .inputs .bootstrap-select .dropdown-toggle { padding: 4px 10px; }
.modal .modal-body .modal-form .table.table-bordered td .inputs .bootstrap-select.open > .dropdown-menu { margin-top: 1px; padding: 0; cursor:pointer; }

/*FOOTER*/
.modal .modal-footer button.btn i { font-size: 21px; margin-right: 7px;}

/*
 * 
 * MAP MODAL
 * 
 */
.modal.map .modal-header { padding:15px;  }
.modal.map .modal-body { padding: 0; overflow:hidden; }
.modal.map .modal-body .one-third { width:260px; max-height:500px; overflow-y: auto; font-size:12px; float:right; }
.modal.map .modal-body .two-third { width:310px; height: 500px; float:left; border-right: 1px solid #ccc; }

/*
 * 
 * General Table style
 * 
 */
table.table.table-striped th.filter i { margin-left: 7px; }
table.table.table-striped th i:before { cursor: pointer; }
table.table.table-striped {
	clear: both;
    margin: 0 auto;
}
table.table.table-striped thead th,
table.table.table-striped.dataTable thead th { border-bottom: 0; font-weight: 700; background-color: #3498db; color: #FFF; border-right: 1px solid #FFF;}
table.table.table-striped thead th.next-to-actions { border-right: 0;}

table.table.table-striped thead th:first-child,
table.table.table-striped.dataTable thead th:first-child { 
	-webkit-border-radius: 6px 0 0 0;
	-moz-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
}

table.table.table-striped thead th:last-child,
table.table.table-striped.dataTable thead th:last-child { 
	-webkit-border-radius: 0 6px 0 0;
	-moz-border-radius: 0 6px 0 0;
	border-radius: 0 6px 0 0;
	border-right: 0;
}
table.table.table-striped tbody td.actions { vertical-align: middle; }
/*table.table.table-striped tbody td.actions .item-actions { visibility:hidden; opacity:0; transition:visibility 0s linear 0.3s,opacity 0.3s linear; }
table.table.table-striped tbody tr:hover td.actions .item-actions { visibility:visible;   opacity:1; transition-delay:0s; }*/
table.table.table-striped th,
table.table.table-striped td,
table.table.table-striped.dataTable th,
table.table.table-striped.dataTable td { padding: 8px; cursor: default;}

table.table.table-striped thead th.sort i,
table.table.table-striped.dataTable thead th.sort i {
	margin: 5px 0 0 0;
	position:relative;
	display: block;	 
}

@media (min-width: 768px) {
	table.table.table-striped thead th.sort i,
	table.table.table-striped.dataTable thead th.sort i {
		margin: 0 0 0 10px;
		position:relative;
		display: inline-block;	 
	}
	
	table.table.table-striped tbody td.actions .item-actions { visibility:hidden; opacity:0; transition:visibility 0s linear 0.3s,opacity 0.3s linear; }
	table.table.table-striped tbody tr:hover td.actions .item-actions { visibility:visible;   opacity:1; transition-delay:0s; }
}


table.table.table-striped thead th.sort i.icon-sort,
table.table.table-striped.dataTable thead th.sort i.icon-sort {
	margin-right: 0;
	float: right;	 
}
table.table.table-striped.dataTable thead th.sort.headerSortDown,
table.table.table-striped.dataTable thead th.sort.headerSortUp,
table.table.table-striped.dataTable thead th.filter.is_filtered {
	background-color: #2980b9;
}
table.table.table-striped.dataTable thead th.filter.is_filtered i.icon-filter,
table.table.table-striped.dataTable thead th.is_sorted i.icon-sort-up,
table.table.table-striped.dataTable thead th.is_sorted i.icon-sort-down {
	color: #3498db;
}
.dataTables_wrapper {clear: none; margin-top: 30px; }
.dataTables_length { /*float: none;*/ }
.dataTables_length label { display: table; }
.dataTables_paginate,
.dataTables_info {
	margin: 20px 0;
}
.comms-table_filter_buttons {
	text-align:right;
	margin: 0 0 20px 0;
}

.comms-table_filter_buttons .btn-group .btn-default{
	font-size: 13px;
    line-height: 1.5;
    padding: 6px 9px;
}

@media (min-width: 768px) {
	table.table.table-striped thead th.sort i,
	table.table.table-striped.dataTable thead th.sort i {
		margin: 0 0 0 10px;
		position:relative;
		display: inline-block;	 
	}
	
	.comms-table_filter_buttons .btn-group .btn-default{
		font-size: 15px;
	    line-height: 1.42857;
	    padding: 10px 15px;
	}
}
/*
 * =========================
 * TWO BUTTON PAGINATE
 * =========================
 */
.dataTables_paginate.paging_two_button a {
	background: none;
	background-color: #E4E7EA;
}
.dataTables_paginate.paging_two_button a.paginate_enabled_previous {
	-webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
.dataTables_paginate.paging_two_button a.paginate_enabled_next {
	-webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}
.dataTables_paginate span a{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #D6DBDF;
    -webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
    color: #FFFFFF;
    line-height: 16px;
    margin: 7px 2px 6px;
    min-height: 17px;
    outline: medium none;
    padding: 0 4px;
    text-align: center;
    transition: background 0.2s ease-out 0s, border-color 0s ease-out 0s, color 0.2s ease-out 0s;
    text-decoration: none; 
}
.dataTables_paginate span a.paginate_active {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-width: 1px !important;
    color: #D6DBDF;
    margin: 10px 5px 9px;
    font-size: 11px;
}
.dataTables_paginate span {
	background-color: #D6DBDF;
	padding: 4px 7px 4px 6px;
}

.dataTables_paginate a.paginate_button {
	background-color: #D6DBDF;
	color: #FFF;
	text-decoration: none;
	padding: 4px 7px 4px 6px;
	border-right: 1px solid #ecf0f1; 
}

.dataTables_paginate a.paginate_button i {
	vertical-align:bottom;
}

.dataTables_paginate a.next.paginate_button {
	border-left: 1px solid #ecf0f1;
}
.dataTables_paginate span a.paginate_button {
	padding:0;
	border-right: 0;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D6DBDF;
    -webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
    color: #FFFFFF;
     line-height: 16px;
    margin: 7px 2px 6px;
    min-height: 17px;
    outline: medium none;
    padding: 0 4px;
    text-align: center;
    transition: background 0.2s ease-out 0s, border-color 0s ease-out 0s, color 0.2s ease-out 0s;
	
}


@media (min-width: 768px) {
	.dataTables_paginate a.paginate_button {
		padding: 8px 12px; 
	}
	
	.dataTables_paginate span {
		background-color: #D6DBDF;
		padding: 8px 12px;
	}
	
	.dataTables_paginate span a.paginate_active {
	    border-width: 2px !important;
	    font-size: 14px;
	}
	
	.dataTables_paginate span a{
		padding: 0 6px; 
	}
	
	.dataTables_paginate span a.paginate_button {
		border: 5px solid #D6DBDF;
	    padding: 0 6px;
	}
	
	.dataTables_paginate a.paginate_button i {
		vertical-align:baseline;
	}
	
	
}


.dataTables_paginate span a.paginate_button:hover,
.dataTables_paginate span a.paginate_button:focus {
	background-color: #3498db;
	border-color: #3498db;
	color: #FFF;
    transition: background 0.2s ease-out 0s, border-color 0s ease-out 0s, color 0.2s ease-out 0s;
    cursor:pointer;
}
.dataTables_paginate a.paginate_button i,
.dataTables_paginate a i {
	font-size: 20px;
	font-weight: 800;
}
.dataTables_paginate a.first.paginate_button {
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	
}
.dataTables_paginate a.first.paginate_button:hover,
.dataTables_paginate a.first.paginate_button:focus,
.dataTables_paginate a.previous.paginate_button:hover,
.dataTables_paginate a.previous.paginate_button:focus {
	background-color: #3498db;
	transition: background 0.2s ease-out 0s, border-color 0s ease-out 0s, color 0.2s ease-out 0s;
	cursor: pointer;
	
}
.dataTables_paginate a.first.paginate_button i:before,
.dataTables_paginate a.previous.paginate_button i:before {
	cursor:pointer;
}


.dataTables_paginate a.last.paginate_button{
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
	
}
.dataTables_paginate a.last.paginate_button:hover,
.dataTables_paginate a.last.paginate_button:focus,
.dataTables_paginate a.next.paginate_button:hover,
.dataTables_paginate a.next.paginate_button:focus {
	background-color: #3498db;
	transition: background 0.2s ease-out 0s, border-color 0s ease-out 0s, color 0.2s ease-out 0s;
	cursor: pointer;
	
}
.dataTables_paginate a.last.paginate_button i:before,
.dataTables_paginate a.next.paginate_button i:before {
	cursor:pointer;
}
.dataTables_paginate a.first.paginate_button.paginate_button_disabled:hover,
.dataTables_paginate a.first.paginate_button.paginate_button_disabled:focus,
.dataTables_paginate a.previous.paginate_button.paginate_button_disabled:hover,
.dataTables_paginate a.previous.paginate_button.paginate_button_disabled:focus,
.dataTables_paginate a.last.paginate_button.paginate_button_disabled:hover,
.dataTables_paginate a.last.paginate_button.paginate_button_disabled:focus,
.dataTables_paginate a.next.paginate_button.paginate_button_disabled:hover,
.dataTables_paginate a.next.paginate_button.paginate_button_disabled:focus {
	background-color: #D6DBDF;
	transition: none;
	cursor: default;	
}
.dataTables_paginate a.first.paginate_button.paginate_button_disabled i:before,
.dataTables_paginate a.previous.paginate_button.paginate_button_disabled i:before,
.dataTables_paginate a.last.paginate_button.paginate_button_disabled i:before,
.dataTables_paginate a.next.paginate_button.paginate_button_disabled i:before {
	cursor:default;
}

.dataTables_length { margin: 0 0 20px 0; }

.dataTables_length .btn-group.bootstrap-select .btn {
	background-color: #D6DBDF;
	padding: 4px 4px 4px 12px; 
}
.dataTables_length .btn-group.bootstrap-select .btn i.fa-caret-down {
	margin: 0 3px 0 7px;
}
.dataTables_length .btn-group.bootstrap-select.open ul.dropdown-menu {
	margin-top: 1px;
	-webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    padding: 0; 
}
.dataTables_length .btn-group.bootstrap-select.open ul.dropdown-menu li.selected a {
	background-color: #3498db;
	
}
.dataTables_length .btn-group.bootstrap-select.open ul.dropdown-menu li.selected a:hover,
.dataTables_length .btn-group.bootstrap-select.open ul.dropdown-menu li.selected a:focus {
	background-color: #2980b9;
}
*/

table.table.table-striped.dataTable tbody td {
    transition: background-color 0.25s ease 0s;
   
}    
table.table.table-striped.dataTable tbody tr > td .fa-info-circle {
	color: #3498db;
	font-size: 15px;
	display: none;
	cursor: pointer;
}
table.table.table-striped.dataTable tbody tr > td .icon-info-sign:before {
	
}
table.table.table-striped.dataTable tbody tr > td .fa-info-circle:hover {
	color: #2980b9; 
}
.table.dataTable tr.odd:hover > td,
.table.dataTable tr.even:hover > td,
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
	background-color: #D9EDF7;
	cursor: default;
	color: #2980b9;
}
.table-hover tbody tr.details:hover > td,
.table-hover tbody tr.details:hover > th,
.table-hover tbody tr.odd.details:hover > td,
.table-hover tbody tr.even.details:hover > td {
	cursor: pointer;
}
table.table.table-striped.dataTable tbody tr:hover > td .fa-info-circle {
	display:inline-block;
}
table.table.table-striped.dataTable tbody tr > td .fa-thumbs-o-up { color: #2ecc71; font-size: 21px; cursor: pointer; }
table.table.table-striped.dataTable tbody tr > td .fa-thumbs-o-down { color: #e74c3c; font-size: 21px; cursor: pointer; }
table.table.table-striped.dataTable tbody tr > td .fa-thumbs-o-up:before,
table.table.table-striped.dataTable tbody tr > td .fa-thumbs-o-down:before {  }
	 
/*
 * 
 *Buttons 
 * 
 */
/*button i { margin-right: 7px; font-size: 19px; }*/
/*
 * 
 *CALENDAR JOB LIST 
 * 
 */

#main.jobs label.dtlabel { margin-top: 2%; text-align:right; padding-right: 0;}
.tab-pane .form-group span { margin-right: 10px; }
.tab-pane .form-group span:last-child { margin-right: 0; }
.tab-pane .form-group span.label-info {
	background-color: #3498db;
    border: none;
    color: #FFF;
    padding: 8px;
    font-weight: 400;
    cursor: pointer;
    font-size: 13px;
    box-shadow: none;
    text-shadow: none;
    transition: all 0.25s ease 0s;
}
.tab-pane .form-group span.label-info:hover,
.tab-pane .form-group span.label-info:focus {
	background-color: #2980b9;
}
.popover { font-family: 'Roboto', sans-serif; }
.popover.date-pop { max-width:650px; width:auto; height: 420px;}
.popover.text-pop { max-width:300px; width:auto; height:165px; }
.popover.select-pop { max-width:320px; width:auto; height:165px; }
.popover .popover-content { position:relative; }

.popover .popover-content .popover-loader {
	margin:0 50%;
	font-size: 35px;
	color: #F39C12;
	
}

.popover .popover-content .form-group .editable-input .filters {
	vertical-align: top;
	margin-right:15px;
	font-size: 13px;
	margin-top: 4px;
	display:block;
}


.popover .popover-content .form-group .editable-input .filters ul.no-list {
	margin-top: 10px;
}
.popover .popover-content .form-group .editable-input .filters ul li {
	color:#FFF;
	background-color: #34495e;
	margin-bottom: 5px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 7px;
    cursor: pointer;
}
.popover .popover-content .form-group .editable-input .filters ul li.active {
	background-color: #9E9E9E;
}
.popover .popover-content .form-group .editable-input .filters ul li.active:hover {
	background-color: #808080;
}
.popover .popover-content .form-group .editable-input .filters ul li:hover {
	background-color: #2c3e50;
}
.popover .popover-content .form-group .editable-input .calendar {
	margin:10px 0 0 0;
	font-size: 11px;
}
.popover .popover-content .form-group .editable-input .calendar:last-child {
	margin-right: 0;
}
.popover .popover-content .form-group .editable-input input {
	width:210px;
}

.popover .popover-content .form-group .editable-buttons {
	margin-top: 20px;
	display:block;
}

.popover .popover-content .form-group .editable-info-block {
	font-size: 13px;
	margin: 20px 0 0 0;
}


@media (min-width: 768px) {
	.popover .popover-content .form-group .editable-input .filters {
		vertical-align: top;
		margin-right:15px;
		font-size: 13px;
		margin-top: 4px;
		display:inline-block;
	}
	
	.popover .popover-content .form-group .editable-input .calendar {
		margin-right:10px;
		font-size: 13px;
	}
	
	.popover .popover-content .form-group .editable-buttons {
		margin-top: 20px;
		text-align: right;
	}
	
	.popover .popover-content .form-group .editable-info-block {
		font-size: 13px;
		margin: 20px 0 -45px 0;
	}
	
}


.popover .popover-content .form-group .editable-buttons .btn {
	padding:6px;
}
.popover .popover-content .form-group .editable-buttons .btn {
	margin-right: 10px; 
}
.popover .popover-content .form-group .editable-buttons a:last-child {
	margin-right: 0;
}
/*
.popover.date .arrow { left: 48%; }
.popover.date .arrow:after { border-bottom-color: #F7F7F7; }

.popover.bottom.date.custom-position { margin-left:-14.55%; }
.popover.bottom.date.custom-position .arrow { 
	left: 92%;
		
}*/


.popover .popover-content .form-group .editable-info-block span.start { margin-right: 7px; }
.popover .popover-content .form-group .editable-info-block span.end { margin-left: 7px; }
 
.autocomplete-suggestions { 
	border: 2px solid #bdc3c7;
	background: #FFF;
	overflow: auto;
	-webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    max-width: 220px;
    margin-top:-5px;
}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor:pointer; }
.autocomplete-selected { background: #ecf0f1; }
.autocomplete-suggestions strong { font-weight: normal; color: #3498db; }

/* ============================
 * PROFILE-ACCOUNT
 * =========================== */
#main.profile .container { margin-top: 15px; }
#main.profile .container .tab-content .tab-pane { position: relative; }
#main.profile .container .tab-content .tab-pane .profile-wrapper {
	padding: 25px 15px 0 15px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position:relative; 
}

#main.profile .container .tab-content .tab-pane .profile-wrapper .profile-actions { position: absolute; bottom: 22px; right: 22px;}

#main.profile .container .tab-content .tab-pane .profile-wrapper .profile-info .name { font-size: 15px; font-weight: 700; }

@media (min-width: 768px) {
	#main.profile .container .tab-content .tab-pane .profile-wrapper .profile-actions { position: absolute; visibility:hidden; opacity:0; transition:visibility 0s linear 0.5s,opacity 0.5s linear; }
	#main.profile .container .tab-content .tab-pane .profile-wrapper .profile-info .name { font-size: 17px; font-weight: 700; }
}	

#main.profile .container .tab-content .tab-pane .profile-wrapper .profile-img {
	width: 180px;
	height: 220px;
	display: inline-block;
	border: 7px solid #bdc3c7;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-top: transparent;
    border-bottom: transparent;
    border-right: transparent;
    transition: background 0.2s ease-out 0s, border-color 0.2s ease-out 0s, color 0.2s ease-out 0s;
    
	
}
 
#main.profile .container .tab-content .tab-pane .profile-wrapper .profile-img i.fa-user {
	font-size: 200px;
	background-color: #BDC3C7;
	padding: 0 8px 20px 3px;
	cursor:pointer;
	color:	#7f8c8d;
} 
#main.profile .container .tab-content .tab-pane .profile-wrapper .profile-img img { cursor: pointer; width: 180px; height: 220px;}
#main.profile .container .tab-content .tab-pane .profile-wrapper .profile-img:hover { border-color: #f39c12;}
#main.profile .container .tab-content .tab-pane .profile-wrapper .profile-info {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

#main.profile .container .tab-content .tab-pane .profile-wrapper .profile-info .no-list li { margin-bottom: 7px;}
#main.profile .container .tab-content .tab-pane .profile-wrapper .profile-info .worktype .no-list i.fa-check { color: #f39c12; font-size: 13px; margin-right: 2px; }

#main.profile .container .tab-content .tab-pane .profile-wrapper:hover .profile-actions { visibility:visible;   opacity:1; transition-delay:0s; }

/*
 * ====================================
 * PROFILE-COORDINATES
 * ====================================
 */


#coordinates .panel .panel-heading a { cursor: pointer; }
#coordinates .panel .panel-heading h4 { display:inline; }
/*COLLAPSE*/
.panel .panel-heading .header-actions i { cursor: pointer; }
.panel .panel-heading .header-actions .fa-stack { vertical-align: top; font-size: 11px; color:#bdc3c7; }
.panel .panel-heading .header-actions .fa-stack .fa-angle-down,
.panel .panel-heading .header-actions .fa-stack .fa-angle-up { font-size: 17px; }
.panel .panel-heading .header-actions .fa-stack .fa-angle-up { top: -6%; }
.panel .panel-heading .header-actions .fa-plus-circle { font-size: 22px; color:#2ecc71; }

.panel .panel-heading .header-actions .fa-stack:hover,
.panel .panel-heading .header-actions .fa-stack:focus { color:#95a5a6; }
.panel .panel-heading .header-actions .fa-plus-circle:hover,
.panel .panel-heading .header-actions .fa-plus-circle:focus { color:#27ae60; }
.panel-default .panel-heading .header-actions .fa-refresh { font-size: 22px; cursor: wait; color:#f39c12; }

/*
 * ====================================
 * PROFILE-CRITERIA
 * ====================================
 */
.panel .panel-heading a { cursor: pointer; }
.panel .panel-heading h4 { display:inline; }
.panel .panel-heading .fa-stack.small,
.fa-stack.small { font-size: 12px; cursor:pointer; }
.panel .panel-heading .header-actions .fa-stack { cursor:pointer; }
.panel .panel-heading .header-actions .fa-stack.disabled,
.fa-stack.disabled{ opacity: 0.3; cursor:default; }
.panel .panel-heading .header-actions .fa-stack.blue > .fa-circle { color:#3498db; }
.panel .panel-heading .header-actions .fa-stack.yellow > .fa-circle,
.fa-stack.yellow > .fa-circle { color:#f1c40f; }
.panel .panel-heading .header-actions .fa-stack.green > .fa-circle,
.panel .panel-heading .fa-stack.green > .fa-circle,
.fa-stack.green > .fa-circle { color:#2ecc71; }
.fa-stack.red > .fa-circle { color:#e74c3c; }
.fa-stack.generate-report.disabled { opacity: 0.3; }
#criteria-toggle .btn-rounded.orange { background-color: #f1c40f;  }
#criteria-toggle .btn-rounded.orange:hover {background-color: #f39c12; }
#criteria-toggle .btn-rounded.disabled { opacity: 0.4; }
#criteria-toggle .btn-rounded.orange.disabled:hover { background-color: #f1c40f; }

#criteria-toggle .btn-rounded.blue { background-color: #3498db;  }
#criteria-toggle .btn-rounded.blue:hover {background-color: #2980b9; }
#criteria-toggle .header-actions .btn-rounded.small i { font-size: 13px; }
#criteria-toggle .header-actions .btn-rounded.small { font-size: 13px;  padding: 1px 3px 2px 4px; }
#criteria-toggle .btn-rounded.small.info-criteria { padding: 1px 7px 2px 6px; }
#criteria-toggle .accordion-inner .body-actions { display:none; margin-bottom: 11px;}
#criteria-toggle .accordion-inner .body-actions.visible .btn{
   visibility:visible;
   opacity:1;
   transition-delay:0s;
}
#criteria-toggle button i.fa-refresh { margin-right: 7px; }

#criteria-toggle .panel-body .accordion-inner .fade {
	height:0;
}

#criteria-toggle .panel-body .accordion-inner .fade.in {
	height:auto;
}

#criteria-toggle .panel-body .accordion-inner .offset-30 ul.no-list li i.fa-info-circle { 
	color:#3498db;
	margin-left:7px;
	cursor:pointer;
	font-size: 20px;
}
@media (min-width: 768px) {
	#criteria-toggle .panel-body .accordion-inner .offset-30 { max-width: 33.33%; }
	
}


/*
 * =================================
 * PROFILE-DOCUMENTS
 * =================================
 */
#documents input.blob-upload{
	cursor: pointer;
    direction: ltr;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    height:0;
    width: 0;
}

#documents .panel .panel-heading .fa-plus-circle { font-size: 22px; cursor: pointer; color:#2ecc71; }
#documents .panel .panel-heading .fa-plus-circle:hover,
#documents .panel .panel-heading .fa-plus-circle:focus { color:#27ae60; }




#documents .tabbable .slimScrollDiv { position:static; }
#documents .panel .panel-body { max-height: 500px; overflow: hidden; }
#documents .panel .panel-body .files-container li { display: inline-block; float: left; margin-right: 15px; margin-bottom: 15px;}
#documents .panel .panel-body .files-container .file-container { display: block; border: 1px solid #eee; padding: 10px; text-align: center; }
#documents .panel .panel-body .files-container .file-container.temp { padding: 0 46px; }
#documents .panel .panel-body .files-container .file-container.temp i.fa-refresh { font-size: 40px; margin: 22px 0px; color: #F39C12;  }

#documents .panel .panel-body .files-container .file-container img { width: 100px; height: 60px; max-width: 100px; max-height: 60px; cursor: pointer; margin: 0 auto; }
#documents .panel .panel-body .files-container .file-container i.fa-file-text { font-size: 70px; cursor: pointer; }
#documents .panel .panel-body .files-container .file-container i.fa-file-text:hover,
#documents .panel .panel-body .files-container .file-container img.thumb:hover { opacity: 0.3;} 
#documents .panel .panel-body .files-container .file-container i.fa-file-text:before { cursor: pointer; }
#documents .panel .panel-body .files-container .file-container .file-details span.name { font-size: 12px; cursor: pointer; }

/*#documents .panel .panel-body .files-container .file-container .file-details span.name {  }*/
#documents .panel .panel-body .files-container .file-container .file-details { background-color: #bdc3c7; color: #fff; padding: 0 5px 0 3px; margin-top: 5px; width: 144px;}
#documents .panel .panel-body .files-container .file-container .file-details .actions a { text-decoration: none; color: #fff; }
#documents .panel .panel-body .files-container .file-container .file-details .actions i{ margin-left: 3px; transition: color 0.2s ease-out 0s; font-size: 15px; }
#documents .panel .panel-body .files-container .file-container .file-details .actions i:before { cursor: pointer; }
#documents .panel .panel-body .files-container .file-container .file-details .actions i.fa-retweet:hover { color: #3498db; }
#documents .panel .panel-body .files-container .file-container .file-details .actions i.fa-download:hover{ color: #1abc9c; }
#documents .panel .panel-body .files-container .file-container .file-details .actions i.fa-times:hover{ color: #e74c3c; }

@media (min-width: 768px) {
	#documents .panel .panel-body .files-container .file-container.temp i.fa-refresh { font-size: 60px; margin: 42px 20px; }
	#documents .panel .panel-body .files-container .file-container img { width: 140px; height: 100px; max-width: 140px; max-height: 100px; }
	#documents .panel .panel-body .files-container .file-container i.fa-file-text { font-size: 98px; }
	#documents .panel .panel-body .files-container .file-container .file-details { width: 160px;}
	#documents .panel .panel-body .files-container .file-container .file-details span.name { font-size: 14px; }
}

/*
 * ======================================
 * PROFILE-WORK
 * ======================================
 */
#work .panel .panel-heading .fa-plus-circle { font-size: 22px; cursor: pointer; color:#2ecc71; }
#work .panel .panel-heading .fa-refresh { font-size: 22px; cursor: wait; color:#f39c12; }
#work .panel .panel-heading .fa-plus-circle:hover,
#work .panel .panel-heading .fa-plus-circle { font-size: 22px; cursor: pointer; color:#2ecc71; }
#documents .panel .panel-heading .fa-plus-circle:hover,
#documents .panel .panel-heading .fa-plus-circle:focus { color:#27ae60; } .panel .panel-heading .fa-plus-circle:focus { color:#27ae60; }



/*
 * ======================================
 * PROFILE-SETTINGS
 * ======================================
 */
#profile-alerts .table tbody td i.fa { cursor: pointer; font-size: 22px; transition: background 0.2s ease-out 0s, border-color 0s ease-out 0s, color 0.2s ease-out 0s;}
#profile-alerts .table tbody td i.fa:hover { color:#2ecc71;  }




/*
 * =================================
 * COMMS
 * =================================
 * 
 */

#main.communications .container { margin-top: 15px; }
#main.communications .nav.nav-tabs { /*border-right: 0; margin-left: 50px; margin-top: 30px;*/ }
#main.communications .nav.nav-tabs li .big-pill {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 8px;
	padding: 15px 10px;
	background-color: #BDC3C7;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'Roboto',sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease-out 0s;
}
#main.communications .nav.nav-tabs li .big-pill.active { background-color: #2980b9;}
#main.communications .nav.nav-tabs li .big-pill:hover{ background-color: #3498DB; }
#main.communications .nav.nav-tabs li .big-pill .onoffswitch { display: inline-block; margin-top: 6px; margin-left: 12px;}
#main.communications .container .table-container { display:none; }
#main.communications .container table.table.table-striped { clear: none; margin-top: 20px;}
#main.communications label.dtlabel { margin-top: 2%; text-align:right; padding-right: 0;}
#comms-table tbody .fa-lg .fa-circle.in { color: #80C5DC; }
#comms-table tbody .fa-lg .fa-circle.out { color: #ACC86A; }

#main.communications .container-fluid .panel-group {
	margin: 15px 0 15px 0;
}

#main.communications .panel-group .panel-body {  }
#main.communications .panel-group .panel-body .files-container li { display: inline-block; float: left; }
#main.communications .panel-group .panel-body .files-container .file-container { display: block; border: 1px solid #eee; padding: 10px; text-align: center; margin: 10px; }

#main.communications .panel-group .panel-body .files-container .file-container.temp { padding: 0 46px; }
#main.communications .panel-group .panel-body .files-container .file-container.temp i.fa-refresh { font-size: 40px; margin: 22px 0px; color: #F39C12;  }
#main.communications .panel-group .panel-body .files-container .file-container .img-container { max-width: 140px; max-height: 140px; }
#main.communications .panel-group .panel-body .files-container .file-container .img-container img { cursor: pointer; margin: 0 auto; }
#main.communications .panel-group .panel-body .files-container .file-container i.fa-file-text { font-size: 93px; cursor: pointer; }
#main.communications .panel-group .panel-body .files-container .file-container i.fa-file-text:hover,
#main.communications .panel-group .panel-body .files-container .file-container .img-container img:hover { opacity: 0.3;} 
#main.communications .panel-group .panel-body .files-container .file-container i.fa-file-text:before { cursor: pointer; }
#main.communications .panel-group .panel-body .files-container .file-container .file-details span.name { font-size: 12px; cursor: pointer; }


#main.communications .panel-group .panel-body .files-container .file-container .file-details { background-color: #bdc3c7; color: #fff; padding: 0 5px; margin-top: 5px; text-align: left; }
#main.communications .panel-group .panel-body .files-container .file-container .file-details .actions a { text-decoration: none; color: #fff; }
#main.communications .panel-group .panel-body .files-container .file-container .file-details .actions i{ margin-left: 3px; transition: color 0.2s ease-out 0s; font-size: 15px; }
#main.communications .panel-group .panel-body .files-container .file-container .file-details .actions i:before { cursor: pointer; }
#main.communications .panel-group .panel-body .files-container .file-container .file-details .actions i.fa-retweet:hover { color: #3498db; }
#main.communications .panel-group .panel-body .files-container .file-container .file-details .actions i.fa-download:hover{ color: #1abc9c; }
#main.communications .panel-group .panel-body .files-container .file-container .file-details .actions i.fa-times:hover{ color: #e74c3c; }
/*
@media (min-width: 768px) {
	#documents .panel .panel-body .files-container .file-container.temp i.fa-refresh { font-size: 60px; margin: 42px 20px; }
	#documents .panel .panel-body .files-container .file-container img { width: 140px; height: 100px; max-width: 140px; max-height: 100px; }
	#documents .panel .panel-body .files-container .file-container i.fa-file-text { font-size: 98px; }
	#documents .panel .panel-body .files-container .file-container .file-details { width: 160px;}
	#documents .panel .panel-body .files-container .file-container .file-details span.name { font-size: 14px; }
}*/



.panel-collapse .container-fluid {
	margin-bottom: 20px;
}

.panel-default.rss-feed,
.panel-default.fb-feed,
.panel-default.twit-feed {
	border: none;
	box-shadow: none;
}
.panel-default.folders-common {
	box-shadow: none;
}
.panel-default.rss-feed .panel-heading,
.panel-default.fb-feed .panel-heading,
.panel-default.twit-feed .panel-heading,
.panel-default.folders-common .panel-heading {
	padding:0;
}

#main.dashboard .panel-default.rss-feed .panel-body,
.panel-default.rss-feed .panel-body,
#main.dashboard .panel-default.fb-feed .panel-body,
.panel-default.fb-feed .panel-body,
#main.dashboard .panel-default.twit-feed .panel-body,
.panel-default.twit-feed .panel-body,
.panel-default.folders-common .panel-body {
	padding:0; 
}
.panel-default .panel-heading .logo-bkg {
	display: inline-block;
	padding: 4px 8px;
}
.panel-default .panel-heading .logo-bkg.rss {
	background-color: #e67e22;
}
.panel-default .panel-heading .logo-bkg.fb {
	background-color: #44619D;
}
.panel-default .panel-heading .logo-bkg.twit {
	background-color: #00ACEE;
}
.panel-default .panel-heading .logo-bkg.folder {
	background-color: #34495e;
}
.panel-default .panel-heading .logo-bkg i.fa-rss,
.panel-default .panel-heading .logo-bkg i.fa-facebook,
.panel-default .panel-heading .logo-bkg i.fa-twitter,
.panel-default .panel-heading .logo-bkg i.fa-folder {
	color:#fff;
}
.panel-body .feed-list .feed-list-item {
	background-color: #FFFFFF;
    border-bottom:1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    padding: 8px 10px;
    
}
.panel-body .feed-list .feed-list-item .feed-list-item-title,
.panel-body .feed-list .feed-list-item .feed-list-item-descr {
	padding-left:0;
	padding-right:0;
}
.feed-pagination {
	padding:0;
	margin:-1px 5px 0 0;
	background-color:#FFF;
	transition: all 0.2s ease-out 0s;
}
.feed-pagination li {
	
}
.feed-pagination li {
	border: 1px solid #DDDDDD;
	display:inline-block;
	margin-right: -5px;
	padding:0;
}

.feed-pagination li a {
	padding: 2px 8px;
}
.feed-pagination li a.disabled {
	opacity: 0.3;
	background: #F7F7F9;
}
.feed-pagination a i {
	color: #3498db;
	font-size: 25px;
}
.feed-pagination li:hover {
	background: #F7F7F9;
}

/* !Yo - fixer l'affichage de la liste de sélection langues sur page de conncexion */
#login_lang, #login_lang option, #language .selectpicker, #language .selectpicker option{
	margin: auto !important;
	margin: auto !important;
	height: auto !important;
	line-height: auto !important;
	overflow:visible !important;
}

.loginbox ul.list-inline.links {
	text-align: center;
}