/* here you can put your own css to customize and override the theme */
.style19 {
    position:relative;
    right:5px;
    top:5px
}
.up {
    cursor: pointer;
}
.down {
    cursor: pointer;
}
.topTask {
    cursor: pointer;
}
.taskUp {
    cursor: pointer;
}
.taskDown {
    cursor: pointer;
}
.links {
    position: relative;
    top: -4px;
}
.inline {
    margin-top: 5px;
}
.rel-t-5 { 
    position: relative;
    top: -4px;
}
.header-href i {
    color: #fff;
}
.modal-lg { 
    display: block;
    max-width: 1300px;
    width: 100%; 
}
.margin-0-auto { margin:0 auto }
.btn-primary:hover {
    color: #fff;
    background-color: #1db49e;
    border-color: #1db49e;
}
.purple { color:#81007F }
.btn-blue {
    border-width: 1px;
    padding: 6px 13px;
}
.btn-blue {
    color: #000;
    background: rgba(33,52,179,0.6);
    border-color: rgb(33,52,179)
}
.btn-blue:hover { 
    color: #fff; 
    background: #1db49e;
    border-color:#009689
}
.btn-gray {
    border-width: 1px;
    padding: 6px 13px;
}
.btn-gray {
    color: #000;
    background: rgba(128, 128, 128,0.6);
    border-color: rgb(128, 128, 128);
}
.btn-gray:hover { 
    color: #fff;
    background: #1db49e;
    border-color:#009689
}
.btn-yellow {
    border-width: 1px;
    padding: 6px 13px;
}
.btn-yellow {
    color: #000;
    background: rgba(222,219,75,0.6);
    border-color: rgb(222,219,75)
}
.btn-yellow:hover { 
    color: #fff; 
    background: #1db49e;
    border-color:#009689
}

.btn-red {
    color: #000;
    background: rgba(255,0,0,0.6);
    border-color: rgb(255,0,0)
}
.btn-red:hover { 
    color: rgb(255,0,0); 
    background: #fff;
    border-color:#000;
    font-weight: bolder;
}

.portlet-body { display: none; }
.dark-blue { color:rgb(33,52,179) }
#email > input { 
    display: block;
    padding: 6px 12px;
    margin-bottom: 15px;
}
.email > input  {
    display: block;
    padding: 6px 12px;
    margin-bottom: 15px;
}
.password > input {
    display: block;
    padding: 6px 12px;
    margin-bottom: 15px;
}
.text > input {
    display: block;
    padding: 6px 12px;
    margin-bottom: 15px;
}

