@font-face {
    font-family: 'Oswald-Regular';
    src: url('Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald-Regular.svg#Oswald-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Login Page*/
.login.loginpage {
    /*background: #e9eaec url("../../../../assets/admin/layout/img/login-bg.jpg") no-repeat scroll 0 0;*/
    background:#f7f7f7 none repeat scroll 0 0 !important;
}

.login .content {
    background: #fff none repeat scroll 0 0;
    border:1px solid #cccfd2;
}

.login .content .input-icon.logininput {
    border-left: 2px solid #1775c3 !important;
}

.login .content .form-title.loginhead {
    text-transform: uppercase;
    font-family: 'Oswald-Regular';
}

.login .content .forget-password.forgettxt {
    margin-bottom: 15px;
    margin-top: 0;
}

    .login .content .forget-password.forgettxt a {
        color: #1775c3;
    }

.form-group.marb10 {
    margin-bottom: 10px;
}

.login .content .form-actions.noborder {
    border: none;
}

 .copyright {
    color: #000000 !important;
}

.btn.green-haze.loginbtn {
    background-color: #45bf76;
}

    .btn.green-haze.loginbtn:hover {
        background-color: #39a664;
    }

/*Menu*/
body {
    background-color: #edf0f2;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #333333;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar {
    background-color: #edf0f2;
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, .page-sidebar .page-sidebar-menu > li > a > i {
        color: #90999e;
    }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
        border-top: 1px solid #d0d2d4;
    }

    .page-sidebar .sidebar-toggler {
        margin-bottom: 15px;
    }

    .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
        border-right: 12px solid #dfe2e4;
    }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
        background-color: #1775c3;
    }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
            background-color: #1775c3;
        }

/*header part*/
.page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-user.padt14 {
    padding-top: 14px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #1775c3;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
    color: #fff;
}

/*margin*/
.marb10 {
    margin-bottom: 10px;
}

.marb15 {
    margin-bottom: 15px;
}

.marb20 {
    margin-bottom: 20px;
}

.marb30 {
    margin-bottom: 30px;
}

.marb40 {
    margin-bottom: 40px;
}

.mart10 {
    margin-top: 10px;
}

.marl10 {
    margin-left: 10px;
}

/*padding*/
.padt18 {
    padding-top: 18px;
}

/*Master Page*/
.page-header.navbar .page-logo img {
    margin-top: 5px !important;
}

.page-header.navbar.topwhite {
    background-color: #fff;
}

.page-content.pagebg {
    background-color: #dfe2e4;
}

.page-sidebar .sidebar-toggler,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler {
    width: 29px;
    height: 29px;
}

.page-title {
    color: #34424b;
    font-family: "Oswald-Regular";
    font-size: 30px;
}
/*text-transform: uppercase;*/
.page-subtitle {
    color: #34424b;
    font-family: "Oswald-Regular";
    font-size: 24px;
}
/*text-transform: uppercase;*/

.tablerecords {
    padding-top: 7px;
    float: left;
}

.btn.btn-redsite.importbtn {
    float: right;
    margin-left: 8px;
}

.btn.btn-redsite.exportbtn {
    float: right;
}

.portlet-body.form.commissionform {
    background-color: #fff;
    margin-bottom: 25px;
}

    .portlet-body.form.commissionform .forminfo.marl0 {
        margin-left: 0;
    }

    .portlet-body.form.commissionform .forminfo {
        float: left;
        width: 16%;
        margin-left: 20px;
    }

.table.table-striped.table-bordered.table-hover.commissiontable {
    margin-bottom: 0;
}

table.commissiontable td i.fa.fa-plus-square, table.commissiontable td i.fa.fa-minus-square {
    cursor: pointer;
}

.commissiontable tr.selectedrow {
    background-color: #1775c3 !important;
    color: #fff;
}

.commissiontable tr td.pad0 {
    padding: 0;
    border-top: 0;
}

.commissiontable .blueborder {
    border-left: 3px solid #1775c3;
    border-right: 3px solid #1775c3;
    border-bottom: 3px solid #1775c3;
    padding: 12px;
}

.commissiontable.salesperson .blueborder {
    border: none;
    padding: 15px;
}

