/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 4 Nov, 2016, 12:09:17 PM
    Author     : pradeep
*/
* {
    font-family: 'Raleway';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.navbar-default {
    background-color: #fff;
    border:none;
    border-bottom: #e7e7e7 1px solid;
    margin-bottom: 0px;
    
}
.navbar-inner{
    /*height: 90px*/
    min-height: 60px
}
.navbar .brand{
    padding: 0 10px;
}
.navbar .nav > li > a {
    padding: 20px 15px;
    /*padding: 35px 15px;*/
}
/*.navbar .nav > li {
    border-left: #e7e7e7 1px solid;
}*/
.navbar .btn-navbar {
    /*margin-right: 0px;*/
    margin-top:15px;
}
.brand img{
    margin-top: 5px
}

.side-panel {
    background-color: #94999a;
    min-height: 100vh;
    border-right: #fff 1px solid;
    padding-top: 0em;
}
.side-panel .row {
    width:100;
    margin: auto;
}
.side-panel a {
    color:#fff;
}
.main-panel {
    min-height: 100vh;
    overflow: hidden;
    overflow-y: auto;
}
.green {
    color:#7ac645;
}
.red,.error-message {
    color:#ff0000;
}
.blue {
    color:#10beca;
}
.btn{
    padding: 0px 12px;
    border-radius: 0px;
}
.btn-sm{
    padding: 0px 10px;
    border-radius: 0px;
}
.btn-green {
    background-color: #7ac645;
    border-color: #7ac645;
    
}

a.btn-green:hover{
    text-decoration: none !important;
}
.btn-grey {
    background-color: #414042;
    border-color: #414042;
    color:#fff;
    
}
.btn-green{
    border-color: #68c943;
    color: #fff;
    background-color: #68c943;
}
.btn-magenta{
    border-color: #d44b5e;
    color: #fff;
    background-color: #d44b5e;
}
.btn-blue{
    border-color: #00aded;
    color: #fff;
    background-color: #00aded;
}
.btn-dark-grey{
    border-color: #404143;
    color: #fff;
    background-color: #404143;

}
.btn-light-green{
    border-color:#6bc943;
    color:#fff;
    background-color: #6bc943;
}
.btn-sea-green{
    border-color:#00a99c;
    color:#fff;
    background-color: #00a99c;
}
.btn-orange{
    border-color:#ff932e;
    color:#fff;
    background-color: #ff932e;
}
a.btn-grey:hover{
    text-decoration: none !important;
}
.circular-green {
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    vertical-align: middle;
    border: #7ac645 1px solid;
    border-radius: 100%;
    display: table-cell;
}
.circular-blue {
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    vertical-align: middle;
    border: #27a9e0 1px solid;
    border-radius: 100%;
    display: table-cell;
}
.green-circular {
    border: #7ac545 1px solid;
    border-radius: 100%;
    height: 2em;
    display: block;
    text-align: center;

    font-size: 1em;
    width: 2em;
    padding-top: 1px;
}
.red-circular {
    border: #c90c32 1px solid;
    border-radius: 100%;
    height: 2em;
    display: block;
    text-align: center;

    font-size: 1em;
    width: 2em;
    padding-top: 1px;
}
.blur{
    -webkit-filter: blur(7px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}
.page-image-div {
    width: 9em;
    margin-left: 2em;
}
.page-title {
    font-size: 3em;
    padding-top: 0.3em;
    margin-left: 0.8em;
}
.page-subtitle {
    font-size: 0.7em;
    text-transform: capitalize;
}
.page-sub-heading {
    position: relative;
    left: 2em;
}
.header {
    margin-top: -0.8em;
}
.process-steps {
    margin-top: 2.5em;
}
#life-ring-holder {
    width:100vw;
    height: 100vh;
    position: absolute;
    top: 2em;
    margin: auto;
    left:50%;
    margin-left: -50vw;
}
#life-ring-holder img {
    margin: auto;
}
#life-ring-holder-close {
    position: absolute;
    top: 1.5em;
    right: 3.5em;
    cursor: pointer;
}
#controls-pitch {
    min-height: 100vh;
    overflow-x: hidden;

}
#search {
    padding-right: 2em;
}
.close-search {
    position: relative;
    left: 12em;
    top: 2em;
}
@media(max-width:767px){
    .activity {
        height: 15em
    }
    .side-panel {
        transition: opacity 5s ease-out;
    }
    .homepage-actions {

        font-size: 1.5em;
    }
    .side-panel-actions {
        width:100%;
        font-size: 0.9em;
    }
    .side-panel-button,.user-list-button,.control-panel-button {
        margin-top: 1vh;
        padding: 6px;
        height: 4em;
        border-radius: 0 8px 8px 0;
        box-shadow: 0px 0px 15px #92c63d;
        color: #92c63d;
        margin-left: -1.1em;
        position: fixed;
        z-index: 1;
        background: #fff;
    }
    .user-list-button {
        right: 0;
        border-radius: 8px 0px 0px 8px;
        margin-top: 20vh;
    }
    .control-panel-button {
        margin-top: 20vh;
        margin-left: 0;
    }
    .side-panel-button a {
        color: #92c63d;
        cursor: pointer;
        display: block;
    }
    .side-panel-button a:hover,.side-panel-button a:active {
        text-decoration: none;
    }
    .h1, h1{font-size: 28px;}
    .page-title {
        font-size: 1em;
        margin-left: 0.1em;
        padding-top: 2em;

    }
    .btn-light-green, .btn-sea-green, .btn-orange, .btn-blue, .btn-light-yellow {

        font-size: 1.2em;
    }
    .same-size {
        width: 100%;
    }
    .create-new {
        position: fixed;
        bottom: 8em;
        right: 0.5em;
        background: #fff;
        border-radius: 100%;
        padding: 0.25em 0.5em 0.25em 0.5em;
    }
    .create-new i
    {
        width: 0;
        height: 0;
        border: none;
        font-size: 5em;

    }
    .user-list {
        position: absolute;
        right: 0;
    }
    .control-panel-list {
        position: absolute;
        left: 0;
    }
    .userlist-open {
        right:25%;
    }
    .control-panel-open {
        left:25%;
    }

}
@media(min-width:768px){
    .activity {
        height: 15em
    }
    .side-panel {
        transition: opacity 5s ease-out;
    }
    .homepage-actions {

        font-size: 1.5em;
    }
    .side-panel-actions {
        width:100%;
        font-size: 0.9em;
    }
    .side-panel-button,.user-list-button,.control-panel-button {
        margin-top: 1vh;
        padding: 6px;
        height: 4em;
        border-radius: 0 8px 8px 0;
        box-shadow: 0px 0px 15px #92c63d;
        color: #92c63d;
        margin-left: -1.1em;
        position: fixed;
        z-index: 1;
        background: #fff;
    }
    .user-list-button {
        right: 0;
        border-radius: 8px 0px 0px 8px;
        margin-top: 20vh;
    }
    .control-panel-button {
        margin-top: 20vh;
    }
    .side-panel-button a {
        color: #92c63d;
        cursor: pointer;
        display: block;
    }
    .side-panel-button a:hover,.side-panel-button a:active {
        text-decoration: none;
    }
    .h1, h1{font-size: 28px;}
    
    .btn-light-green, .btn-sea-green, .btn-orange, .btn-blue, .btn-light-yellow {

        font-size: 1.5em;
    }
    .same-size {
        width: 100%;
    }
    .create-new {
        position: fixed;
        bottom: 8em;
        right: 1em;
        background: #fff;
        border-radius: 100%;
        padding: 0.25em 0.5em 0.25em 0.5em;
    }
    .create-new i
    {
        width: 1em;
        height: 1em;
        border: none;
        font-size: 5em;

    }
    .user-list {
        position: absolute;
        right: 0;
    }
    .control-panel-list {
        position: absolute;
        left: 0;
        overflow-y: scroll;
    }
    .userlist-open {
        right:16.66666667%;
    }
    .control-panel-open {
        left:16.66666667%;
    }
    .brand img{
        margin-bottom: 5px
    }
    .navbar .btn-navbar{
        /*margin-right: -15px;*/
    }
    .navbar .nav > li > a {
        padding: 15px 15px;
    }

}
@media(min-width:992px){
    #controls-pitch,#userslist {
        width: 125px;
    }
    
}
@media(min-width:1200px){

}