.task_options_textarea {
    display: block;
    width: 100%;
    padding: 6px 12px;
    margin-bottom: 2%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input[type=checkbox].general_options {
    height:15px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    text-align: right;
}

.change-org select {
    display: block;
    width: 100%;
    padding: 6px 12px;
    margin-bottom: 2%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.pay-calendar { font-size: 20px;font-weight: 400; }

.vo-tour { margin-bottom:15px }
.vo-tour ul {
    display:table-row;
}
.vo-tour ul li
{
    display: table-cell;
    list-style-type: none;
    margin: 10px;
    vertical-align: middle;
}

.settings-help i { 
    position:relative;
    top:10px;
    left:-35px;
    cursor:pointer;
    color: #aaa;
}

.tasks-help i { 
    position:relative;
    top:-25px;
    cursor:pointer;
    color: #aaa;
}
.add-tasks-help i { 
    position:relative;
    left:55%;
    cursor:pointer;
    color: #aaa;
}
.timelogs-help i { 
    position:relative;
    left:-5px;
    cursor:pointer;
    color: #aaa;
}
.timesheet-help i { 
    position:relative;
    left:-5px;
    cursor:pointer;
    color: #aaa;
}
.accom-help i { 
    position:relative;
    top:0;
    cursor:pointer;
    color: #aaa;
}
.reports-help i { 
    position:relative;
    top:0;
    left:-10%;
    cursor:pointer;
    color: #aaa;
}
.timesheet-print a { 
    position:relative;
    left:-15px;
    cursor:pointer;
    color: #aaa;
}

.priority-groups {
    width:100%;
    height:auto;
    cursor: move;
    color: #474747;
    background-color: rgba(58, 156, 149,0.2);
    padding: 10px 15px;
    border: solid thin #3a9c95;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    list-style: none;
}
.priority_update { 
    background-color:#fff;
}
.priority_update input { 
    margin:3% 0;
}
.priority_update a > i { 
    margin:10% 0;
}
.td5 {
    width: 10%;
}
.td10 {
    width: 10%;
}
.td50 {
    width: 50%;
}
.white {color:#fff}
@media screen and (min-width: 1280px) and (max-width: 1920px) { 
    .pay-timelogs .form-control { position:relative;left:-25% }
    .tz-timelogs .form-control { position:relative;left:-35% }
}

@media screen and (min-width: 1000px) and (max-width: 1920px) { 
    .user-timezone { position:relative;left:30%; }
}

.user-timezone { 
    color:#a2a2a2;
    font-size:14px;
    font-weight: 400
}

.float-left { float: left; }

.style14 { font-size:14px;color:#454545;font-weight:400 }
.style15 { font-size:15px;color:#454545;font-weight:400 }
.style16 { font-size:16px;color:#454545;font-weight:400 }
.style18 { font-size:18px;color:#454545;font-weight:400 }

.width-500 { width: 500px; }
.center { text-align:center }

.project-header h5 { position:relative;left:-40px }
.tasks-header h5 { position:relative;left:30px }
.collapse-icons { float:right;position:relative;left:-15px }


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .page-header.navbar {
        /* Search box */
    }
    .page-header.navbar .search-form.search-form-expanded {
        width: 200px;
    }
    .page-header.navbar .search-form.search-form-expanded .input-group .form-control {
        text-indent: 0;
    }
    .page-header.navbar .search-form.search-form-expanded .input-group .form-control:hover {
        cursor: text;
    }
    .page-header.navbar .search-form.search-form-expanded .input-group .input-group-btn .btn.submit {
        margin-left: 0;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .page-header.navbar {
        /* Header logo */
    }
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        padding: 0;
    }
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        width: 45px;
    }
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default {
        display: none;
    }
    .page-boxed .page-header.navbar {
        /* Page logo */
        /* Top menu */
    }
    .page-boxed .page-header.navbar .page-logo {
        width: 236px;
    }
    .page-boxed .page-header.navbar .top-menu .navbar-nav {
        margin-right: 0px;
    }
    .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar {
        /* Page logo */
    }
    .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar .page-logo {
        width: 46px;
    }
    .page-boxed.page-sidebar-fixed .page-header.navbar {
        /* Page logo */
    }
    .page-boxed.page-sidebar-fixed .page-header.navbar .page-logo {
        width: 235px;
    }
    .page-footer-fixed .page-container {
        margin-bottom: 20px !important;
    }
    .page-content-wrapper {
        float: left;
        width: 100%;
    }
    .page-content-wrapper .page-content {
        margin-left: 0px;
        margin-top: 0px;
        min-height: 600px;
        padding: 25px 20px 10px 20px;
    }
    .page-content-wrapper .page-content.no-min-height {
        min-height: auto;
    }
    .page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
        margin-left: 45px;
    }
    .page-sidebar-reversed .page-content-wrapper .page-content {
        margin-left: 0 !important;
        margin-right: 235px !important;
    }
    .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
        margin-left: 0;
        margin-right: 45px;
    }
    .page-sidebar-reversed.page-sidebar-closed .page-content-wrapper .page-content {
        margin-left: 0 !important;
        margin-right: 45px !important;
    }
    .page-sidebar-closed .page-content-wrapper .page-content {
        margin-left: 0px !important;
    }
    .page-sidebar-closed.page-sidebar-hide .page-content-wrapper .page-content {
        margin-left: 0 !important;
    }
    .page-sidebar-closed.page-sidebar-reversed.page-sidebar-hide .page-content-wrapper .page-content {
        margin-right: 0 !important;
    }
    .page-full-width .page-content-wrapper .page-content {
        margin-left: 0px !important;
    }
    .scroll-to-top {right: 20px}
    .page-footer {clear: left}
    .page-footer-fixed .page-footer {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 10000;
        bottom: 0;
    }
    .page-sidebar-fixed.page-sidebar-closed .page-footer {
        margin-left: 45px;
    }
    .page-sidebar-fixed.page-footer-fixed .page-footer {
        margin-left: 0 !important;
    }
    .page-sidebar-fixed .page-footer {
        margin-left: 235px;
        padding: 8px 20px 5px 20px;
    }
    .page-boxed .page-footer {
        padding: 8px 0 5px 0;
    }
    .page-boxed.page-sidebar-fixed .page-footer {
        padding-right: 20px;
        padding-left: 20px;
    }
    .page-sidebar-reversed.page-sidebar-fixed .page-footer {
        margin-left: 0;
        margin-right: 235px;
        padding: 8px 20px 5px 20px;
    }
    .page-sidebar-reversed.page-sidebar-fixed.page-footer-fixed .page-footer {
        margin-left: 0;
        margin-right: 0;
    }
    .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .page-footer {
        margin-right: 45px;
    }
    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
    }
    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
        box-shadow: none;
    }
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
    }
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
        box-shadow: none;
    }
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
    }
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
        box-shadow: none;
    }

    /* Light sidebar menu */
    .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
        padding: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        border-top: 1px solid #3d4957 !important;
    }

    /* Fixed Sidebar */
    .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0;
    }
    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
        background-color: #fff;
    }
    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
        color: #333;
    }
    .page-boxed {
        background-color: #303a47 !important;
    }
    .page-boxed .page-container {
        background-color: #364150;
        border-left: 1px solid #3d4957;
        border-bottom: 1px solid #3d4957;
    }
    .page-boxed.page-sidebar-reversed .page-container {
        border-left: 0;
        border-right: 1px solid #3d4957;
    }
    .page-boxed.page-sidebar-fixed .page-container {
        border-left: 0;
        border-bottom: 0;
    }
    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
    .page-boxed.page-sidebar-fixed .page-sidebar {
        border-left: 1px solid #3d4957;
    }
    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
        border-right: 1px solid #3d4957;
        border-left: 0;
    }
    .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
        background-color: #303a47 !important;
    }
    .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
        color: #98a6ba;
    }
    .page-sidebar-menu-hover-submenu li:hover a > .arrow {
      border-right: 8px solid #323c4b;
    }
    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
      border-left: 8px solid #323c4b;
    }
    .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
      background: #323c4b !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media (min-width: 992px) and (max-width: 1200px) {
    .page-boxed .page-header.navbar {
        /* Top menu */
    }
    .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
        display: none;
    }
    .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname {
        display: none;
    }
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    
}