.table.table-bordered.table-hover.redtable th, .table.table-bordered.table-hover.redtable td {
    background-color: #dc4544;
    color: #fff;
    border: none;
}

tr.totalsrow td {
    font-size: 14px;
    font-weight: 600;
}

.table-responsive.commissioninnertable {
    overflow-x: hidden;
}

.adjustmentswrapper {
    background-color: #fff;
    margin-bottom: 25px;
}

.adjustmentstable {
    background-color: #fff;
    padding: 8px;
}

.adustmenthead {
    font-family: "Oswald-Regular";
    font-size: 18px;
    text-transform: uppercase;
    color: #34424b;
}

    .adustmenthead span {
        float: left;
        margin-right: 5px;
        margin-top: -2px;
    }

.adjustmentstable td.bottomborder {
    border-bottom: 1px solid #dddddd;
}

.adjustmentstable table td {
    padding: 8px;
}

.adjustmentstable table.table.table-bordered.table-hover td, .table-scrollable.adjustmentstable {
    border: none;
}

/*Site buttons solid*/
.btn.bluesolid {
    color: #FFFFFF;
    background-color: #1875c3;
}

    .btn.bluesolid:hover, .btn.bluesolid:focus, .btn.bluesolid:active, .btn.bluesolid.active {
        color: #FFFFFF;
        background-color: #1364a8;
    }

.btn.greensite {
    background-color: #45bf76;
    color: #ffffff;
}

    .btn.greensite:hover {
        background-color: #259a54;
    }

/*Site buttons border*/
.btn-defaultsite {
    border-width: 1px;
    padding: 6px 13px;
}

.btn-defaultsite {
    color: #333;
    background: none;
    border-color: #898b8c;
}

    .btn-defaultsite:hover, .btn-defaultsite:focus, .btn-defaultsite:active, .btn-defaultsite.active {
        color: #333;
        background-color: #ededed;
        border-color: #b3b3b3;
    }

.btn-bluesite {
    background-color: #fff;
    border: 1px solid #1775c3;
    color: #1775c3;
    padding: 6px 13px;
}

    .btn-bluesite:hover {
        border: 1px solid #1465a9;
        background-color: #1775c3;
        color: #fff;
    }

.btn-redsite {
    background-color: #fff;
    border: 1px solid #dc4544;
    color: #dc4544;
    padding: 6px 13px;
}

    .btn-redsite:hover {
        border: 1px solid #dc4544;
        background-color: #dc4544;
        color: #fff;
    }

/*Site Link*/
.btn-link.bluelink {
    color: #1875c3;
}

.bluetxtlink {
    color: #1875c3;
}

.navbar-nav li a.blacktxtlink {
    color: #333333;
    text-decoration: none;
    padding: 0;
    background: none;
}

    .navbar-nav li a.blacktxtlink:hover {
        color: #333333;
        text-decoration: underline;
        background: none;
    }
/*End buttons & Link*/



.btn.btn-bluesite.pull-right.marr0 {
    margin-right: 0;
}

.commissiontbl-entries {
    padding-top: 18px;
}

.commissiontbl-pagination {
    float: right;
}

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

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

tr.more-info + tr {
    display: none;
}

/*Users Page*/
.form-actions.right1.form-actions-btn {
    background-color: #dfe2e4;
    border: none;
}

.form .form-actions.padl0 {
    padding-left: 0;
}

.form-horizontal .control-label.textalign-left {
    text-align: left;
}

.paginationbar {
    width: 290px;
    margin: 0 auto;
}

.pagination.paginationnumber {
    margin: 0;
}

.resultsvalue {
    float: left;
}

.resulttxt {
    float: left;
    margin-left: 10px;
    padding-top: 8px;
}

.recordstxt {
    padding-top: 8px;
    text-align: right;
}

.portlet-body.form.topfilter {
    background-color: #fff;
    margin-bottom: 25px;
}

    .portlet-body.form.topfilter .location {
        width: 25%;
        padding-left: 0;
        box-sizing: border-box;
        float: left;
    }

    .portlet-body.form.topfilter .role {
        width: 20%;
        padding-left: 20px;
        box-sizing: border-box;
        float: left;
    }

    .portlet-body.form.topfilter .status {
        width: 15%;
        padding-left: 20px;
        box-sizing: border-box;
        float: left;
    }

