/* ..................... BASICS ..................... */

p,pre{display:block;margin-bottom:15px;}
ul,ol{margin:0;margin-bottom:15px;}

/* containers */
.inner{margin-left: auto;margin-right: auto;padding:30px 15px;}
#main-section .inner{padding-left:0;padding-right:0;}

/* header */
header#header-top #branding{float:left;margin-right:30px;}
header#header-top .region-header{float:right;clear:none;margin-top:20px;}

h1#site-name{margin:0;}
h1{margin:0;}

/* main navigation */
header #block-system-main-menu ul.menu{overflow:hidden;margin:0;padding:0;}
header #block-system-main-menu ul.menu li{list-style:none;float:left;font-size:16px;}
header #block-system-main-menu ul.menu li a{padding:6px 10px 5px;display:block;margin:0 4px;text-decoration: none;}

/* back-end */
html body.admin-menu{margin-top: 28px !important;}
#admin-menu{box-shadow: none;}

/* Sidebar declaration 1170px */
#sidebar-left,#sidebar-right{float:left;width:24.75%;}
body.no-sidebars #middle-section,
body.one-sidebar #middle-section{float:left;width:75.25%;}
body.two-sidebars #middle-section{float:left;width:50%;}
#main-section .region{padding-left:10px;padding-right:10px;}

/* ..................... FORMS ..................... */

label {
  padding-bottom: 0.3em;line-height: 1.2em;
  font-size:1em;font-weight:400;
}

