/* WebBoss Insta* CSS */

::-webkit-scrollbar-thumb {
    background: #707F89;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
    background: #50585D;
}


/*div.top_header, .iconBar {
    color: #ffffff;
    background: #0d0d0d;
}*/

.ui-widget-header{
    background: #0d0d0d;
}
/*
.iconBar {
    color: #FFFFFF;
}*/

/*.iconBar i:hover{
    color:#00b7f1;
}*/

#breadcrumb {
    background-color: #d0d0d0;
    color: #8c8b8b;
}

#breadcrumb .fa {
    color: #8c8b8b;
}

#breadcrumb a {
    text-decoration: none;
    font-weight: lighter;
    color: #8c8b8b;
}

ul#adminNav, .nav-new, ul#adminNav li, ul#adminNav li a, li.li-header{
    background-color: #4c4c4c;
    color: #c7c7c7 !important;
}

/*ul#adminNav li a, li.li-header {
    display: inline-block;
    width: 100%;
    padding: 0.5em;
    margin: 0;
    box-sizing: border-box;
    !* border-bottom: 2px inset #E5E5E5; *!
    !* border-top: 1px inset #E5E5E5; *!
    border-radius: 0;
    font-weight: normal;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}*/

div#logo_img {
    background: #141515;
}

div#logo_img img {
    height: auto;
    width: auto;
    padding: 12px 0;
}

/*.statBox {
    background: #333 !important;
}*/


div.upgradeBox a {
    color: #00b7f1 !important;
}

/*.top_header a, .nav a,!* #templ a,*! th a{ color:white !important; }

.top_header a:hover, .nav a:hover, !*#templ a:hover,*! th a:hover{
    !*color:#84939d !important;*!
    color:#5a6065 !important;
}*/

/*.top_header a:visited, .nav a:visited, !*#templ a:visited,*! tr:first-child th a, .blue-header a{ color:whitesmoke; }*/


a.yourSite, a.yourSite:hover, a.yourSite:visited {
    color: #00b7f1 !important;
}

/*#templ a {
  color: #84939d !important;
}*/


a[target=_blank]:after, a[target=blank]:after {
    content: "\f08e";
    padding-left: 3px;
    font-size: 0.5em;
    font-family: FontAwesome;
    vertical-align: super;
    color: inherit;
    font-style: normal;
}


/*a:link, a
{
    color:#00b7f1;
    font-weight:normal;
    font-style:inherit;
    text-decoration: none;
    font-variant:normal;
}
a:visited
{
    color:#008DBA;
    font-weight: 200;
    font-style:normal;
    font-variant:normal;
    text-decoration: none;
}
a:hover
{
    color:#008DBA;
    font-weight:normal;
    font-style:normal;
    text-decoration:underline;
    font-variant:normal;
}
a:active
{
    color:#84939d;
    font-weight:bold;
    font-style:normal;
    text-decoration:overline underline;
    font-variant:normal;
}*/

/*tr:first-child th, .blue-header,
.tr:first-child .th {
    background: #333;
    color: #fff;
}

tr th, .grey-header,
.tr .th {
    background: #3b3b3b;
    color: #efefef;
}*/

th, .th{
    font-weight:normal;
}

#button-link-color{ color: #FFFFFF !important;}

.button-link {
    font-size: 1.1em;
    text-align: center;
    color: #FFF !important;
    padding: 1.1%;
    margin: 0.3em;
    background: #02ACE9;
    width: auto;
    min-width: 50px;
    display: inline-block;
    border: 0;
    font-family: Calibri, 'Asap', sans-serif;
    text-decoration: none !important;
    vertical-align: top;
    transition: all 0.4s ease-in-out;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    border-bottom: 2px solid #0096CB;
}

.button-link:hover{ background: #0096CB; }

.button-link:after {
    content: "" !important;
}

td.designTraining:nth-child(1){
    font-weight: bold;
}

td.designTraining:nth-child(2){
    font-size: 0.9em;;
}

td.designTraining:nth-child(3) {
    font-weight: bold;
    text-align: center;
}

table.alternate_color td {
    border: 1px solid #E0E0E0;
}

table .button-link {
    margin: 0.3em 0 0 0;
}

.button-link.button {
    width: auto;
    min-width: 50px;
}

a#upgradePopup:hover {
    color: #ECECEC !important;
    text-decoration: none;
}
.staff_tab, .public_tab, .templ_tab{ background: #00b7f1; }

.public_tab:hover, .staff_tab:hover, .templ_tab:hover {
    background: #84939d;
    text-shadow: -1px 1px 0 #6B7780;
}

#loading-progress, #logout-progress {
    /* box-shadow: rgba(0, 183, 241, 0.3) 0 0 80px !important; */
}

div.promoBanner {
    background: #00b7f1;
    border-bottom: 2px #84939d solid;
    text-shadow: -1px 1px 0 #84939d;
    padding: 3px 30px;
    z-index: 999;
    position: fixed;
    width:915px;
    top: 2px;
    font-size: 1.1em;
    margin: 0;
    margin-bottom: -15px;
    left:-995px;
}