@media only screen and (max-width: 991px) {
    
}

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

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .page-header.navbar .page-logo {
        padding-left: 0px;
    }
    .page-content {
        padding: 20px 20px 10px 20px;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
        padding: 5px 10px 0px 10px;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown {
        padding: 5px 5px 0px 5px;
    }
    .dropdown-reports {
        position: relative;
        left: 8px;
    }
    #header_links_bar {
        position: relative;
        left: 17px;
    }
    .header-name-position {
        position: relative;
        left: 0px;
    }
    .switch-container {
        position: relative;
        left: 20px;
    }
    .return_message {
        position: relative;
        /*left: 20px;*/
    }
    #tasks-step4 {
        margin: 0 10px;
    }
    #tasks-step6 {
        margin: 0 10px;
    }
    #user-settings-step2 {
        margin-top: 10px;
    }
    .owner_reports {
        padding-left: 0px !important;
    }
    .margin-40 {
        margin: 10px !important;
    }
    .add-org-form {
        width: 100% !important;
    }
    .form-actions {
        padding-bottom: 15px;
    }
    .inline {
        margin-top: 0px;
    }
    .portlet.light {
        padding: 12px 0 0 0 !important;
    }
    .icon-eye {
        position: relative;
        left: 0px;
    }
    .icon-badge {
        position: relative;
        left: 10px;
    }
    .td5 {
        width: 100% !important;
    }
    .td10 {
        width: 100% !important;
    }
    .td50 {
        width: 100% !important;
    }
    [class^="fa-"], [class^="glyphicon-"], [class^="icon-"], [class*=" fa-"], [class*=" glyphicon-"], [class*=" icon-"] {
        font-size: 17px;
        line-height: 17px;
    }
}

@media only screen and (max-width: 767px) {
    
}

@media only screen and (max-width : 600px) {
    
}

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

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 568px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .page-header.navbar {
        height: 75px;
        min-height: 75px;
    }
    .page-header.navbar .page-logo {
        padding-left: 0px;
    }
    .page-content {
        padding: 45px 20px 10px 20px;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
        padding: 5px 10px 0px 10px;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown {
        padding: 5px 5px 0px 5px;
    }
    .col-xs-12 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .dropdown-reports {
        position: relative;
        left: -3px;
        width: 40px;
    }
    .dropdown-reports a {
        position: relative;
        left: -3px;
        width: 40px;
    }
    #header_links_bar {
        position: relative;
        left: 17px;
    }
    .header-name-position {
        position: relative;
        left: 0px;
    }
    .switch-container {
        position: relative;
        left: 20px;
    }
    .return_message {
        position: relative;
        left: 20px;
    }
    #tasks-step4 {
        margin: 0 10px;
    }
    #user-settings-step2 {
        margin-top: 10px;
    }
    .owner_reports {
        padding-left: 0px !important;
    }
    .margin-40 {
        margin: 10px !important;
    }
    .add-org-form {
        width: 100% !important;
    }
    .form-actions {
        padding-bottom: 15px;
    }
    .top-menu {
        position: relative;
        top: 0px;
    }
    #header_availability_chart {
        position: relative;
        left: -1px;
    }
    .page-footer {
        padding: 30px 20px 5px 20px;
    }
    .children {
        margin: 0 5px;
    }
    [class^="fa-"], [class^="glyphicon-"], [class^="icon-"], [class*=" fa-"], [class*=" glyphicon-"], [class*=" icon-"] {
        font-size: 18px;
        line-height: 18px;
    }
    .padding-control > .col-xs-3 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: right;
    }
    .icon-eye {
        position: relative;
        left: -3px;
    }
    .icon-badge {
        position: relative;
        left: -3px;
    }
    .icon-question {
        position: relative;
        left: 5px;
    }
    .nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right {
        right: -105px;
        left: auto;
    }
}

@media only screen and (max-width : 414px) {
    
}

@media only screen and (max-width : 400px) {
    
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
        padding: 5px 10px 0px 5px;
    }
    .page-header.navbar .page-logo .logo-default {
        width: auto;
        height: 40px;
    }
}