/*!
 * Site - Future of Media Admin
 */

html,body
{
    width: 100%;
    height: 100%;
}

*, *:before, *:after
{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body
{
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    color: #333;
    line-height: 22px;
    font-family:'Open Sans',sans-serif;
    background-color: #FFF;
}


/* ------------------ HEADERS --------------------- */
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    font-weight: lighter;
    color: #333;
}
h1 {
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 0;
}
h2 {
    padding: 0 0 10px;
}
h3 {
    font-size: 1.2em;
}
h4 {
    font-size: 1.1em;
}
h5, h6 {
    font-size: 1em;
}

/* ------------------ MISC TAGS --------------------- */
a, a:hover
{
    color: #588FB5;
}

.clear
{
    clear: both;
    height: 0px;
    overflow: hidden;
}

.center
{
    text-align: center;
}

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
{
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    margin-bottom: 0px;
    height: 30px !important;
}

.tagsContainer input
{
    height: auto !important;
    /* padding: 4px 2px !important; */
    line-height: 20px !important;
    width: auto !important;
    min-width: 100% !important;
}

textarea
{
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    margin-bottom: 0px;
    min-height: 120px;
}


/* ------------------ SECTIONS --------------------- */
section, footer
{
    padding: 0px;
}

.top-section
{
    padding: 10px 15px;
    width: 100%;
    background-color: #588FB5;
    color: #FFF;
}

.main-section
{
    width: 100%;
    height: 100%;
}

.main-block
{
    width: 100%;
    height: 100%;
}

.wrap-content
{
    padding-bottom: 80px;
}

/* ------------------ SIDEBAR --------------------- */
.sidebar
{
    padding-top: 50px;
    background-color: #F7F7F7;
}

.sidebar a
{
    color: #6E829B;
}

.sidebar a:hover
{
    text-decoration: none;
    color: #33455A;
}

.sidebar i
{
    margin-right: 8px;
}


/* ------------------ SIDEBAR ACCORDION --------------------- */
.sidebar .accordion-group,
.sidebar .accordion-inner
{
    border: none;
}

.sidebar .accordion-heading
{
    border-top: 1px solid #DAE1E8;
}
    
.sidebar .accordion-heading.menu-first
{
    border-top: 0px;
}

.sidebar .accordion-inner
{
    padding-top: 0px;
}

.heading
{
    border-bottom: 1px solid #DAE1E8;
}

/********************************************
    COMPONENTS*
***********************************************/

/* ------------------ WIDGET --------------------- */
.widget {
    border: 1px solid #CDCDCD;
    border-radius: 0px;
    box-shadow: none;
    margin-top: 20px;
    position: relative;
    background: none repeat scroll 0 0 #F7F7F7;
}


/* ------------------ GRIDVIEW --------------------- */
.grid-view
{
    padding-top: 0px;
}

.grid-view .button-column
{
    width: 100px;
}

.grid-view input,
.grid-view select
{
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    margin-bottom: 0px;
}

.grid-view input
{
    height: 30px !important;
}

.grid-view select
{
    width: 100%;
}

.grid-view .filters
{
    background-color: #FFF;
}

.grid-view .filters .filter-container
{
    padding: 0px;
}

.summary
{
    color: #777;    
}


/* ------------------ NORMAL STRIPED TABLE --------------------- */
.table
{
    margin-bottom: 0px;
}

table tr.even
{
    background-color: #F7F7F7;
}

table tr.odd
{
    background-color: #FFF;
}

.grid-view .table td,
.grid-view table th
{
    border: 1px solid #dadada;
}

.grid-view .table thead:first-child tr:first-child th
{
    border-top: 1px solid #dadada;
}

.grid-view .table tbody td
{
    padding: 4px 8px;
    vertical-align: middle;
    -webkit-box-shadow: inset 0px 1px 0px 0px #FFF;
    box-shadow: inset 0px 1px 0px 0px #FFF;
    color: #777;
}