.page-footer .page-footer-inner {
    color: #000000;
}

/*REPORT PAGE CSS*/
.form .form-body.selectreport {
    padding-left: 0;
}

.portlet-body.form.reportfilter {
    background-color: #fff;
    margin-bottom: 25px;
}

    .portlet-body.form.reportfilter .date {
        box-sizing: border-box;
        float: left;
        padding-left: 0;
        width: 20%;
    }

    .portlet-body.form.reportfilter .location {
        box-sizing: border-box;
        float: left;
        padding-left: 20px;
        width: 25%;
    }

    .portlet-body.form.reportfilter .hascheckbox {
        box-sizing: border-box;
        float: left;
        padding-left: 20px;
        width: auto;
    }

.checkbox-list.hascheck {
    padding-top: 7px;
}


/*AUDIT LOG PAGE CSS*/
.portlet-body.form.auditlogfilter {
    background-color: #fff;
    margin-bottom: 25px;
}

    .portlet-body.form.auditlogfilter .date {
        width: auto;
        float: left;
    }

    .portlet-body.form.auditlogfilter .changemadeby {
        width: 20%;
        float: left;
        padding-left: 20px;
    }

    .portlet-body.form.auditlogfilter .changemadeto {
        width: 20%;
        float: left;
        padding-left: 20px;
    }


.sendamessage, .sendmessageto {
    text-align: right;
    padding-top: 7px;
}

.salesmanager {
    padding: 0 10px;
}

.sendmessageto {
    display: none;
}

    .sendmessageto .cancelmsg {
        padding: 0 10px;
    }

        .sendmessageto .cancelmsg i {
            font-size: 16px;
        }

/*Print Page*/
.page-header-fixed .page-container.printpage {
    margin-top: 0;
}

.printpage .page-content-wrapper .page-content {
    margin-left: 0;
}

.printpage .commissiontable .blueborder {
    border: none;
}

/*29oct2015*/
.page-full-width .page-header.navbar .menu-toggler.responsive-toggler {
    display: none;
}

input.form-control.wid80 {
    min-width: 80px;
}

/*26nov2015*/
a.planedit {
    margin-right: 10px;
}