/* placeholder colors */
::-webkit-input-placeholder{color: #c5c5c5;} 
:-ms-input-placeholder{color: #c5c5c5;} 
:-moz-placeholder{color: #c5c5c5;} 
::-moz-placeholder{color: #c5c5c5;} 

/* input[type="text"],input[type="number"],input[type="password"],input[type="search"],input[type="email"], textarea {
  width: 100%;padding:0.75em 1em 0.63em;height:46px;
  border: 1px solid #e1e1e1;line-height:24px;font-size:1em;
  -webkit-appearance: none;  
  -ms-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1);
  -moz-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1);
  box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1);
} */
textarea {height:auto;}

input[type="search"]{background-image:url('img/search.svg');background-repeat: no-repeat;background-position: 98% center;}
input[type="checkbox"],input[type="radio"] {width: auto;margin-right: 0.3em; }
input[type="search"] {-webkit-appearance: none;border-radius: 0; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input[type="range"]{margin:0;}

.field-container {margin-bottom: 1em; }

/* Validation */
input.has-error{border-color: #ca5252;}
input.is-valid{border-color: #447d40;}

/* submit */
input[type="submit"]{
  width:auto;background-color:#39b9be;
  height:50px;padding:1em 1.6em;
  border:none;text-transform: uppercase;
  color:#ffffff;font-size:0.9em;cursor: pointer; 
  font-family: 'Flanders Art Sans Bold', sans-serif;
}
input[type="submit"]:hover{background-color:#237b7e;}

html.js input.form-autocomplete{background-position: 99% 9px;}
html.js input.form-autocomplete.throbbing{background-position: 99% -13px;}

/* ..................... BUTTONS ..................... */

button, input[type="submit"], input.form-submit, .form-actions a, .form-actions a:visited, .button, a.button, a.button:visited{
  margin:10px 6px 0 0;padding:9px 12px;height:34px;background-color: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0);
  border-color: #CCCCCC;color: #333333;font-size:14px;display:inline-block;text-decoration:none;
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.vlw__profile__toggle{
   margin: 0 !important;
}

.form-actions a, .form-actions a:visited{height:14px;line-height: 17px;}

button, input[type="submit"]:hover, input.form-submit:hover, .form-actions a:hover, .form-actions a:visited:hover, .button:hover, a.button:hover, a.button:visited:hover{
  background-color: #EBEBEB;border-color: #ADADAD;
}

/* colors */
input#edit-submit,input[value="Update"],input#edit-save{background-color: #428BCA;border-color: #357EBD;color: #FFFFFF;}
input#edit-submit:hover,input[value="Update"]:hover,input#edit-save:hover{background-color: #3276B1;border-color: #285E8E;}

input[value="Delete"],input[value="Remove"],input[value="Cancel"]{background-color: #D9534F !important;border-color: #D43F3A !important;color: #FFFFFF;}
input[value="Delete"]:hover,input[value="Remove"]:hover,input[value="Cancel"]:hover{background-color: #D2322D !important;border-color: #AC2925 !important;}

/* backend add */
ul.action-links{overflow:hidden;padding:0;margin:0;}
ul.action-links li{list-style:none;float:left;font-size:16px;}
#main-section a[href*="/add"],#main-section a[href*="/install"]{
  border: 1px solid rgba(0, 0, 0, 0);border-radius: 4px;cursor: pointer;
  display: inline-block;font-size: 14px;font-weight: normal;line-height: 1.42857;
  margin-bottom: 0;padding: 6px 12px;text-align: center;vertical-align: middle;white-space: nowrap;
  background-color: #5CB85C;text-decoration:none;
  border-color: #4CAE4C;
  color: #FFFFFF;
}
#main-section .views-displays a[href*="/add"]{padding-top:0;padding-bottom:0;}
#main-section a[href*="/add"]:hover,#main-section a[href*="/install"]:hover{
    background-color: #47A447;
    border-color: #398439;
    color: #FFFFFF;
}

/* ..................... TABLES ..................... */

table{width:100%}
table td{padding:4px 10px;}

/* ..................... WARNING BOXES ..................... */

.messages,.region-help {
  border: 1px solid rgba(0, 0, 0, 0);margin-bottom: 20px;
  padding: 15px;font-size:14px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.messages{padding-left:40px;}

.messages.warning {background-color: #FCF8E3;border-color: #FBEED5;color: #C09853;}
.messages.warning em{color: #A47E3C;}

.messages.status {background-color: #D6E9C6;border-color: #D6E9C6;color: #468847;}
.messages.status em{color: #356635;}

.messages.error {background-color: #F2DEDE;border-color: #EED3D7;color: #B94A48;}
.messages.error em{color: #953B39;}

.region-help{background-color: #D9EDF7;border-color: #BCE8F1;color: #3A87AD;}

/* ..................... PAGER ..................... */

.item-list ul.pager{margin:20px 0;text-align:left;}
.item-list ul.pager li{padding:0;display:inline-block;font-size:12px;line-height:14px;margin:0 2px;}
.item-list ul.pager li a,.item-list ul.pager li.pager-current{
  padding:4px 8px;display:inline-block;font-weight:bold;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.item-list ul.pager li a{
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); 
  
  background:#ffffff;color:#717171;text-shadow: 0 1px 0 #ffffff;border:1px solid #bababa;
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}

.item-list ul.pager li a:hover{
  background: -moz-linear-gradient(top,  rgba(234,234,234,1) 100%, rgba(255,255,255,1) 0%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,rgba(2234,234,234,1)), color-stop(0%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 100%,rgba(255,255,255,1) 0%);
  background: -o-linear-gradient(top,  rgba(234,234,234,1) 100%,rgba(255,255,255,1) 0%);
  background: -ms-linear-gradient(top,  rgba(234,234,234,1) 100%,rgba(255,255,255,1) 0%);
  background: linear-gradient(to bottom,  rgba(234,234,234,1) 100%,rgba(255,255,255,1) 0%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );
}


.item-list ul.pager li.pager-current{
  background:#676767;color:#f2f2f2;text-shadow:0 1px 0 #000000;border:1px solid #fffffff;

  -webkit-box-shadow: inset 0px 0px 8px 0px #222222;
  -moz-box-shadow: inset 0px 0px 8px 0px #222222;
  -o-box-shadow: inset 0px 0px 8px 0px #222222;
  box-shadow: inset 0px 0px 8px 0px #222222; 
}


/* ..................... EDITOR MENU ..................... */

#sidebar-right #block-menu-menu-editor-menu ul{padding:0;margin:10px 0 0 0;}
#sidebar-right #block-menu-menu-editor-menu ul li{list-style:none;}
#sidebar-right #block-menu-menu-editor-menu ul li a{
  text-decoration: none;padding:10px 10px 10px 46px;
  border-bottom:1px solid #eeeeee;display:block;font-weight:700;
  text-transform: uppercase;color:#666666;font-size:12px;background-position: 10px center;
  background-repeat: no-repeat;background-image:url('../images/menu.svg');
}
#sidebar-right #block-menu-menu-editor-menu ul li a:hover{font-style: italic;}
#sidebar-right #block-menu-menu-editor-menu ul li.last a{border:none;margin:0;}

#sidebar-right #block-menu-menu-editor-menu ul li:first-child a{background-image:url('../images/content.svg');}
#sidebar-right #block-menu-menu-editor-menu ul li:nth-child(5) a{background-image:url('../images/user.svg');}
#sidebar-right #block-menu-menu-editor-menu ul li:last-child a{background-image:url('../images/logout.svg');}