.grid-view table thead th 
{
    text-align: center;
    padding: 7px 12px;
    font-weight: bold;
    background: #F2F2F2;
}


/* ------------------ NESTED COLLAPSIBLE TABLE --------------------- */
.nested-grid *
{
    margin: 0px;
    padding: 0px;
}

.nested-grid table
{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.nested-grid table.nested-table
{
    margin-bottom: 100px;
    width: 100%;
    border: 1px solid #DADADA;
    border-top: none;
}

.nested-grid td
{
    cursor: pointer;
    padding: 4px 8px;
    border: 1px solid #DADADA;
    border-right: none;
    border-bottom: none;
    background-color: #FFF;
}

.nested-grid tr.even td
{
    background-color: #F7F7F7;
}

.nested-grid tr.odd td
{
    background-color: #FFF;
}

.nested-grid td.inner-container
{
    padding: 0px;
    border: none;
}

.nested-grid td.inner-container > div
{
    padding: 0px 0px 2px 4px;
    background-color: #DADADA;
}

.nested-grid tr th:first-child,
.nested-grid tr td:first-child
{
    border-left: none;
    width: 200px;
}
/*nested level2*/
.nested-grid tr td.inner-container td:first-child
{
    width: 196px;
}
/*nested level3*/
.nested-grid tr td.inner-container td.inner-container td:first-child
{
    width: 192px;
}
/*nested level4*/
.nested-grid tr td.inner-container td.inner-container td.inner-container td:first-child
{
    width: 188px;
}
/*nested level5*/
.nested-grid tr td.inner-container td.inner-container td.inner-container td.inner-container td:first-child
{
    width: 184px;
}


/* ------------------ PAGINATION --------------------- */
.pagination ul,
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span,
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span
{
    -webkit-border-radius: 0px;
    border-radius: 0px; 
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* ------------------ UI SORTABLE --------------------- */
ol.sortable
{
    margin-top: 20px;
}

.sortable li .title_container
{
    -webkit-border-radius: 0px;
    border-radius: 0px; 
    background: #F7F7F7;
}

/* ------------------ ALERT --------------------- */
.alert
{
    -webkit-border-radius: 0px;
    border-radius: 0px; 
}

/* ------------------ DASHBOARD/STAT --------------------- */
.stat:nth-child(1)
{
    background-color: #fe402b;
    padding: 15px;
}

.stat:nth-child(2)
{
    background-color: #504f63;
    padding: 15px;
}

.stat:nth-child(3)
{
    background-color: #ffc545;
    padding: 15px;
}

.stat:nth-child(4)
{
    background-color: #9ad268;
    padding: 15px;
}

.stat {
    min-height: 135px !important;
    color: white;
}

.stat .title
{
    font-size: 22px;
    margin-bottom: 15px;
}

.stat .stat-number
{
    font-size: 20px;
    text-align: right;
}

.stat .stat-number span:nth-child(2)
{
    display: inline-block;
    width: 60px;
}

/********************************************
    MEDIA QUERY*
***********************************************/

@media (min-width: 980px)
{
}

@media (min-width: 768px)
{
    .sidebar
    {
        min-height: 100%;
        border-right: 1px solid #DAE3E9;
        border-bottom: 1px solid #DAE3E9;
    }
    
    .top-section
    {
        position: absolute;
        top: 0px;
    }
    
    .span10.wrap-content
    {
        padding: 58px 30px 0px 0px;
    }
    

}

@media (max-width: 980px) 
{
    
}

@media (max-width: 480px) 
{
    
}

/********************************************
    END OF MEDIA QUERY*
***********************************************/

.infobox
{
    text-align: right;
}

tr.keszlet_bontva
{
    background-color: #ffffcc;
}

.displayNone
{
    display: none;
}

#shipclassLinksModal-body
{
	max-height: none;
}

.gallery-readonly .gform,
.gallery-readonly .actions,
.gallery-readonly input
{
	display: none;
}

.tabular-item-bianco
{
    display: none;
}

.contest-delete,
.contest-delete:hover,
.result-delete,
.result-delete:hover
{
    font-weight: normal;
    color: #c00;
}

.sortableGrid tbody td
{
    cursor: move;
}

.GalleryEditor .photo
{
    cursor: move;
}

.gallery-readonly .GalleryEditor .photo
{
    cursor: default;
}

.oldImported
{
    background-color: #ffc !important;
}

.matrix-grid
{
    table-layout: fixed !important;
    width: auto;
}

.matrix-grid th
{
    background-color: #f2f2f2;
    vertical-align: middle;
}

.matrix-grid td
{
    text-align: center;
    vertical-align: middle;
}

.matrix-grid thead th
{
    text-align: left !important;
}

.matrix-grid thead th
{

}

/*
   Vertical text
   by @kizmarh
*/
.vertical-text {
    display: inline-block;
    overflow: hidden;
    width: 1.5em;
}
.vertical-text__inner {
    display: inline-block;
    white-space: nowrap;
    line-height: 1.5;
    transform: translate(0,100%) rotate(-90deg);
    transform-origin: 0 0;
}
/* This element stretches the parent to be square
   by using the mechanics of vertical margins  */
.vertical-text__inner:after {
    content: "";
    display: block;
    margin: -1.5em 0 100%;
}


.null
{
    color: #ffc0cb;
}

.uploaded-file
{
    margin: 15px 0px 15px 0px;
}

.uploaded-file-delete,
.uploaded-file-delete:hover
{
    font-weight: normal;
    color: #c00;
}

.multilang-nav
{
    margin-top: 20px;
    margin-bottom: 10px;
}

.multilang-form-content
{
    margin-top: 15px;
    display: none;

}

.multilang-form-content.show
{
    display: block;
}

.multilang-fieldset
{
    border: solid #ccc 1px;
    padding: 10px 25px 25px 25px;
}

.multilang-fieldset legend
{
    background: none !important;
    border: none !important;
    width: auto;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    color: #588fb5;
    font-weight: bold;
}

label
{
    color: #40779d;
    font-weight: bold;
}

.checkbox label
{
    font-weight: normal;
    color: #555;
}

.heading
{
    font-weight: bold;
}

.event-row-approved
{
    background-color: #C5FBBD;
}

.event-row-rejected
{
    background-color: #ffa6a6;
}

.event-row-pending
{
    background-color: #ffffc1;
}

.fom-menu-active a
{
    font-weight: bold;
}

.breadcrumb-node
{
    margin-top: 20px;
}

.breadcrumb-node *
{
    font-size: 16px;
}

.button-column .delete
{
    margin-left: 10px;
}

#newsletter_preview
{
    margin: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;

}

#newsletter_preview .modal-header,
#newsletter_preview .modal-footer
{
    display: none;
}

#newsletter_preview .modal-body
{
    max-height: none;
    height: 100%;
    overflow: hidden;
    padding: 0px;
}

#newsletter_preview .close
{
    top: 0px;
    left: 0px;
    position: absolute;
    background-color: #c00;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;

}

.ap-title
{
    font-weight:bold;
    color: #588fb5;
}

.global_offer td
{
    background-color: #bdf;
}

.pointer{
    cursor:pointer;
}

td.temporary{
    background-color: lightgrey;
}

.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height:60px;
    width:60px;
    margin:0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left:6px solid rgba(88,143,181,.15);
    border-right:6px solid rgba(88,143,181,.15);
    border-bottom:6px solid rgba(88,143,181,.15);
    border-top:6px solid rgba(88,143,181,.8);
    border-radius:100%;
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}

#overlay {
    position: fixed;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.7);

}

.add-on{
    height: 30px !important;
    cursor: pointer;
}

.row-admin {
    margin: 15px 0;
}

.row-admin .form-control {
    width: 100%;
}