/*08jan2016*/
.locationerrortxt {color:#FF0000; padding-left:15px;}
.errormsgtxt {color:#FF0000;}

.adjustmentstable.adjustmentsinput table tbody td {padding: 3px;}
.adjustmentstable.adjustmentsinput table tbody td input {padding-left: 5px; padding-right: 5px;}

.mac input.importuploadfile, 
.ipad input.importuploadfile, 
.iphone input.importuploadfile {padding-left: 100px;}

.mac.chrome input.importuploadfile {padding-left:0;}

.portlet-body.form.reportfilter .date.reportdateinput {width:100%;}
label.checkbox-inline.savingscheck, label.checkbox-inline.csicheck {padding-left: 0;}

label.checkbox-inline.savingscheck span.checked {margin-top:-6px;}



/*MEDIA CSS*/
@media (max-width: 1725px) {
    .col-md-9.commissionleft, 
    .col-md-3.commissionright {width: 100%;}
    .adjustmentstable.adjustmentsinput table tbody td {padding: 8px;}
    .adjustmentstable.adjustmentsinput table tbody td input {padding-left: 12px; padding-right: 12px;}
}
@media (max-width: 1450px) {
    .portlet-body.form.auditlogfilter .changemadeby {
        width: 33%;
    }

    .col-md-9.commissionleft, .col-md-3.commissionright {
        width: 100%;
    }

    .portlet-body.form.commissionform .forminfo {
        width: 23%;
    }
}

@media (max-width:1280px) {
    .portlet-body.form.topfilter .location {width: 45%;}
}

@media (max-width:1176px) {
    .portlet-body.form.reportfilter .date {width:25%;}
}

@media (max-width: 1061px) {
    .portlet-body.form.commissionform .forminfo.marl0 {
        padding-left: 0;
    }

    .portlet-body.form.commissionform .forminfo {
        width: 25%;
        padding-left: 20px;
        margin-left: 0;
        box-sizing: border-box;
    }
}

@media (max-width:1024px) {
    .portlet-body.form.auditlogfilter .date {
        width: 50%;
    }

    .portlet-body.form.auditlogfilter .changemadeby {
        width: 50%;
    }

    .portlet-body.form.auditlogfilter .changemadeto {
        padding-left: 0;
        width: 50%;
    }   
}

@media (max-width: 1024px) and (orientation: landscape) {
    .ipad .col-md-2.ipad {width:20%;}
    .ipad .form-horizontal .ipadlabel .control-label.textalign-left.col-md-2 {width: 25%;}
}

@media (min-width: 992px) and (max-width: 1210px) {
    .form-horizontal .ipadlabel .control-label.textalign-left.col-md-2 {width: 25%;}
}


@media (max-width:991px) {
    .portlet-body.form.commissionform .forminfo {
        width: 50%;
    }

        .portlet-body.form.commissionform .forminfo:nth-child(3) {
            padding-left: 0;
        }

    .form-horizontal .userinfoform .control-label {
        margin-bottom: 5px;
    }

    .userinfoform .cellinput {
        margin-bottom: 10px;
    }

    .form-horizontal .userpayplanform .control-label {
        margin-bottom: 5px;
    }

    .portlet-body.form.reportfilter .date, .portlet-body.form.reportfilter .location {
        width: 25%;
    }

    .sendamessage, .sendmessageto {
        padding-top: 0;
        padding-bottom: 20px;
    }
    .errormsgtxt {color:#FF0000; padding-left:15px;}
    
}

@media (max-width:768px) {
    .input-large.auditlogdate {width: 260px !important;}
}


@media (max-width:767px) {
    .commissiontbl-entries {
        padding-top: 0;
    }

    .commissiontbl-pagination {
        float: left;
    }

    .paginationbar {
        margin: 0;
    }

    .recordstxt {
        text-align: left;
    }

    .portlet-body.form.topfilter .location, 
    .portlet-body.form.topfilter .role {
        width: 33%;
        margin-right:15px;
        padding-left:0;
    }

    .portlet-body.form.topfilter .status {
        width: 25%;
        padding-left: 0;
    }

     .portlet-body.form.reportfilter .date, .portlet-body.form.reportfilter .location {
        width: 50%;
    }

    .portlet-body.form.reportfilter .location.locationdropdown {
        padding-left:0;
    }
     

}

@media (max-width:568px) {
    .portlet-body.form.topfilter .location, .portlet-body.form.topfilter .role, .portlet-body.form.topfilter .status {
        width: 100%;
        padding-left: 0;
    }
    .portlet-body.form.topfilter .location {margin-right:0;}
}

@media (max-width:564px) {
    .portlet-body.form.reportfilter .date, .portlet-body.form.reportfilter .location {
        width: 50%;
    }

    .portlet-body.form.reportfilter .hascheckbox {
        padding-left: 0;
    }
}

@media (max-width:530px) {
    .login.loginpage .logo img {
        width: 55%;
    }

    .login.loginpage .logo {
        margin-bottom: 10px;
    }

    .portlet-body.form.commissionform .forminfo {
        width: 100%;
        padding-left: 0;
    }

    .portlet-body.form.auditlogfilter .date {
        width: 100%;
    }

    .portlet-body.form.auditlogfilter .changemadeby {
        width: 100%;
        padding-left: 0;
    }

    .portlet-body.form.auditlogfilter .changemadeto {
        padding-left: 0;
        width: 100%;
    }
}

@media (max-width:479px) {
    .portlet-body.form.reportfilter .date {
        width: 100%;
    }

    .portlet-body.form.reportfilter .location {
        width: 100%;
        padding-left: 0;
    }
}

@media (max-width:370px) {
    .sendamessage, .sendmessageto {
        text-align: left;
    }

    .sendmessagetotxt {
        float: left;
        width: 100%;
        padding-bottom: 5px;
    }

    .salesmanager {
        padding-left: 0;
    }
}

@media (max-width:320px) {
    .login.loginpage .logo {
        margin-bottom: 0;
    }

    .payrollcheck, .checkmsgerror {padding-left:0;}
}

@media print {
    body * {
        visibility: hidden;
    }

    .commissiontable * {
        visibility: visible;
    }

    .commissiontabl {
        position: absolute;
        left: 0;
        top: 0;
    }
}