div.promoBanner:after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #00b7f1;
    left: 100%;
    position: absolute;
    top: 0;
}

.upgradeBox{
    color:#222222;
    display:none;
    width:60% !important;
    height:auto;
    top: 5%;
    /*left: 30% !important;*/
    box-shadow: rgba(0, 183, 241, 0.5) 0 0 80px !important;
    position: fixed;
    cursor: move !important;
}

.upgradeBox h1{
    font-size: 2em;
}

.upgradeBox input[type="text"] {
    font-size: large;
    width: 55px;
    text-transform:uppercase;
}

#standardModal {
    width: 60%;
    top: 15%;
    left: 17%;
    border-radius: 5px;
    border: 10px solid rgba(26, 26, 26, 0.5);
    z-index: 1000;
    cursor: move;
}

/*:focus{
    box-shadow: 0 1px 0 #00b7f1 inset, 0 -1px 0 #00b7f1 inset, 1px 0 0 #00b7f1 inset, -1px 0 0 #00b7f1 inset, 0 0 4px rgba(0, 183, 241, 0.5) !important;
    outline: none;
}*/

.brandColour{ color: #00B7F1; }
BODY.brandColour, .brandColourBackground{ background-color: #00B7F1; color: #FFFFFF; }

/*body.forgotPage, body.loginPage, body.logoutPage, body.setPassPage{
    background-color: #2f2f2f !important; color: #FFFFFF;
}*/

#login_header{
    background: #000;
    border-radius: 0;
}

#login_box4 {
    border: 1px solid #141515;
}

.inputWrap span {
    color: #484848;
    font-weight: normal;
}

.inputWrap h3 span {
    color: #fff;
    font-weight: normal;
}

#login_form{
    margin-top:0.5em;
    color: #484848;
}

.inputWrap i.fa, #login_form h3{
    color: #000000;
}

#login_form input[type="text"], #login_form input[type="password"] {
    padding-left: 31px;
}

.importBlogButton{ background-color: #CCCCCC; text-align: center;}
.importBlogButton a{ color: #FFFFFF;}
.importBlogButton:hover{ /*background-color: #00B7F1; color: #FFFFFF;*/ border-bottom: 10px solid #00b7f1; transition: all 0.4s ease-in-out; }

#blogImportBox {
    float: left;
    width: 30%;
    border: 2px solid #00b7f1;
    border-bottom: 3px solid #00b7f1;
    border-radius: 0.3em;
    margin: 0.5em;
    padding-right: 0.5em;
}
#blogImportBox img{
    float: left;
    padding: 0.5em;
}

table tr:first-child th,
.table .tr:first-child .th {
    /*border-bottom: 1px solid #3a3a3a;*/
}

.nav-new ul ul li a, li.li-header {
    background-color: #2f2f2f  !important;
    color: #ffffff !important;
}

.nav-new ul ul {
    border-left: 0.5em solid #4c4c4c;
}

.nav-new ul ul ul li a {
    background-color: #121212 !important;
    color: #ddd !important;
}

.nav-new ul ul ul {
    border-left: 0.5em solid #2f2f2f;
}

#breadcrumb {
    background-color: #f5f5f5;
    color: #8a8a8a;
}

#breadcrumb a {
    text-decoration: none;
    font-weight: lighter;
    color: #8a8a8a;
}

/*.green_button, a.green_button:link {
    color: #ffffff !important;
    background: #239a55  !important;
}

.green_button:hover, .green_button:focus, a.green_button:link:focus, a.green_button:link:hover {
    color: #239a55  !important;
    border-color: #239a55  !important;
    background: transparent !important;
}

.grey_button, a.grey_button:link, .button-link {
    color: #ffffff !important;
    background: #4c4c4c !important;
}

.grey_button:hover, .grey_button:focus, a.grey_button:link:hover, a.grey_button:link:focus, .button-link:hover {
    color: #4c4c4c !important;
    border-color: #4c4c4c;
    background: transparent !important;
}

.silver_button, a.silver_button:link {
    color: #ffffff !important;
    background: #9E9E9E;
}

.silver_button:hover, .silver_button:focus, a.silver_button:link:hover, a.silver_button:link:focus {
    color: #9E9E9E !important;
    border-color: #9E9E9E;
    background: transparent;
}


.yellow_button {
    color: #ffffff !important;
    background: #d6ae0e !important;
}


.yellow_button:hover, .yellow_button:focus {
    color: #d6ae0e !important;
    background: transparent !important;
    border-color: #d6ae0e !important;
}*/

/*.green, .success {
    border: solid 1px #549420;
    background: url(/admin/images/tick-circle-white.png) 1.1em no-repeat #239a55;
    text-shadow: 0 -1px 0 #2A4A0F;
}*/

.cpTile div{
    color: #333333;
}

.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 #4c4c4c !important;
    background: #222222 !important;
    font-weight: normal;
    color: #fff;
}