/*CSS RESET*/
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, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;	padding: 0;	border: 0;
	outline: 0;display:block;
	font-style: inherit;
	font-size: 100%;
}

/*END CSS RESET*/

/*
#db0056
*/

/* --------------- GENERAL APPEARANCE ------------- */
html {background: url('./res/marinacrmbg.jpg') no-repeat center center fixed;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-size:10pt;color:#4e4e5a;font-weight:400;font-family: 'Roboto', Arial, sans-serif;}
body {background-color:transparent;}
strong {font-size:10pt;color:#c00;}
h1 {font-size:16pt;color:#3c3c3c;font-weight:300;font-family: 'Roboto', Arial, sans-serif;margin-top:0px;}
h2 {font-size:14pt;color:##db0056;font-weight:300;font-family: 'Roboto', Arial, sans-serif;width:100%;}
input[type='text'], input[type='password'],select, textarea{font-family:'Roboto', Arial, sans-serif;
width:100%;border-radius:10px;font-size:10pt;color:#17386a;border:1px solid #fff;padding:4px 10px 4px 10px;margin:2px;
background-color:rgba(255,255,255,.3);box-shadow:-0px 0px 1px #000;transition:background-color .4s ease;}
.uppercase{text-transform:uppercase;}

input[type='text']:hover, input[type='password']:hover,select:hover{
background-color:rgba(255,255,255,.9);box-shadow:0px 0px 0px #000;
border-color:#2459a8;transition:background-color .4s ease;
}

#quickNote{min-height:200px;width:100%;font-size:9pt;}
#mainContentCol{min-height:800px;}


.nav{border-top:2px solid #db0056;}
.btn {width:100%;}
*/
/* --------------- MAIN STRUCTURE ELEMENTS ------------- */
#topbar{
height:11px;width:100%;
font-family: 'Roboto', Arial, sans-serif;font-size:6pt;text-align:center;
border-bottom: 1px solid #000;
text-shadow: 0px -1px #000; 
background-color: #17386a;
background-image: -webkit-gradient(linear, left top, left bottom, from(#2459a8), to(#17386a));
background-image: -webkit-linear-gradient(top, #2459a8, #17386a);
background-image: -moz-linear-gradient(top, #2459a8, #17386a);
background-image: -o-linear-gradient(top, #2459a8, #17386a);
background-image: linear-gradient(to bottom, #2459a8, #17386a);
color:#f1f5f8;
display:block;float:right;
letter-spacing:12px;
}

.upload-photo-label
{ background-color: #fc0;
    width: 100%;
    border: 1px solid #d90;
    border-radius: 4px;
    padding: 8px;
    margin-top: 4px;
    text-align: center;
    display: block;
    float: left;
    min-width: 280px;
    box-shadow: 0px 0px 10px #000;
    min-width: 330px;}
label{display:block;float:left;}
input[type='file']{width:30%;display:block;float:left;margin-left:5%;}
/*  -- Bara de submeniuri orizonatala (editare proiecte, utilizatori, etc.)-- */
.submenubar {width:100%;padding:10px; border:1px solid #cc1f40; border-radius:10px;display:block;float:left;background-color:#ffffef;margin-bottom:20px;}
.submenubar:hover{border:1px solid #cc1f40;}

#logotop{max-width:100%;border:none;margin:0 auto; display:block;}
#logoimg{margin:0 auto;display:block;padding:10px 0px 10px 0px;}
#bluebartop{padding-top:7px;}
#bluebartop a{color:#fff;font-size:9pt;text-decoration:none;margin-bottom:5px;padding-left:0px;vertical-align:top;padding-top:6px;}
#bluebartop a:hover{color:#fff;font-size:9pt;text-decoration:none;margin-bottom:5px;padding-left:0px;color:#fc0;}
#greybartop{padding-top:7px;display:block;float:right;border-radius:0px 0px 20px 0px;background-color:#4e4e5a;}
#greybartop a{color:#fff;font-size:9pt;text-decoration:none;margin-bottom:5px;padding-left:10px;vertical-align:top;padding-top:6px;}
#greybartop a:hover{color:#fff;font-size:9pt;text-decoration:none;margin-bottom:5px;padding-left:10px;color:#fc0;}
#leftmenuwrapperq a{color:#fff;font-size:9pt;text-decoration:none;;padding-left:10px;vertical-align:top;}
#leftmenuwrapperq a:hover{color:#fff;font-size:9pt;text-decoration:none;margin-bottom:0px;padding-left:10px;color:#fc0;}
#contentwrapper {min-height:700px;color:#fff;font-size:9pt;text-decoration:none;margin-bottom:0px;padding-left:10px;}
#rightwrapper {padding:0px;display:block;float:right;}
#footerbar{
height:151px;
font-family: 'Roboto', Arial, sans-serif;font-size:6pt;text-align:center;
border-bottom: 1px solid #000;
text-shadow: 0px -1px #000; 
background-color: #17386a;
background-image: -webkit-gradient(linear, left top, left bottom, from(#2459a8), to(#17386a));
background-image: -webkit-linear-gradient(top, #2459a8, #17386a);
background-image: -moz-linear-gradient(top, #2459a8, #17386a);
background-image: -o-linear-gradient(top, #2459a8, #17386a);
background-image: linear-gradient(to bottom, #2459a8, #17386a);
color:#f1f5f8;
margin-bottom:0px;margin-top:40px;
/*position:fixed;*/
bottom:0px;
}
#logicbar{margin-bottom:0px;bottom:0px;display:block;} 
#footercontent{display:block;height:120px;bottom:0px;padding-top:10px;}
/* --------------- END STRUCTURE ELEMENTS ------------- */
.largephoto{max-width:200px;max-height:320px; display:block; float:right;padding:15px;background-color:#fff;border:1px solid #c3c3c3;
width:40%;min-height:200px;width:100%;}
.largephotocontent{max-width:100%;max-height:100%;display:block;float:left;}
.smallphoto{max-width:120px;max-height:320px; display:block; float:left;padding:15px;background-color:#fff;border:1px solid #c3c3c3;
width:40%;min-height:120px; margin-right:10px;}
.smallbutton{width: 45px; margin-right: 5px;
    height: 16px;
    font-size: 8pt;
    padding: 0px;
    text-align: center;
    float: right;}

.togglecomment{width:100%;display:block;float:left;padding:4px;font-weight:normal;font-size:10pt;}
.sellabel{
input[type="radio"]:checked{ font-weight: bold; background-color:#3f3;width:100px; display:block;float:left;} 
} 

.imgformline{display:block;float:left;width:100%;padding:10px;border:1px solid #fff;}
.imgformline:hover{border:1px solid #ccc;}
.imgformline label{display:block;float:left;}
.imgformline input[type='text']{width:50%;display:block;float:left}
.imgformline input[type='file']{width:30%;display:block;float:left;margin-left:5%;}

/* --------------- GENERAL CONTENT CLASSES -------------------- */
.tile{display:block;width:100%;border:1px solid #2459a8;padding:0px;background-color:#fff;margin-bottom:4px;border-radius:0px 0px 20px 0px;float:right;}
.redtile{border-color:#c30;transition:background-color 1s ease;} 
.redtile:hover{background-color:#ffefef;transition:background-color .4s ease;}
.greentile{border-color:#0c3;transition:background-color 1s ease;}
.greentile:hover{background-color:#efffef;transition:background-color .4s ease;}
.magentatile{border-color:#07c;transition:background-color 1s ease;}
.magentatile:hover{background-color:#efefff;transition:background-color .4s ease;}
.orangetile{border-color:#fc0;transition:background-color 1s ease;}
.orangetile:hover{background-color:#ffefcf;transition:background-color .4s ease;}
.contenttile{font-family:Arial; font-size:8pt;color:#3a3a3a;width:100%;text-align:left;padding:5px;max-height:125px;overflow-y:auto;}
.titletile{font-weight:bold;float:left;width:65%;display:block;height:22px;padding:3px 0px 0px 10px; font-size:9pt;border-bottom:1px solid #6394de;overflow:hidden;}
.user{color:#fff;font-weight:bold;width:35%;display:block;background-color:#2459a8;font-size:8pt;float:right;height:22px;
vertical-align:middle;text-align:center;padding-top:4px;}
.tiletools{border-top:1px solid #6394de; padding:1px 10px 2px 5px;background-color:transparent; font-size:8pt;color:#000;}
.filterbar{display:block;width:100%;border-radius:10px;padding:0px;margin-bottom:10px;background-color:#4e4e5a;text-shadow:-1px -1px #000;color:#fff;float:right;
text-shadow:-1px -1px #000;color:#b0b0b0;padding:5px;vertical-align:middle;font-size:14pt;}
/*.tileimage_beforecannes{display:block;float:left;width:120px;height:120px;margin-right:5px;}
.tileimage{display:block;float:left;max-width:30px;max-height:30px;margin-right:5px;}*/		
.article{width:100%;border:0px solid #ccf;padding:10px;margin-bottom:10px;display:block;float:left;transition:background-color .5s ease;color:#3c3c3c;
border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 40%);
    transition: box-shadow ease .5s}
.article:hover{width:100%;border:0px solid #ccf;color:#000;box-shadow:0px 0px 0px #000; transition:background-color .5s ease;
box-shadow: 0px 0px 10px #db0056;
    background-color: rgba(253,255,255,1);
    transition: box-shadow ease .5s;}  
.sectitle{font-size:14pt;color:#6394de;display:block;float:right;margin-bottom:10px;width:100%;text-align:right;font-weight:400;height:20px;}
.atitle{font-size:12pt;color:#4270b6;display:block;float:right;margin-bottom:10px;width:100%;text-align:left;font-weight:800;border-bottom:1px solid #4270b6;}
.articletext{width:100%;display:block;color:#3a3a3a;font-size:10pt;}
.artimage{display:block;float:left;max-width:187px;max-height:98px;margin-right:10px;}
.menutitle{color:#4270b6;font-weight:400;font-size:14pt;}
#loginbox{width:100%;padding:30px;box-shadow:0px 0px 10px #000;display:block;float:left;
/*background-image:url('../res/logomedium.png');*/background-position:center 20px;background-repeat:no-repeat;}
#loginbox > h1 {font-size:16pt;color:#3131ac;font-weight:400;font-family: 'Roboto', Arial, sans-serif;}
#logininfo{padding-top:10px;font-style:oblique;font-size:8pt;color:#000;display:block;width:100%;float:left;}
.loginlogo{display:block;padding:10px;border:1px solid #fff;margin:0 auto;margin-top:20px;}
.grouptitle{font-size:10pt;color:#c00;width:100%;float:right;border-bottom:1px solid #c00;display:block;width:100%;text-align:right;font-weight:bold;}
/* --------------- GENERAL CONTENT CLASSES -------------------- */
.compactform > label {width:35%;vertical-align:top;font-family:'Roboto',Arial;color:#3c3c3c;line-height:180%}
.compactform > label:hover {color:#00a756;}
.compactform > input[type='checkbox'] {display:block;float:left;line-height:180%}
.compactform > select{width:60%;}
.compactform > input[type='text'],input[type='password']{width:60%;}
.compactform > textarea {width:60%;min-height:200px;}
/* .compactform > input[type='radio']{width:100%;}  */
 #saleslider .ui-slider-range { background: #cc0000; background-color:#c00;}
 #saleslider .ui-slider-handle { border-color: #cc0000; background-color:#c00;}
/* #salesilder::before {content:"Not client";} */
#saleslider{cursor:pointer;background-color:#cacafa; border:1px solid #000;background:#a00;}
#salesliderlabel{border:none;font-size:16pt;color:#c00;border:1px solid #c00;}

.smallimage{max-width:100%;border:1px solid #6c6c6c;padding:10px;display:block;float:left;}
.smallimage:hover{transition:.5s border ease;border: 1px solid #c00;background-color:#efefef;}

.radiobig{width: 20px;
    height: 30px;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;}

hr{display:block;float:left;width:100%;border-bottom:1px dashed #00a756;}

/* --------------- OTHER ELEMENTS AND STYLES ---------- */
a.logicindustry{ color:#fff;font-size:8pt;padding:4px 20px 4px 20px;border:1px solid #fff;background-color:#f00;text-decoration:none;bottom:0px;}
a.logicindustry:hover{color:#fdd;border:1px solid #f00; background-color:#a00;}
/* --------------- END OTHER ELEMENTS AND STYLES ---------- */
.suggestionsBox { /* RPC */
		position: relative;display:block;
		margin: 0px 0px 0px 0px;
		width: 100%;background-color:#f7f7a1;	
		-moz-border-radius: 10px; -webkit-border-radius: 10px;
		border: 1px solid #333;	color: #3c3c00;font-size:11pt;	top:10px;padding:10px;
	}
	
	.suggestionsBox.pa {top:0;}
	
	.suggestionList {margin: 0px;padding: 2px 2px;line-height:14px;	}
	
	.suggestionList li {cursor:pointer; padding:2px 10px; list-style-type: none;transition: background-color 0.3s ease;height:16pt;}
	
	.suggestionList li:hover {
		background-color: #fc0;
		color:#000;transition: background-color 0.3s ease;
	}

.hint{font-size:8pt;font-stylet:italic;}
.bgdisabled {background-color:#ccc;color:#999;}
.bgenabled {background-color:#fff;color:#333;}

.agendarow{display:block;float:left;width:100%;border:1px solid #fafafa;padding:5px;transition:background-color .5s ease;}
.agendarow:hover{border:1px solid #aae; background-color:#6394de;transition:background-color .3s ease;color:#fff;}

.agendarow>a,.agendarow>a:visited {color:#c00;text-decoration:none;border-bottom:1px dotted #c00;}
.agendarow>a:hover{text-decoration:none;color:#003;}

.table{display:table;}
.trow{display:table-row;margin-bottom:2px;}
.tcellwhite{border-radius:3px;background-color:#fff;padding:3px 5px;display:table-cell;margin:2px 2px;font-size:8pt;border:1px solid #eee;}
.tcellgrey{border-radius:3px;background-color:#dfdfdf;padding:3px 5px;display:table-cell;margin:2px 2px;font-size:8pt;border:1px solid #eee;}



/* -------------------- CONTROLS ------------------ */
.topbutton{display:block; float:left;margin:0px 10px 0px 0px; padding:0px;}
.button{
font-family: 'Roboto', Arial, sans-serif;font-size:9pt;
/*border: 1px solid #4b65af;
border-bottom: 1px solid #000;*/
text-shadow: 0px -1px #000;
background-color: #b06b5b;
background-image: -webkit-gradient(linear, left top, left bottom, from(#63de94), to(#1e8b49));
background-image: -webkit-linear-gradient(top, #63de94, #1e8b49);
background-image: -moz-linear-gradient(top, #63de94, #1e8b49);
background-image: -o-linear-gradient(top, #63de94, #1e8b49);
background-image: linear-gradient(to bottom, #63de94, #1e8b49);
padding:4px;margin:2px 0px 0px 0px;
border-radius:5px;
color:#f1f5f8;
display:block;float:right;
cursor:pointer;
text-decoration:none;
transition:background-image 0.5s ease;
width:100%;
border:1px solid #fff;
box-shadow:0px 0px 1px #000;
margin:0 auto;
}
.button:hover{
background-image: -webkit-gradient(linear, left top, left bottom, from(#1e8b49), to(#63de94));
background-image: -webkit-linear-gradient(top, #1e8b49, #63de94);
background-image: -moz-linear-gradient(top, #1e8b49, #63de94);
background-image: -o-linear-gradient(top, #1e8b49, #63de94);
background-image: linear-gradient(to bottom, #1e8b49, #63de94);	
text-decoration:none;color:#fff;text-shadow: 0px 1px #000;
transition: background-image 0.5s ease;
}
.button-red{
font-family: 'Roboto', Arial, sans-serif;font-size:9pt;text-align:center;
text-shadow: 0px -1px #000;
background-color: #b06b5b;
background-image: -webkit-gradient(linear, left top, left bottom, from(#de5433), to(#ae498b));
background-image: -webkit-linear-gradient(top, #de5433, #ae498b);
background-image: -moz-linear-gradient(top, #de5433, #ae498b);
background-image: -o-linear-gradient(top, #de5433, #ae498b);
background-image: linear-gradient(to bottom, #de5433, #ae498b);
padding:4px;margin:2px 0px 0px 0px;
border-radius:5px;
color:#f1f5f8;
display:block;float:right;
height:24px;cursor:pointer;
text-decoration:none;
transition:background-image 0.5s ease;
width:100%;
border:1px solid #fff;
box-shadow:0px 0px 1px #000;
}
.button-red:hover{
background-image: -webkit-gradient(linear, left top, left bottom, from(#8b491e), to(#7e094b));
background-image: -webkit-linear-gradient(top, #8b491e, #7e094b);
background-image: -moz-linear-gradient(top, #8b491e, #7e094b);
background-image: -o-linear-gradient(top, #8b491e, #7e094b);
background-image: linear-gradient(to bottom, #8b491e, #7e094b);	
text-decoration:none;color:#fff;text-shadow: 0px 1px #000;
transition: background-image 0.5s ease;
}
.button-green{
font-family: 'Roboto', Arial, sans-serif;font-size:7pt;
text-shadow: 0px -1px #000;
background-color: #b06b5b;
background-image: -webkit-gradient(linear, left top, left bottom, from(#54de33), to(#49ae8b));
background-image: -webkit-linear-gradient(top, #54de33, #49ae8b);
background-image: -moz-linear-gradient(top, #54de33, #49ae8b);
background-image: -o-linear-gradient(top, #54de33, #49ae8b);
background-image: linear-gradient(to bottom, #54de33, #49ae8b);
padding:4px;margin:2px 0px 0px 0px;
border-radius:5px;
color:#f1f5f8;
display:block;float:left;margin-right:3px;
height:24px;cursor:pointer;
text-decoration:none;
transition:background-image 0.5s ease;
width:100%;
border:1px solid #fff;
box-shadow:0px 0px 1px #000;
}
.button-green:hover{
background-image: -webkit-gradient(linear, left top, left bottom, from(#498b1e), to(#097e4b));
background-image: -webkit-linear-gradient(top, #498b1e, #097e4b);
background-image: -moz-linear-gradient(top, #498b1e, #097e4b);
background-image: -o-linear-gradient(top, #498b1e, #097e4b);
background-image: linear-gradient(to bottom, #498b1e, #097e4b);	
text-decoration:none;color:#fff;text-shadow: 0px 1px #000;
transition: background-image 0.5s ease;
}

.button-toggle{
font-family: 'Roboto', Arial, sans-serif;font-size:9pt;
/*border: 1px solid #4b65af;
border-bottom: 1px solid #000;*/
text-shadow: 0px -1px #000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#33befb), to(#a9bbfe));
background-image: -webkit-linear-gradient(top, #33befb, #a9bbfe);
background-image: -moz-linear-gradient(top, #33befb, #a9bbfe);
background-image: -o-linear-gradient(top, #33befb, #a9bbfe);
background-image: linear-gradient(to bottom, #33befb, #a9bbfe);	
transition: background-image 0.5s ease;
padding:4px 4px 4px 10px;margin:2px 0px 0px 10px;
border-radius:5px;
color:#fff;
display:block;float:right;
cursor:pointer;
text-decoration:none;
transition:background-image 0.5s ease;
width:100px;
border:1px solid #00c;
box-shadow:0px 0px 1px #000;
margin:0 auto;
}

.gradient-green{
background-image: -webkit-gradient(linear, left top, left bottom, from(#89cb6e), to(#69be8b));
background-image: -webkit-linear-gradient(top, #89cb6e, #69be8b);
background-image: -moz-linear-gradient(top, #89cb6e, #69be8b);
background-image: -o-linear-gradient(top, #89cb6e, #69be8b);
background-image: linear-gradient(to bottom, #89cb6e, #69be8b);	
transition: background-image 0.5s ease;
}
.gradient-magenta{
background-image: -webkit-gradient(linear, left top, left bottom, from(#fbce89), to(#fedb69));
background-image: -webkit-linear-gradient(top, #fbce89, #fedb69);
background-image: -moz-linear-gradient(top, #fbce89, #fedb69);
background-image: -o-linear-gradient(top, #fbce89, #fedb69);
background-image: linear-gradient(to bottom, #fbce89, #fedb69);	
transition: background-image 0.5s ease;
}
.gradient-blue{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#99befb), to(#a9bbfe));
background-image: -webkit-linear-gradient(top, #99befb, #a9bbfe);
background-image: -moz-linear-gradient(top, #99befb, #a9bbfe);
background-image: -o-linear-gradient(top, #99befb, #a9bbfe);
background-image: linear-gradient(to bottom, #99befb, #a9bbfe);	
transition: background-image 0.5s ease;
}
.gradient-red{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fb7e39), to(#fe6b29));
background-image: -webkit-linear-gradient(top, #fb7e39, #fe6b29);
background-image: -moz-linear-gradient(top, #fb7e39, #fe6b29);
background-image: -o-linear-gradient(top, #fb7e39, #fe6b29);
background-image: linear-gradient(to bottom, #fb7e39, #fe6b29);	
transition: background-image 0.5s ease;
}
.gradient-yellow{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbce89), to(#fedb69));
background-image: -webkit-linear-gradient(top, #fbce89, #fedb69);
background-image: -moz-linear-gradient(top, #fbce89, #fedb69);
background-image: -o-linear-gradient(top, #fbce89, #fedb69);
background-image: linear-gradient(to bottom, #fbce89, #fedb69);	
transition: background-image 0.5s ease;
}

/* -------------------- END CONTROLS ------------------ */


/* ----------- USER DEFINED ---------------- */
#userlogo{display:block; margin:0 auto; width:190px;height:62px; background-repeat:no-repeat;margin-top:240px;}


/* -------------------- JavaScript, modals, etc ------------------- */
.dialog-form {width:40%;height:40%; border:1px solid #fff; font-family: Arial;}
/* -------------------- END Javascript, modals, etc ------------- */













/* -------------------------------------------------------------- X O X O X O X O X O X O ---------------------------------------------------*/

.redbg{background-color:#fadada}
.yellowbg{background-color:#faeada}
.bluebg{background-color:#dadafa}
.greenbg{background-color:#dafada}



/* --------------- END GENERAL APPEARANCE ------------- */
#logosus{height:60px;;max-width:100%;float:right;}
#topmenurow{width:100%;padding:0px;margin:0px;height:66px;background-color:#fff;
border-top:3px  solid #f90;position:fixed;z-index:100;box-shadow:0px 1px 5px #3c3c3c;}  

#topmenurow2{width:50%;padding:4px;margin:0 auto;height:10pt;background-color:#cc1f40;color:#fff;
border:1px solid #dd0e30;position:fixed;z-index:100;box-shadow:0px 1px 5px #3c3c3c;
top:67px;border-radius:0px 0px 10px 10px;float:right;display:block;right:6%;transition:height .3s ease;overflow:hidden;} 
#topmenurow2:hover{height:34pt;transition:height .3s ease;}

#notes{width:50%;padding:4px;margin:0 auto;height:10pt;background-color:#1fcc40;color:#fff;
border:1px solid #dd0e30;box-shadow:0px 1px 5px #3c3c3c;
bottom:120px;border-radius:10px 10px 0px 0px;float:right;
display:block;right:6%;transition:height .3s ease;overflow:hidden;}
#notes:hover{height:234pt;transition:height .3s ease;}

#topmenubg{float:left;width:100%;}
.topmenuitem{text-decoration:none;font-size:12pt;color:#3c3c3c;}
.topmenuitem:hover{text-decoration:none;font-size:12pt;color:#cc1f40;}

#contentrow{margin-top:80px;}
#rightcol{border:#b7defa;margin-top:0px;height:100%;display:block;min-height:900px;}
#leftmenu{width:100%;padding:0px;margin:0px;height:64px;background-color:#b7defa;}
#framecazuri {display:block; float:left;width:100%;height:260px;padding:10px;overflow-y:scroll;border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;}

.menu{width:100%;height:40px;position:relative;margin-left:auto;margin-right:auto;padding:3px 0px 0px 0px;
display:block;font-size:9pt;font-family: 'Roboto', sans-serif;font-weight:400; color:#fff;}

.menu-list {list-style-type:none;text-align:center;height:40px;padding:0px;}
.menu-item {float:left;  display:block;  zoom:1;list-style-type:none;margin-right:20px;height:40px;width:120px;border:1px solid #eaeaea;}
.menu-item a{display:block; color:#3c3c3c;list-style-type:none;text-decoration:none;font-size:11pt;height:40px;padding-left:50px;padding-top:7pt;font-weight:300;}
.menu-item:first-child a{  border-radius:0px 0 0 0px;list-style-type:none;margin-right:0px;}
.menu-item:last-child a{  border-radius:0 0px 0px 0;list-style-type:none;}
.menu-item a:hover {color:#000;list-style-type:none;}
.menu-item-wrap{display:block;float:left;margin-top:14pt;padding:0px 10px;}

.menuleft-list {list-style-type:none;text-align:center;margin-top:10px;}
.menuleft-list {  float:left;  *display:inline;  zoom:1;list-style-type:none;width:100%;}
.menuleft-list a {display:block; color:#3c3c3c;list-style-type:none;text-decoration:none;border:1px solid #c3c3c3;background-color:#fff;
height:40px;width:100%;margin-bottom:15px;padding-top:10px;font-size:10pt;font-family:'Roboto',Arial;font-weight:300;border-radius:0px 20px 20px 0px;}
.menuleft-list:first-child a {  border-radius:0px 20px 20px 0px;list-style-type:none;margin-right:0px;}
.menuleft-list:last-child a {  list-style-type:none;}
.menuleft-list a:hover { color:#bb0000;list-style-type:none;border:1px solid #000; background-color:#efefef;border-radius:0px 20px 20px 0px;}

h3{font-size:9pt; font-weight:500;border-bottom:1px solid #ccc;margin-top:0px;font-family:'Roboto',Arial;}


.righttile{width:100%;font-size:9pt;font-weight:100;padding:10px; margin:5px 10px 0px 0px;border:0px solid #c3c3c3;display:block;float:right;margin-bottom:10px;background-color:rgba(245,245,245,1);border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px rgba(0,0,0,0.4);transition:box-shadow ease .5s;}
.righttile:hover{box-shadow:0px 0px 10px #db0056;background-color:rgba(243,245,243,1);transition:box-shadow ease .5s;}

.righttile h3{font-size:9pt; font-weight:500;margin-top:0px;font-family:'Roboto',Arial;color:#db0056;padding-bottom:.5rem;text-shadow:1px 1px 1px rgba(255,255,255,1);border:none;}

.righttile>form input, .righttile>textarea:hover{font-size:9pt;font-weight:300;background-color:rgba(255,255,255,1);}

.bigtext{font-size:18pt;font-family:'Roboto',Arial;}

#notificationBar{
	background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
  content: 'OK';
  position: absolute;
  color:#222;border-left:2px solid #695;
  display:block;float:right;position:fixed;bottom:10%;
  width:300px;padding:10px 20px;font-size:9pt;text-align:center;
  border-radius:10px;box-shadow:0px 0px 10px rgba(0,0,0,0.4);right:0;
}

table {width:100%;}
tr:hover {background-color:#ececec;padding:0px 1px 2px 1px;border:1px solid #0f0;}
td{font-size:9pt;font-family:'Roboto',Arial;font-weight:300;padding:2px 10px 2px 10px;margin:0px 1px 2px 1px;}

.footcell{font-size:7pt;padding:3px 3px;background-color:#efefef;}


.opCard{
	display:block;float:left;
	background-color: rgba(255, 255, 255, 0.3);
  color:#222;width:100%;text-align:left;
  display:block;float:right;margin:5px;
  padding:20px;font-size:9pt;
  border-radius:10px;box-shadow:0px 0px 10px rgba(0,0,0,0.4);
}
.opCard h2{color:#db0056; margin-bottom:5px; text-align:left;}
.opCard input{margin-bottom:10px;}

.article h2{color:#db0056; margin-bottom:5px; text-align:left;}

/*---------------- ICONS --------------*/
/*
.icon {display:inline-block;background-image:url('./res/icons-tudoria.png');float:left;margin-top:0px; background-repeat:no-repeat;background-position:top left;font-family:'Roboto',Arial;background-size:308px 234px}  
*/
.logomedium {background-position:-269px -139px;height:28px;width:38px;}
.logomedium:hover {background-position:-269px -171px;height:28px;width:38px;}

.account:hover {background-position:0px -40px;transition: background-position .4s ease}

.search {background-position:-40px 0px;}
.search:hover {background-position:-40px -40px;transition: background-position .4s ease}
.pr {background-position:0px -80px;}
.pr:hover {background-position:0px -120px;transition: background-position .4s ease}
.reports {background-position:-160px -0px;}
.reports:hover {background-position:-160px -40px;transition: background-position .4s ease}
.help {background-position:-280px 0px;}
.help:hover {background-position:-280px -40px;transition: background-position .4s ease}
.file {background-position:-240px 0px;}
.file:hover {background-position:-240px -40px;transition: background-position .4s ease}
.print {background-position:-360px 0px;}
.print:hover {background-position:-360px -40px;transition: background-position .4s ease}
/* ------------ END ICONS -------------*/

#usertop{font-family:'Roboto',Arial;font-size:8pt;color:#3c3c3c;display:block;float:right;vertical-align:middle;margin-top:5px;}













@media only screen and (min-width: 320px) and (max-width: 768px) 
{  
	.menu { width:100%;  }  .menu-item {width:100%;float:none;  }
	*img {margin:0px;padding:0px; margin:0 auto;} !important
}
/* */
/*
@media only screen and (min-width: 320px) and (max-width: 768px) 
{  
	.menu { width:100%;  }  .menu-item {width:100%;    float:none;  }
}
*/

@media (max-width: 780px) /* -----------------------small 600--------------------- */
{
 /*#menubar,#midfooter { display: none; } */
 #menubar, #midfooter,#logosus,#langbar,#wraprez { display: none; }
 #midfooter2 { display: block; }
 #smallmenus { display: inline-block;z-index:100;width:100%;}
#rezervari{max-width:380px;display:block;position:relative;margin-left:5%;min-height:160px;min-width:300px; top:20px;
background-color:rgba(255,255,255,1);padding:15px;float:none;transition:background-color.4s ease; border:1px dotted #32ae7b;}
#caruselrow{position:relative;margin-top:150px;top:150px;display:block}
#callfooter{display:block;}
#footer {display:none;}
#topmenurow{width:100%;padding:0px;margin:0px;height:150px;display:block;z-index:100;float:left;position:fixed;padding-top:20px;top:0px;display:block;    
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;display:none;}
}

@media (min-width: 780px) {/* ----------------------- over 1000 medium--------------------- */
  #menubar,#midfooter {display:block;  }
  #smallmenus,#midfooter2 {display:none; }
#callfooter{display:none;}
#footer {display:block;}
}


.logicindustry {font-size:8pt;border:1px solid #f00; background-color:#c00;text-decoration:none;color:#fff;padding:5px 10px 5px 10px;
vertical-align:bottom;display:block;max-width:450px;margin:0 auto;bottom:0px;}