/* new Total CRM*/
@import url(//fonts.googleapis.com/css?family=Roboto);
@impurt url(crm_contacts.css);

:root {
	--main-color: #5dade0;
	--main-color-lt: #5db95d;
	--main-color-dk: #3b4e61;
	--bg-color: #033e69;
	--google-plus: #dd4b39;
	--border-color: #dfdfdf;
}


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

body, .page {
background:#fafafa;
}
header .menu_bar {
font-size:20px;
color:#1d5571;
}
header {
height:40px;
background:#fff;
border-bottom:1px solid #eee;
}
.page {
padding:45px 5px 10px;
}
#navigation a:focus, #navigation a:hover, #navigation a:focus, #navigation a.active {
background-color:#0c3c54;
color:#fff;
}
#navigation {
background:#1d5571;
width:230px;
}
#navigation a {
background: #2e6b8a;
color:#fff;
border-bottom:1px solid #2d596f;
font-size:15px;
background-repeat:no-repeat;
padding:10px 10px 10px 40px;
background-position:10px center ;
background-size:auto 25px;
border-left:4px solid rgba(0,0,0,0);
}
#navigation a.active {
border-left:4px solid #6997b1;
}
#navigation .menu_bar {
font-size:20px;
padding:10px;
color:#ffffff;
margin-bottom:0px;
cursor:pointer;
}
header #header_title {
text-align:left;
margin:6px;
font-size:22px;
color:#fff;
float:left;
}
a {
color:#2e6b8a;
}
#back_arrow {
color:#1d5571;
font-size:40px;
}
#navigation.left {
border:none;
}
* {
font-family:'Roboto', sans-serif;
font-weight:300;
}
#navigation h2 {
float:right;
color:#fff;
width:80%;
}
.pagination {
margin:10px 0;
}
.pagination_total {
text-align:right;
}
.label {
color:#333;
}
.checkbox, .radio {
display:inline-block;
}
td.label {
display:table-cell;
font-size:0.9em;
font-weight:600;
text-align:right;
}
select {
padding:3px 3px 4px;
border:1px solid #eee;
}
input[type="button"] {
background:#fff;
color:#1d5571;
border:1px solid #2e6b8a;
width:auto;
padding:5px 10px;
}
input[type="button"]:hover {
background:#2e6b8a;
color:#fff;
}
.sliding.left.show_menu {
margin-left:230px;
}

@media (min-width: 1600px) {

}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 767px) {

}

@media (max-width: 480px) {

}