/* admin portal*/
@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,700|Sura|Poly');


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

header {
background-image:url(https://www.srqmagazine.com/clients/52/images/logo.png);
background-size:auto 80%;
background-position:center;
background-repeat:no-repeat;
}
#navigation {
background:#f26522;
color:#fff;
}
#navigation a {
color:#fff;
}
#navigation .menu_bar {
color:#fff;
}
form label {
width:150px;
text-align:left;
display:inline-block;
padding-left:10px;
color:#808080;
vertical-align:top;
}
input[type="text"], input[type="password"], textarea, input[type="date"], input[type="time"], select, input[type="number"], input[type="tel"] {
max-width:600px;
}
.cke {
display:inline-block !important;
}
textarea, input, button {
outline:none;
padding:10px 0;
}
form > div {
margin:20px 0;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover {
background-color:#f26522;
}
.button {
width:300px;
box-sizing:border-box;
padding:10px 0;
background:#dedede;
color:#fff;
border:0px;
font-size:1em;
text-transform:uppercase;
cursor:pointer;
}
.list_item {
display:flex;
align-items:center;
clear:both;
justify-content:space-between;;
}
.list_item .fa-chevron-right {
margin-left:auto;
}
.list_item>.title {
width:80%;;
}
.list_item:hover {
background-color:#e4e4e4;
}
.pagination i {
font-size:2em;
padding:5px 10px;
background-color:white;
border:1px solid #bfbfbf;
}
.section-blocks div {
padding:10px 30px;
border:1px solid #bfbfbf;
display:inline-block;
width:14%;
text-align:center;
margin:10px 10px;
}
.section-blocks {
display:flex;
justify-content:center;
align-content:center;
flex-wrap:wrap;
}
.section-blocks > .active {
background-color:#f26522;
color:white;
}
#upload_subscribers * {
margin:10px 0;
}
#content {
max-width:99%;
margin:auto;
}
input[type="text"]:focus {
box-shadow:0px 0px 0px 2px #f265227d;
border-radius:5px;
}
.event a {
border:1px solid #f26522 !important;
}
.datepicker .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border:2px solid black;
background:#f6f6f6;
color:black;
}
.datepicker .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border:1px solid #f26522;
background:#f26522;
font-weight:bold;
color:white;
}
small {
font-size:0.75em;
color:#808080;
}
body, input, textarea, select {
font-family:'Raleway', 'Roboto', sans-serif;
letter-spacing:0.02em;
line-height:1.6;
}
h1,h2,h3,h4,h5,h6 {
font-family:'Sura', serif !important;
letter-spacing:0.1;
}
.ui-datepicker {
margin:auto;
}
.file-upload {
display:inline-block;
width:286px;
border:1px #bfbfbf dashed;
justify-content:center;
align-items:center;
text-align:center;
padding:5px;
}
.file-upload > input {
display:none;
}
.file-upload * {
text-align:center;
}
.file-upload:hover {
cursor:pointer;
}
input[type="file"] {
width:0.1px;
height:0.1px;
opacity:0;
overflow:hidden;
position:absolute;
z-index:-1;
}
.ui-tooltip {
font-family:'Raleway', sans-serif;
font-size:12px;
color:#808080;
}
#body_tbl {
display:inline;
}

@media (min-width: 1200px) {

}

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

}

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

}

@media (max-width: 767px) {
.section-blocks div {
width:200px;
}

}

@media (max-width: 480px) {
.section-blocks div {
width:200px;
}

}