@import url("./font.css");

:root {
    /* TEXT COLORS */
	--lnst-primary-color:white;
    /* BACKGROUND COLORS */	
	--lnst-primary-bg-color:#006dcc;
}

/*ticon*/
.ticon {display: inline-block;font-size:16px;}
.ticon-minus-button, .ticon-close-button {font-size:18px;}
.barra .ticon {font-size: 15px;}
.ticon-new-small {font-size: 11px;color:#3a833c;}
.btn .ticon {padding-top: 2px;}
.ticon-red {color: #C20E1A;}
.ticon-yellow {color: #E7B042;}
.ticon-ambar {color: #E2A837;}
.ticon-grey {color: #D3D3D3;}
.ticon-green {color: #3A833C;}
.ticon-green-ok {color: #41DA00;}
.ticon-blue {color: #3376B2;}
.ticon-white {color: white;}
.ticon-navoff {color: #275E8E;}
.ticon-navon {color: white;}
.ticon-downcolor {color:#0098DB;}
.ticon-xl {font-size: 40px;}
a.btn i.ticon-text {vertical-align: top;}
  
#show_tags .ticon-plus,#show_tags .ticon-minus {font-size:12px; color:black;padding-top:2px}
#show_tags button {background-color: #E5EEF5; border: 1px solid #00549f;padding-top:2px}
#show_tags button:hover {background-color: #E5EEF5; border: 1px solid #00549f;}
#show_tags button:hover {background-color: #ccddec;border-color: #3376b2;}

.daterangepicker * { box-sizing: border-box; }
.daterangepicker select.monthselect { width: 65% }

.dshb_icoNav i.ticon {display: block;font-size: 30px; padding: 8px 0;}
.dshb_icoNav li a {padding: 8px; height: auto;}

.timerange {background: #fff; cursor: pointer; padding: 5px 7px 5px 10px; border: 1px solid #3376b2;border-radius:4px;}
.timerange .caret {margin-top: 8px;float:right;border-top-color: #7fa9cb;}
.srch-input {width:100%}
dd input.srch-input{width: calc(100% - 12px) !important;}
.dd-input {padding-right: 12px;}

#jUnicode i {vertical-align: text-top;color: #a1a5a9;}
#jc2s a {text-decoration: underline;}

.langs {position:relative;right:30px;top:10px;}

.zeromargin {margin:0;padding:0;}

.alert-warnlnst { color: white; background-color: #E6B23D; border-color: #e2a837; text-shadow: none; }

.buycred{width:70px;height:65px;}
.buycred a {font-weight: bold;font-size: 14px;}
.buycred div{width:60px;text-align:center;line-height:13px;margin:16px 0 0 2px;transform:rotate(-10deg);-ms-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);-o-transform:rotate(-10deg);}

.login .buycred{width:110px;height:105px;position:relative;right:30px;}
.login .buycred a {font-weight: bold;font-size: 21px;}
.login .buycred div{width:90px;line-height:20px;margin:30px 0 0 8px;}
.login .buycred {margin-top:50px;}

.login h1{font-size:48pt;font-weight:bolder;}
.login h2{font-size:30pt;padding-top:10px;font-weight:bolder;}
.login .formulario {margin-top:50px;}
.login .logo {width:313px;margin: 0 auto;padding-top:15px;}

.top20 {padding-top:20px;}
.top10 {padding-top:10px;}

.mleft20 {margin-left:20px;}
.mbottom20 {margin-bottom:20px;}
.mright20 {margin-right:20px;}
.mtop20 {margin-top:20px;}

input:-moz-placeholder, textarea:-moz-placeholder { font-size:13pt; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    font-size:13pt;
}

.alta textarea, .alta input[type="text"], .alta input[type="password"], .alta input[type="datetime"], .alta input[type="datetime-local"], .alta input[type="date"], .alta input[type="month"], .alta input[type="time"], .alta input[type="week"], .alta input[type="number"], .alta input[type="email"], .alta input[type="url"], .alta input[type="search"], .alta input[type="tel"], .alta input[type="color"], .alta .uneditable-input {
    line-height:20px;margin-bottom:10px;height:13px;
}

.alta h1{font-size:42pt;font-weight:bolder;}
.alta h2{font-size:26pt;padding-top:10px;font-weight:bolder;}
.alta .formulario {margin-top:50px;}
.alta .btn {font-size:13pt;line-height:15px;margin:10px 2px;padding:2px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

.alta .chzn-container {font-size: 13pt;}
.alta .chzn-container-single .chzn-single{height:21px;;line-height:21px;}
.alta .chzn-container-single .chzn-default {font-size: 13pt;}
.alta .chzn-container-single .chzn-single div b,.alta .chzn-container-single .chzn-single abbr {margin:-4px 0 0 0;}

.navbar .user_menu .nb_boxes a {vertical-align: top;}

.links ul{list-style-type: none;height:15px;}

.sidebar .accordion-heading {font-weight:bold;font-size:18px}
.sidebar .accordion-group {font-weight:bold;font-size:16px}
.sidebar h1 {padding:20px 0 20px 14px;}
.sidebar .accordion-inner li {padding: 2.5px 0 2.5px 0;border-top: solid 1px; }
.sidebar .accordion-inner li:first-child {padding: 0 0 2.5px 0;border-top: 0;}
.sidebar .accordion-inner {padding-left:0}
.sidebar .accordion-group .accordion-inner > ul {margin:0 5px 0 5px;}
.sidebar .accordion-group:last-child {border-bottom: 0;}
.sidebar_filters {padding:30px 17px 20px}

.sidebar_info ul {background:#FFFFFF;border:0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;border-radius: 0}
.sidebar_info ul li {border-bottom:0}
.sidebar_info {width:200px;position:relative;left:15px;bottom:10px}
.sidebar_info ul {padding:0;margin:0;font-size:13px;}
.sidebar_info ul li {line-height:26px;overflow:hidden;}
.sidebar_info .act {float:left}
.sidebar_info .copy {font-weight:bold;}

.cap h1,.cap .h1 {font-size:33px;font-weight:bold;margin-top: 19px;float:left;margin-bottom:31px}
.cap h2,.cap .h2 {font-size:33px;font-weight:bold;float:left;margin-top:19px;padding-left:20px;}
.cap .h1 {margin-bottom:10px}

.cap .links li {
    display: block;
    float: left;
    padding: 0 15px;
    margin: 0 2px 10px 0;
    font-size: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 20px;
}
.cap .linklist { margin-top: 21px; }

.cap ul {
	list-style-type: none;
	margin-left: 0;
}
.cap li {
	display: inline;
	margin-right: 1rem;
	font-size: .8rem;
	position: relative;
}
.cap li:after {
	content: ' ';
	position: absolute;
	top: 50%;
	right: -.75rem;
	margin-top: -.25rem;
	width: 0;
	height: 0;
	border-left: .25rem solid #c8c8c8;
	border-top: .25rem solid transparent;
	border-bottom: .25rem solid transparent;
}
.cap li:last-child:after {
	content: '';
	border: none;
}
.cap li i {
	margin-right: .5rem;
}

.mbox {margin-top:-15px}
.mbox .heading {margin-bottom:-1px;}

.dataTable tfoot input {width:85%}

.nav-tabs a > i{ vertical-align:middle; }

.number, .grup, .tag a, .mceNonEditable {
  padding: 1px 5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.grup { float: left; 	margin:0 3px 3px 0;	}
.number { margin:0 3px 3px 0;	}
.tag a{ float: left; margin: 3px 5px 3px 0; }
.chzn-container-single .chzn-single { height: 27px; line-height: 28px; }

.barra div[class^="txt_act"] { float: left; text-align:center; }
.barra div[class^="action"] { float: right; padding-top:11px; }
.barra div[id^="progress"] { width: 90%; float:left; }

.barra i, .titol i{ cursor: pointer; margin-left: 5px; }
.barra i.inactive{ cursor: default; }
.barra div.accions { float: right; }
.mbox .tab-content { overflow:visible }
.mbox .dl-horizontal .tab-content { overflow: auto; }
.doc_view .doc_view_content { padding: 10px; }
.doc_view dt { margin-top: 5px; }
.doc_view dt.text { margin-top: 0; }
.dl-horizontal dt { white-space: normal; }

.vcard > ul { margin: 10px 0 0 0px; }

.control-label { font-weight: bold; font-size: 16px; }
.controls .text { margin-top:4px; }

.tabsArrowRight .tabs-left .nav-tabs i{ visibility: hidden; }
.tabsArrowRight .tabs-left .nav-tabs,
.tabsArrowRight .tabs-left .nav-tabs .active a{
  border: 0px;
	-webkit-border-radius: 5px;
	border-radius: 5px;  
}
.tabsArrowRight .tabs-left .nav-tabs .active i{ visibility: visible;}

.nav-tabs > .close { float:none; }
.chktype { float: left; }
.chktype + label { padding: 5px; float: left; }

#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} 

.dataTables_wrapper table.table thead .sorting, .dataTables_wrapper table.table thead .sorting_asc, .dataTables_wrapper table.table thead .sorting_desc {
	padding-right:20px;
}
.dataTables_wrapper { overflow-x:auto; }

#help_dialog { padding: 10px; text-align: justify; }

a#admin_mail { margin-left:10px; }
p { margin: 10px 0 10px 10px;}
.controls p {margin: 0 0 10px;}

#show_tags { cursor: pointer; }

.modal.small {width: 300px; margin-left: -150px;}
.modal.small.fade.in {top: 40%;}
.modal.smaller {width: 260px; margin-left: -130px;}
.modal.smaller.fade.in {top: 40%;}
.modal.vemail {width: 80%; margin-left: -40%;height:85%;}
.modal.vemail.fade.in {top: 5%;}
.modal.vemail .modal-body, .modal.vconfig .modal-body {max-height:100%}
.modal.vconfig {width: 80%; margin-left: -40%;height:70%;}
.modal.vconfig.fade.in {top: 12%;}
.modal form {margin:0}
.modal-backdrop, .modal-backdrop.fade.in {opacity: 0.7}

#cookies_note{position:fixed;bottom:0;width:100%;z-index:100;background:rgba(230,230,230,0.9);padding:7px 0 10px 0;border-top:none}
.ftitle{font-size:17px;font-weight:300}

.vemail_page .main_content, .vconfig_page .main_content {padding: 0 10px}
.vemail_page img {height:;}
.vemail_page ul { list-style-type: none; }
.vemail_page #dmime_imgs { width: 100%; margin: 0 auto; overflow: auto; }
.vemail_page #dmime_imgs li img { float: left; margin: 5px; max-width:25%;}

/* Bootstrap switch */
.has-switch { border-radius: 5px !important; border-color: #5583AA;}
.has-switch label { background: #f1f1f1 !important;}
.has-switch span.switch-right { background: #fcfcfc !important; color: #5a5a5a !important;}
.has-switch span.switch-primary, .has-switch span.switch-left { background: #0068cb !important; border-radius: 0 !important;}
.has-switch span.switch-small, .has-switch label.switch-small {}
.has-switch .ticon { font-size: 12px;}

.input-append.form_datetime {width: 100%;}

/* connectaclick */
#cc-logo-wrap label {
	margin-right: 20px;
}
#cc-logo-wrap .thumbnail {
	border: none;
	box-shadow: none;
}
#cc-c1-logo {
	margin-top: -17px;
}
#cc-logo-b-btn {
	margin-left: 0;
}
.cc-f-label {
	margin-left: 0;
	padding-top: 5px;
	font-weight: bold;
	font-size: 16px;
}
#color-picker {
	float: left;
	margin-right: 10px;
}
#cc-custom-color {
	margin-top: 12px;
}
.cc-color-select span, #cc-custom-color span {
	width: 60px;
	height: 20px;
	border-radius: 3px;
	padding: 2px;
	display: inline-block;
	position: relative;
}
.cc-color-select span:hover {
	cursor: pointer;
}
#cc-custom-color span.active:after, .cc-color-select span.active:after, .cc-color-select span:hover:after {
	content: '+';
	font-family: 'tools';
	position: absolute;
	top: 0;
	left: 25px;
}
#cc-custom-color span.active:after, .cc-color-select span.active:after {
	color: #fff;
}
.cc-color-select span:not(.active):hover:after {
	color: rgba(255, 255, 255, .65);
}
.cc-color-select span.grey-l {
	background-color: #857F8D;
}
.cc-color-select span.grey {
	background-color: #655F6E;
}
.cc-color-select span.grey-d {
	background-color: #4A4452;
}
.cc-color-select span.yellow {
	background-color: #EDDE45;
}
.cc-color-select span.orange {
	background-color: #F0872B;
}
.cc-color-select span.red {
	background-color: #DA4D32;
}
.cc-color-select span.turquoise {
	background-color: #49AEC0;
}
.cc-color-select span.blue {
	background-color: #226F98;
}
.cc-color-select span.blue-d {
	background-color: #2C4CA2;
}
.cc-color-select span.green {
	background-color: #25A04F;
}
.cc-color-select span.pink {
	background-color: #DD577A;
}
.cc-color-select span.purple {
	background-color: #A338A7;
}
#cc-custom-color span {
	background-color: #ccc;
}

.cc-f-email-wrap, .cc-f-web-wrap {
	border: 1px solid #dcdcdc;
	max-width: 580px;
}
.email_header, .email_footer, .web_header, .web_footer {
	background-color: #efefef;
	min-height: 50px;
	overflow: hidden;
	font-weight: 300;
}
.email_header p, .web_header p {
	font-size: 1.25em;
	padding: 2% 1% 2.5%;
}
.email_footer p, .email_header img, .email_footer img, 
.web_footer p, .web_header img, .web_footer img, 
.email_logo img, .web_logo img {
	padding: 15px 10px;
	font-size: .9em;
	font-weight: lighter;
	display: inline-block;
	margin: 0;
}
.email_body, .web_body {
	min-height: 200px;
	padding: 3% 10%;
	color: #555;
	font-weight: lighter;
	font-size: 1.1em;
	line-height: 175%;
}
.email_body .body-link, .web_body .body-btn {
	text-align: center;
}
/* template mail 1 */
.cc-f-tm1 p {
	margin: 5px 10px 0;
}
.cc-f-tm1 .email_footer {
	background-color: transparent !important;
	text-align: center;
	font-weight: bold;
}
/* template mail 2 */
.cc-f-tm2 p {
	margin: 5px 10px 0;
}
.cc-f-tm2 .email_header {
	background-color: transparent !important;
	font-weight: bold;
	margin-top: 10px;
}
/* template web 1 */
.cc-f-tw1 p {
	margin: 5px 10px 0;
}
.cc-f-tw1 .web_footer {
	background-color: transparent !important;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
}
/* template web 2 */
.cc-f-tw2 p {
	margin: 5px 10px 0;
}
.cc-f-tw2 .web_header {
	background-color: transparent !important;
	margin-top: 10px;
}

.cc-f-tw2 .web_footer, .cc-f-tw3 .web_footer, .cc-f-tm2 .email_footer, .cc-f-tm3 .email_footer {
	display:block; 
	padding-top:5px;
}
.cc-f-tw2 .web_footer img, .cc-f-tw3 .web_footer img, .cc-f-tm2 .email_footer img, .cc-f-tm3 .email_footer img {
	padding-bottom:0;
}
.body-btn {
	margin-top: 20px;
}
.body-btn button {
	background-color: #dcdcdc;
	border: none;
	color: #fff;
	font-size: .9em;
	padding: 2% 3%;
	font-weight: normal;
	text-transform: uppercase;
}
#email_body a {
	text-decoration: underline;
	color: #333;
	font-weight: normal;
}
#cc-drag-files-wrap {
	min-height: 100px;
	background-color: #eef4f9;
	border-top: 2px solid #b9cbda;
	border-bottom: 2px solid #b9cbda;
}
.cc-templates-email {
	margin-bottom: 20px;
}
.cc-templates-email span {
	margin: 0 10px;
	padding: 10px;
	display: inline-block;
	border-radius: 5px;
}
.cc-templates-email span.active {
	background-color: #AAC4DC;
}
.cc-templates-email span:not(.active):hover {
	background-color: #d5e4f2;
	cursor: pointer;
}
.cc-templates-email span img {
	border: 1px solid #b9cbda;
	border-radius: 5px;
	padding: 4px;
	background-color: #fff;
}
.cc-hr {
	border-top: 1px solid #dcdcdc;
	padding-top: 20px;
}
.cc-table i {
	margin-right: 5px;
}

a.cc-w-box {
	background-color: #3376b2;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
}
a.cc-w-box:hover {
	color: #fff;
	background-color: #0098DB;
}
a.cc-w-box .ticon-plus {
	font-size: 70px;
	padding-top: 5px;
	padding-left: 4px;
	display: block;
	text-align: center;
}
a.cc-w-box .ticon-circle {
	background-color: #E2A837;
	margin-top: 10px;
	border-radius: 50%;
	width: 85px;
	height: 85px;
	display: inline-block;
}
a.cc-w-box:hover .ticon-circle {
	background-color: #EFCB65;
}
.cc-w-box-title {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: lighter;
	text-transform: uppercase;
	text-align: center;
	line-height: 120%;
	padding: 0 60px 0 50px;
}
.cc-w-box-desc {
	font-size: 20px;
	font-weight: lighter;
	margin-right: 20px;
	margin-top: 20px;
	line-height: 150%;
}
.cc-w-box-desc span {
	background-color: #E2A837;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	margin-left: -40px;
	font-weight: normal;
}
.fileupload-preview.fileupload-exists {
	background-color: #F0F5FA;
}
.fileupload .thumbnail {
	height: 50px;
	width: 100px;
	white-space: nowrap;
	text-align: center; margin: 1em 0;
}

.fileupload .thumbnail .helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.fileupload .thumbnail img {
	display: inline-block !important;
	vertical-align: middle;
	max-height: 50px;
	max-width: 100px;
}
/* cc-intro */
.cc-intro + .cc-intro { margin-top: 10px !important; }
.cc-intro .titol { font-size: 24px; 	font-weight: lighter; 	line-height: 150%; }
.cc-intro .titol span { font-weight: normal; }
.cc-intro .subtitol { font-size: 20px; 	font-weight: lighter; 	line-height: 150%; }
.cc-intro .subsubtitol { font-size: 18px; 	font-weight: lighter; 	line-height: 150%; 	text-align: center; 	margin-top: 15px; }
.cc-intro p { font-size: 17px; 	font-weight: lighter; }
.cc-intro i { color: #3376B2; 	border: 3px solid #3376B2; 	border-radius: 50%; 	font-size: 28px; 	display: inline-block; 	width: 45px; 	height: 45px; 	text-align: center; 	position: relative; }
.cc-intro i:before { position: absolute; 	top: 50%; 	left: 50%; 	margin-top: -15px; 	margin-left: -14px; }
.cc-intro .ticon-lock-secure:before {padding-left: 4px;}

.cc-avis { background-color: #eef4f9; color: #344452; font-size: 16px; display: inline-block; padding: 20px; border-radius: 5px; }

.button-strings .radio {text-transform: capitalize}

.email_header img, .email_footer img, .web_header img, .web_footer img { height: 30px; }
.email_logo img, .web_logo img { height: 60px; }
/* color picker */
.colpick_new_color, .colpick_current_color, .colpick_hex_field {
	display: none;
}
.colpick {
	margin-top: 5px;
	background-color: #eef4f9 !important;
	border-color: #b9cbda !important;
}

.form_datetime input[readonly] { cursor: pointer;}

/* */
.mt20 { margin-top: 20px;}

.ml0 { margin-left: 0; }
.ml20 { margin-left: 20px; }

.mb0 { margin-bottom: 0; }
.mb20 { margin-bottom: 20px; }

h3.heading {
	font-family: 'myriad-pro';
	font-weight: lighter;
}
form .row-fluid + .row-fluid.cc-hr {
	margin-top: 30px !important;
}

.button-strings > .control-group {
	display: none;
}

.btn-xxl {
	font-size: 1.7em;
	padding: 15px 20px;
}

a.small-link {
	text-decoration: underline;
	font-size: .9em;
}
a.small-link:hover {
	text-decoration: underline;
}

@media (min-width: 1681px) {
  .inputWidthLnst{ width: 300px; }
  .select2WidthLnst{ width: 332px; }
}

@media (min-width: 1280px) {
  .inputWidthLnst{ width: 300px; }
  .select2WidthLnst{ width: 332px; }
}
@media (min-width: 980px) {
  .inputWidthLnst{ width: 300px; }
  .select2WidthLnst{ width: 332px; }
}
@media (min-width: 480px) and (max-width: 767px) {
  .inputWidthLnst{ width: 300px; }
  .select2WidthLnst{ width: 332px; }
}

@media (max-width: 979px) {
  .inputWidthLnst{ width: 300px; }
  .select2WidthLnst{ width: 332px; }
}

@media (max-width: 767px) {
  .inputWidthLnst{ width: 300px; }
  .select2WidthLnst{ width: 332px; }
}

@media (max-width: 479px) {
  .inputWidthLnst{ width: 300px; }
  .select2WidthLnst{ width: 332px; }
}

/* Enable image placeholders */
@-moz-document url-prefix(http), url-prefix(file) {
  img:-moz-broken{
    -moz-force-broken-image-icon:1;
    width:24px;
    height:24px;
  }
}

label.email_select{display: block;padding: 0.5rem 1rem;border-radius: 6px;}
label.email_select:hover{background: #ffffff30;}
label.email_select input[type="radio"]{width: 20px;height: 20px;margin-right: 10px;margin-top: 0;}
label.email_select span{font-size: 1rem;color:white;}

thead.hidde-header, thead.hidde-header > tr, thead.hidde-header > tr > th{border:0 !important;visibility:hidden !important;}
thead.hidde-header > tr > th{padding:0 !important;}

.switch{position: relative;display: inline-block;width: 30px;height: 18px;}
.switch input{opacity: 0;width: 0;height: 0;}
.slider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: transparent;-webkit-transition: .4s;transition: .4s;border: 1px solid #666;}
.slider:before{position: absolute;content: "";height: 14px;width: 14px;left: 1px;bottom: 1px;background-color: #666;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider:before{background-color: var(--custom-primary-color, var(--lnst-primary-color, white));}
input:checked + .slider{background-color: var(--custom-primary-bg-color, var(--lnst-primary-bg-color,#006dcc));border-color: var(--custom-primary-bg-color, var(--lnst-primary-bg-color,#006dcc));}
input:focus + .slider{box-shadow: 0 0 1px transparent;}
input:checked + .slider:before{-webkit-transform: translateX(12px);-ms-transform: translateX(12px);transform: translateX(12px);}
.slider.round {border-radius: 9px;}
.slider.round:before{border-radius: 50%;}

.hidden-important {
	display: none !important;
	visibility: hidden !important;
  }