body { font-family: sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: sans-serif; font-weight: bold; }
/* Fixes to support different themes in Admin */
.radio, .checkbox { padding-left: 20px; }
.navbar { border: none; -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; }
.full-width-form .BlogItem-Date .form-group { width: 50%; float: left; padding: 0 15px; }
.full-width-form .form-group, .full-width-form .form-control { width: 100%; }
/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body { padding-top: 50px; }

.no-nav { margin-top: -50px; }

.container-fluid { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: -15px; margin-right: -15px; }

@media (min-width: 768px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: 0; margin-right: 0; }
    .navbar-right { margin-right: 0; }
}

/*
 * Global add-ons
 */

.sub-header { padding-bottom: 10px; border-bottom: 1px solid #eee; }

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top { border: 0; }

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar { display: none; }

@media (min-width: 768px) {
    .sidebar { position: fixed; top: 51px; bottom: 0; z-index: 1000; display: block; padding: 20px; overflow-x: hidden; overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ background-color: #f5f5f5; border-right: 1px solid #eee; }
}

/* Sidebar navigation */
.nav-sidebar { margin-right: -21px; /* 20px padding + 1px border */ margin-bottom: 20px; margin-left: -20px; }
    .nav-sidebar > li > a { padding-right: 20px; padding-left: 20px; }
    .nav-sidebar > .active > a,
    .nav-sidebar > .active > a:hover,
    .nav-sidebar > .active > a:focus { color: #fff; background-color: #428bca; }


/*
 * Main content
 */

.main { padding: 20px; }

@media (min-width: 768px) {
    .main { padding-right: 40px; padding-left: 40px; }
}

.page-header { margin-top: 0; border-bottom: 0; }


/*
 * Placeholder dashboard ideas
 */

.placeholders { margin-bottom: 30px; text-align: center; }
    .placeholders h4 { margin-bottom: 0; }
.placeholder { margin-bottom: 20px; }
    .placeholder img { display: inline-block; border-radius: 50%; }

.footer { background-color: #ffffff; position: fixed; bottom: 0; padding-top: 0; margin-top: 0; }

    .footer hr { margin-top: 0; }

.iframe { margin: 0; border: 0; position: fixed; padding-top: 51px; bottom: 0; height: 100%; padding-left: 0; padding-top: 50px; padding-right: 0; }
.edit-iframe { padding: 0 !important; }
.tab-iframe { border: 0 none; bottom: 0; height: 100%; margin: 0; padding-left: 0; padding-right: 40px; padding-bottom: 178px; top: 162px; position: fixed; width: 100%; left: 40px; }
.edit-panel-controllers input { margin-top: 25px; }
table img, .fileinput-preview.thumbnail { background-image: url('Images/transparentbg.jpg'); }

@media (max-width: 768px) {
    .iframe { width: 100%; }
    .tab-iframe { padding-right: 20px; }
    /*.tab-iframe { margin: 0 0 0 -20px; }*/
}


/* Set width on the form input elements since they're 100% wide by default */
.form-group { max-width: 900px; }

.btn-back { padding-left: 10px; padding-right: 10px; }

.loading table { color: #AAA; }

.pagination { margin: 0 0 20px 0; }

.fileinput-filename { height: 20px; width: 200px; }

@media (min-width: 768px) {
    .filters { padding: 0; }
}

.btn-default { background-color: #eeeeee; }

.table { border-bottom: 1px solid #ddd; }

.mceContentBody, .mce-content-body { padding: 6px 12px; font-size: 14px; color: #555555; background-color: #ffffff; }

.caret.caret-reversed { border-top-width: 0; border-bottom: 4px solid #000000; }

.caret.caret-right { border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid; }

.caret.caret-left { border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-right: 4px solid; }

.breadcrumb.parentchildren { padding: 8px; margin-bottom: 0; background-color: #fff; }

    .breadcrumb.parentchildren > li + li:before { content: ">\00a0"; }

.tab-content h1.page-header, .tab-content .btn-back { display: none; }

.tab-content.main { padding-left: 0px; margin-top: -70px; }

.mceContentBody { padding: 6px 12px; }


/*Custom*/
.nav-pills.filters { margin-top: -34px; margin-bottom: 0; }
    #localizationPills li a, .nav-pills.filters > li > a, .nav-pills.filters > li > span { padding: 5px 10px; display: inline-block; }
    .nav-pills.filters > li > span { display: inline-block; }
a.disabled { cursor: default; opacity: .5; }
.float-right { float: right; }
.margin-5 { margin: 0 5px !important; }
.sidetree .list-group-item:last-child { border-radius: 0 !important; }
.treeview .checkbox { display: inline; }
#recyclebin .treeNew { display: none; }
.sidebar { z-index: 2; }
.sidepanel { padding: 20px !important; background: #ebebeb; z-index: 1 !important; box-shadow: -1px 0 5px #999; border-left: 1px solid #dcdcdc; }
    .sidepanel .page-header { margin: 0; }
    .sidepanel .nav > li > a { padding: 5px 0px; }
.glyphicon-remove.float-right { margin: -10px; cursor: pointer; }
a:hover, a:active, a:focus { outline: 0; }
.clear { clear: both; }
.sidepanel .content { width: 100%; height: 100%; }
.loading { width: 100%; height: 100%; background: url(Images/loader.png) no-repeat center center; }
.page-header { height: 37px; z-index: 0; overflow: hidden; padding-right: 50px; font-size: 30px; margin-bottom: 25px; }
.message-area { margin-top: 20px; }
span.icon { margin-left: 7px; margin-right: 7px; }
span.content-icon { margin-left: -9px; margin-right: -15px; }

.top-alert { left: 0; position: fixed; right: 0; top: 0; z-index: 10000; box-shadow: 0 0 3px #999; }
    .top-alert .alert { margin-bottom: 0 !important; text-align: center; border-radius: 0; }
.gridContactUsRequests { overflow-x: auto; }
/*.appearsInLabelAnchor { width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }*/
/*.appearsInLabelAnchor .caret { right: 3px; position: absolute; top: 13px; }*/
/* Form */
.tree .node-selected { background: #428bca; }
    .tree .node-selected:hover { background: #2f78b7; }
        .tree .node-selected:hover .treeNew { color: white; }
#localizationPills { margin-bottom: 10px; }
.widget-admin input[type=button] { margin-top: 25px; }
.widget-admin .page-header { padding-right: 0; }
.routes-picker .checkbox { margin-left: 10px; }
.routes-picker { background: none repeat scroll 0 0 #fafafa; border: 1px solid #eee; box-shadow: 2px 2px 2px #ddd; margin-top: 5px; max-height: 400px; overflow: auto; position: absolute; width: 400px; z-index: 100; }
.routes-container { display: block; float: right; }
    .routes-container .label { margin-left: 5px; }
        .routes-container .label a { color: white; margin-left: 7px; }
            .routes-container .label a:hover, .routes-container .label a:focus { color: white; text-decoration: none; cursor: pointer; }
.list-group-item { cursor: pointer; height: 31px; line-height: 20px; overflow: hidden; padding: 6px 10px; }
.treeNew { background: none repeat scroll 0 0 #eeeeee; padding-left: 3px; position: absolute; right: 7px; top: 7px; }
.node-selected .treeNew { background: none repeat scroll 0 0 #428bca; }
.node-selected:hover .treeNew { background: #2f78b7; }
.routes-container .label { padding: 3px 8px 4px; font-size: 15px; font-weight: normal; }
li.disabled { opacity: .4; }
.filters .btn-default, .form-control { margin-bottom: 5px; }
#logoutForm .btn-group > a { color: #ddd; }
#logoutForm .caret { border-color: #ddd transparent; }
.edit-panel-controllers .preview { display: none; }
#logoutForm > div { padding-top: 15px; }
/*.edit-panel-controllers .delete { margin-right: 40px; }*/
.validation-summary-errors { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; border-radius: 4px; margin-bottom: 20px; padding: 15px; }
    .validation-summary-errors ul { margin: 0; padding-left: 10px; }
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-rtl.datepicker-orient-left.datepicker-orient-top { display: inline-table !important; }
.editTabList { position: absolute; margin-right: 3px; min-width: 670px; }
.open-list-picker { top: -6px; }
.routesList { margin-top: -13px; }
.preview-font { font-size: 18px; }
.routesListAdmin { margin-top: -2px; }
.routes-containerAdmin { position: relative; top: 6px; }
#deleteModal .modal-dialog { margin-top: 100px; }
.frame { padding: 0; }


/*.colorpicker.dropdown-menu { left: unset !important; right: 25px !important; }
.colorpicker:after, .colorpicker:before { right: 7px; left: unset !important; }*/
label.error { color: #a94442; }

/*Dimmer*/
@-webkit-keyframes spinnerRotate {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spinnerRotate {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spinnerRotate {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}

.generalDimmer .fa { top: 2%; left: 0%; -webkit-animation-name: spinnerRotate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spinnerRotate; -moz-animation-duration: 1s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spinnerRotate; -ms-animation-duration: 1s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; }
.generalDimmer { top: 0; right: 0; font-size: 20px; z-index: 9999999999; background: rgba(0,0,0,0.3); text-align: center; position: fixed; width: 100vw; height: 100vh; color: white !important; }
    .generalDimmer > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

/*custom theme*/
/*custom themer*/
.custom-themer-container label { display: table-row; }
.custom-theme-container legend { margin-bottom: 10px !important; }
.custom-theme-container { display: none; }
.colorpicker-visible { z-index: 200000 !important; display: block !important; }
.custom-theme-panel { overflow: auto; }
.input-div { float: left !important; padding-right: 15px !important; }
.select-div { padding-right: 15px !important; }

.theme-container { width: 20%; position: relative; cursor: pointer; display: inline-block; padding: 0 10px; }
span.primary-color { width: 100%; height: 10px; position: relative; float: left; }
span.secondary-color { width: 100%; height: 10px; position: relative; float: left; }
.theme-container p { margin: 0; padding: 0; }
.margin-top-20 { margin-top: 20px; }
fieldset { clear: both; }
/*login link in admin*/
.AdminLogin { padding-top: 15px; padding-bottom: 15px; }
.user-area.open .dropdown-toggle { box-shadow: none; }
.user-area a { cursor: pointer; }
ul.user-area li { list-style: none; float: right; }
.dropdown-menu { z-index: 10000; }
    .dropdown-menu > li { text-align: left; }
.mega-admin-menu .dropdown-menu li #logoutForm a:focus,.mega-admin-menu  .dropdown-menu > li #logoutForm a:hover,.mega-admin-menu  .dropdown-menu > li > a:hover,.mega-admin-menu  .dropdown-menu > li > a:focus { background-color: #11a7d7; color: #ffffff; text-decoration: none; }
.dropdown-menu li #logoutForm a:focus,.dropdown-menu > li #logoutForm a:hover, .dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus { background-color: #e4e4e4; color: #000; text-decoration: none; }
.bootstrap-select .dropdown-menu li a{border-bottom: 1px solid #ddd;    padding: 7px}
    .dropdown-menu li a { clear: both; color: #333333; display: block; font-weight: normal; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; }
.AdminLogin a { color: #9d9d9d; }
    .AdminLogin a:hover { color: white; }
/**end*/
/*drop down list*/
.open-window h3 { color: #333; }
.open-window { display: block; min-width: 400px; overflow-y: auto; overflow-x: hidden; max-height: 400px; padding: 10px; }
    .open-window .fa-times-circle { color: black; cursor: pointer; }
    .open-window .sidetree li, .open-window .sidetree span { color: black !important; }
.open-window-upper-nav { cursor: pointer; }

.dropdown-menu.inner { padding: 10px; }
    .dropdown-menu.inner h3, .dropdown-menu.inner span { color: #333; }
    .dropdown-menu.inner li a, .dropdown-menu.inner li a span { color: #2780e3; }
/*UI select for admin*/
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color: #e4e4e4 !important}
.dropdown-menu.inner li a, .dropdown-menu.inner li a span {color: #000}
/**/
/*drop down menu on expand*/
.WithoutPlus li { max-width: 400px; height: auto; white-space: normal; }
/**end*/
/*Change Admin Url*/
.h1-input { box-shadow: none; border: none; background-color: transparent; padding: initial; font-size: 30px; font-weight: bold; }
.text-limit { font-size: 30px; font-weight: bold; }
.url-parent { width: calc(100% - 90px); margin-bottom: 34px; display: block; overflow: hidden; height: 36px; }
.new-input { display: table; }
/**end*/

.blog-image-preview .fileinput-preview.thumbnail { width: 344px !important; height: 133px !important; line-height: 133px !important }

.dropdown-menu > li.mix { text-align: center; margin: 4px; }
.mix img { max-height: 100px; max-width: 180px; }


.widget-admin .form-group { max-width: 185px; margin-bottom: 0; }
    .widget-admin .form-group .filters .btn-default { margin-bottom: 0; }

.ui-datepicker { background-color: #fff; border: 1px solid #66AFE9; border-radius: 4px; box-shadow: 0 0 8px rgba(102,175,233,.6); display: none; margin-top: 4px; padding: 10px; width: 240px; }
    .ui-datepicker a,
    .ui-datepicker a:hover { text-decoration: none; }
        .ui-datepicker a:hover,
        .ui-datepicker td:hover a { color: #2A6496; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; }
    .ui-datepicker .ui-datepicker-header { margin-bottom: 4px; text-align: center; }
    .ui-datepicker .ui-datepicker-title { font-weight: 700; }
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next { cursor: default; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; height: 20px; line-height: 1; margin-top: 2px; width: 30px; }
    .ui-datepicker .ui-datepicker-prev { float: left; text-align: left; }
    .ui-datepicker .ui-datepicker-next { float: right; text-align: right; }
    .ui-datepicker .ui-datepicker-prev:before { content: "\e079"; }
    .ui-datepicker .ui-datepicker-next:before { content: "\e080"; }
    .ui-datepicker .ui-icon { display: none; }
    .ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 100%; }
        .ui-datepicker .ui-datepicker-calendar th,
        .ui-datepicker .ui-datepicker-calendar td { text-align: center; padding: 4px 0; }
        .ui-datepicker .ui-datepicker-calendar td { border-radius: 4px; -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; }
            .ui-datepicker .ui-datepicker-calendar td:hover { background-color: #eee; cursor: pointer; }
            .ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; }
    .ui-datepicker .ui-datepicker-current-day { background-color: #4289cc; }
        .ui-datepicker .ui-datepicker-current-day a { color: #fff; }
    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color: #fff; cursor: default; }
.download-cv { font-size: 23px !important; }
.sameframe.delete .fa { color: #a94442 }
.marginB-md { margin-bottom: 15px }
.marginB-sm { margin-bottom: 5px }
.full-width{width:100% !important}