/*
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 : Oct 4, 2016, 3:08:49 PM
    Author     : Naimesh
*/
.CreatedTaskLabel {
    border: 2px solid #F0007D;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}

.AssignedTaskLabel {
    border: 2px solid #F29436;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}

.CompletedTaskLabel {
    border: 2px solid #99F135;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}

.HistoryTaskLabel {
    border: 2px solid #0012bf;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}

.BillableTaskLabel {
    border: 2px solid #009688;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    display: none;
}

.prorityCreated {
    background: #F0007D;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    display: table;
    margin: 0 auto 0 auto;
    border: solid 1px #DADADA;
    width: 30px;
    height: 30px;
    text-align: center;
    color: White;
    font-weight: bold;
}

.prorityAssigned {
    background: #F29436;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    display: table;
    margin: 0 auto 0 auto;
    border: solid 1px #DADADA;
    width: 30px;
    height: 30px;
    text-align: center;
    color: White;
    font-weight: bold;
}

.prorityCompleted {
    background: #99F135;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    display: table;
    margin: 0 auto 0 auto;
    border: solid 1px #DADADA;
    width: 30px;
    height: 30px;
    text-align: center;
    color: White;
    font-weight: bold;
}

/*Padding And Marging class */
.paddingLeft0 {
    padding-left: 0;
}

.paddingRight0 {
    padding-right: 5px;
}

.paddingLeft5 {
    padding-left: 5px;
}

.paddingLeft10 {
    padding-left: 10px;
}

.paddingLeft15 {
    padding-left: 15px;
}


.marginRight5 {
    margin-right: 5px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight15 {
    margin-right: 15px;
}

.marginRight2 {
    margin-right: 2px;
}

.marginTop3 {
    margin-top: 2px;
}

/*Multi select DROPDOWN css*/
.multiselect-selected-text {
    float: left;
}

.multiselect-native-select .btn-group {
    width: 100%;
}

.btn-group .multiselect {
    width: 100%;
}

.btn-group .caret {
    float: right;
    margin-top: 9px;
}

.multiselect-container {
    width: 100%;
}

.dashDiv {
    background-image: url(../img/dash.png);
    background-repeat: repeat-x;
    background-position: 0 3px;
    width: 96%;
    height: 10px;
    top: 20px;
    float: right;
    position: relative;
}

@media (min-width: 359px) {
    .dashDiv {
        width: 70%;
    }
}

@media (min-width: 319px) {
    .dashDiv {
        width: 60%;
    }

    #userSearchFrm .box-body {
        padding: 0;
    }
}

@media (min-width: 767px) {
    .dashDiv {
        width: 87%;
    }
}

@media (min-width: 799px) {
    .dashDiv {
        width: 88%;
    }
}

@media (min-width: 979px) {
    .dashDiv {
        width: 92%;
    }
}

@media (min-width: 1279px) {
    .dashDiv {
        width: 94%;
    }
}

.pipe {
    color: #9b010d;
    font-family: Tahoma;
    font-size: 1em;
    font-weight: bold;
    margin: 0 3px;
}

.DetailsBorder {
    border: 1px solid #d9d9d9;
}

.login-box-body, .register-box-body {
    border-radius: 20px;
    border: 2px solid #ff0000;
    box-shadow: 0px 15px 15px 0px;
}

.RedText {
    color: #ff0000;
}

.main-header .logo, .main-footer .logo .logo-lg {
    padding: 2px 15px !important;
}
/*.main-header .logo, .main-footer .logo .logo-mini{
    padding: 27px 15px !important;
}*/
.skin-blue .main-header .logo {
    background: #FFF !important;
}

    .skin-blue .main-header .logo .logo-mini {
        color: #000 !important;
    }

.main-header .logo img {
    max-width: 100%;
    max-height: 50px;
    display: inline-block;
}

.main-footer .logo img {
    max-width: 100%;
    max-height: 25px;
    display: inline-block;
}

.task-status-rd {
    width: 100px;
    float: left;
}

@media (max-width:500px) {
    .logo-lg-footer {
        width: 100%;
        display: inline-block;
        text-align: center;
    }
}

@media (max-width:350px) {
    .task-status-rd {
        width: 100% !important;
        float: left !important;
    }
}

/*table td{
    text-wrap: normal !important;
    word-wrap: break-word !important;
	white-space: normal !important;
	word-break: break-all !important;
  
}
*/


form {
    font: 13px Arial, Helvetica, sans-serif;
}

form-heading {
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}


form li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
}

form label {
    margin: 0 0 3px 0;
    padding: 0px;
    display: block;
    font-weight: bold;
}

form input[type=text],
form input[type=date],
form input[type=datetime],
form input[type=number],
form input[type=search],
form input[type=time],
form input[type=url],
form input[type=email],
form textarea, form .form-control, form .asp_textBox,
form input.input-field,
form .tel-number-field,
form .textarea-field,
form .select-field {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #BEBEBE;
    padding: 7px;
    margin: 0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-box-shadow: inset 2px 2px 2px #eaeaea;
    -webkit-box-shadow: inset 2px 2px 2px #eaeaea;
    box-shadow: inset 2px 2px 2px #eaeaea;
}

    form input[type=text]:focus,
    form input[type=date]:focus,
    form input[type=datetime]:focus,
    form input[type=number]:focus,
    form input[type=search]:focus,
    form input[type=time]:focus,
    form input[type=url]:focus,
    form input[type=email]:focus,
    form textarea:focus, form .form-control:focus, form .asp_textBox:focus,
    form select:focus,
    form input.input-field:focus,
    form .tel-number-field:focus,
    form .textarea-field:focus,
    form .select-field:focus {
        -moz-box-shadow: inset 2px 2px 2px #eaeaea;
        -webkit-box-shadow: inset 2px 2px 2px #eaeaea;
        box-shadow: inset 2px 2px 2px #eaeaea;
        -moz-box-shadow: 0 0 8px #88D5E9;
        -webkit-box-shadow: 0 0 8px #88D5E9;
        box-shadow: 0 0 8px #88D5E9;
        color: #3c8dbc;
        border: 1px solid #88D5E9;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }

form .field-divided {
    width: 49%;
}

form .field-long {
    width: 100%;
}

form .field-select {
    width: 100%;
}

form .field-textarea {
    height: 100px;
}

form input[type=submit], .form input[type=button] {
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}

    form input[type=submit]:hover, .form input[type=button]:hover {
        background: #4691A4;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

form .required {
    color: red;
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: relative;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25em;
    height: 1.25em;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '\2713';
    position: absolute;
    top: .1em;
    left: .3em;
    font-size: 1.3em;
    line-height: 0.8;
    color: #09ad7e;
    transition: all .2s;
    font-weight:bolder;
}

    /* checkbox aspect Without Label*/
    [type="checkbox"]:not(:checked):before,
    [type="checkbox"]:checked:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 1.25em;
        height: 1.25em;
        border: 2px solid #ccc;
        background: #fff;
        border-radius: 4px;
        box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
    }
    /* checked mark aspect Without label */
    [type="checkbox"]:not(:checked):after,
    [type="checkbox"]:checked:after {
        content: '\2713';
        position: absolute;
        top: .1em;
        left: .3em;
        font-size: 1.3em;
        line-height: 0.8;
        color: #09ad7e;
        transition: all .2s;
        padding-right: 3px;
        font-weight: bolder;
    }

    [type="checkbox"]:not(:checked):after {
        opacity: 0;
        transform: scale(0);
    }

    [type="checkbox"]:checked:after {
        opacity: 1;
        transform: scale(1);
    }

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked):before,
[type="checkbox"]:disabled:checked:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked:after {
    color: #999;
}

[type="checkbox"]:disabled{
    color: #aaa;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    border: 2px dotted blue;
}


/* add task/Newpmtask form css*/
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.inline_field {
    padding-left: 10px !important;
}

.footer_btn {
    padding-left: 23px !important;
}

.alert_box_label {
    padding-bottom: 5px !important;
}

.alert_small_box {
    width: 50% !important;
    float: left;
    padding-bottom: 10px;
}

.button_radius {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.vendorboxpadding {
    padding: 6px !important;
    margin: 3px !important;
}

.tbottom {
    padding-bottom: 7px !important;
}

.paddingbottom0 {
    padding-bottom: 0px !important;
}

.floatleft {
    float: left;
}

.radiostatus {
    margin-top: 8px !important;
    margin-right: 3px !important;
}

.boxwidht {
    width: 90px !important;
}

.inline_fieldtask {
    padding-left: 14px !important;
}

.leftpadding_btn {
    padding-left: 10px;
}

.thbottom {
    padding-bottom: 0px !important;
}

.ttop {
    padding-top: 5px !important;
}

.paddingtop0 {
    padding-top: 0px !important;
}

.smap {
    padding-bottom: 2px !important;
    padding-top: 0px !important;
}

.bborder {
    border-top: 0px !important;
}

.idth {
    width: 1% !important;
}

.taskth {
    width: 12% !important;
    white-space: nowrap;
}

.ttopl {
    padding-left: 2px !important;
}

.boxtop {
    padding-top: 0px !important;
}

.loginicon {
    top: 36% !important;
}

.paddingleftbox {
    padding-left: 14px !important;
}

.paddingleftbox1 {
    padding-left: 6px !important;
}

.headerpadding {
    padding: 0px 0px 8px 0px !important;
}

.footer_btn1 {
    padding-left: 15px !important;
}

.footer_btn2 {
    padding-left: 3px !important;
}

.rigthborder0 {
    border-right-width: 0px !important;
}

.bottomborder0 {
    border-bottom-width: 0px !important;
}

.topborder0 {
    border-top-width: 0px !important;
}

.leftborder0 {
    border-left-width: 0px !important;
}

.rightpadding0 {
    padding-right: 0px !important;
}

.leftpadding0 {
    padding-left: 0px !important;
}

.ttopl2 {
    padding-left: 14px !important;
}

.leftpadding3 {
    padding-left: 3px !important;
}

.ttop1 {
    padding-top: 10px !important;
}

.bborderl {
    border-top: 0px !important;
}

.ttopl3 {
    padding-left: 50px !important;
}

.bborderb {
    border-bottom: 0px !important;
}

.paddingleft14 {
    padding-left: 16px !important;
}

.taskth1 {
    width: 15% !important;
}

.ttop9 {
    padding-top: 9px !important;
}

.modal-header-primary {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


fieldset.scheduler-border {
    border-radius: 8px !important;
    border: 2px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    width: inherit; /* Or auto */
    padding: 0 10px; /* To give a bit of padding on the left and right */
    border-bottom: none;
    font-weight: bold;
    margin-left: -11px !important;
    font-size: 13px !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;    
    margin: 0;
}

.prority1 {
    background: #e23442;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    display: table;
    margin: 0 auto 0 auto;
    border: solid 1px #DADADA;
    width: 30px;
    height: 30px;
    text-align: center;
    color: White;
    font-weight: bold;
}
.prority2 {
    background: #ec3d86;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    display: table;
    margin: 0 auto 0 auto;
    border: solid 1px #DADADA;
    width: 30px;
    height: 30px;
    text-align: center;
    color: White;
    font-weight: bold;
}
.prority3 {
    background: #7E42A7;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    display: table;
    margin: 0 auto 0 auto;
    border: solid 1px #DADADA;
    width: 30px;
    height: 30px;
    text-align: center;
    color: White;
    font-weight: bold;
}
.prority4 {
    background: #43A4DB;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    display: table;
    margin: 0 auto 0 auto;
    border: solid 1px #DADADA;
    width: 30px;
    height: 30px;
    text-align: center;
    color: White;
    font-weight: bold;
}
.prority5 {
    background: #95D76E;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    display: table;
    margin: 0 auto 0 auto;
    border: solid 1px #DADADA;
    width: 30px;
    height: 30px;
    text-align: center;
    color: White;
    font-weight: bold;
}
.SoftTerms{
}
ul .removepadding{
    margin-left:-38px !important;
}
.infoArea h6{
    margin: 0;
    align-content:flex-start;
    text-align:left;
    font-size:10px;
}
.alignleft {
    float: left;
}

.alignright {
    float: right;
}
.ms-drop input[type="checkbox"] {
    vertical-align: unset !important;
    margin-right: 8px;
}

.btn-accept {
    color: #fff;
/*    background-color: #44CC44;*/
    background-color: #008d4c;
    border: 1px solid transparent;
    padding: 5px 8px;
    font-size: 12px;
    border-radius: 3px
/*    box-shadow: 0 4px 0 0 #2EA62E;*/
}

.btn-accept:hover {
    background: #449d44;
/*    box-shadow: 0 4px 0 0 #7ED37E;*/
}

.btn-reject {
    color: #FFF;
    background: #d73925;
    border: 1px solid transparent;
    padding: 5px 8px;
    font-size: 12px;
    border-radius: 3px
    /*    box-shadow: 0 4px 0 0 #CB4949;*/
}

.btn-reject:hover {
    background: #ac2925;
/*    box-shadow: 0 4px 0 0 #EF8282;*/
}

.label-accepted {
    color: #fff;
    background-color: #95d76e;
    padding: 3px 10px;
    font-weight: bold;
    border-radius: 3px;
}

.label-billed {
    color: #fff;
    background-color: #46c8f5;
    padding: 3px 10px;
    font-weight: bold;
    border-radius: 3px;
}

.label-assigned {
    color: #fff;
    font-weight: bold;
    background-color: #f29436;
    padding: 3px 10px;
    border-radius: 3px;
}

.label-completed {
    color: #fff;
    font-weight: bold;
    background-color: #449d44;
    padding: 3px 10px;
    border-radius: 3px;
}

.label-created {
    color: #fff;
    font-weight: bold;
    background-color: #ec3d86;
    padding: 3px 10px;
    border-radius: 3px;
}

.profile-link {
    cursor: pointer;
}

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

    .col-md-12 {
        width: 100%;
        float: none;
    }

    .form-group {
        margin-bottom: 20px;
    }

    .task-status-rd {
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .controls {
        display: inline-block;
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .col-lg-2 {
        width: 20%;
    }

    .col-lg-10 {
        width: 80%;
    }

    .task-status-rd {
        margin-right: 15px;
    }
}

.select2-container {
    max-width: 100%;
}

#Store {
    width: 100% !important;
}

.select2-container {
    width: 100% !important;
    max-width: 100%;
}

.select2-container .select2-selection--single {
    width: 100% !important;
}

.col-lg-2 .form-group,
.col-md-12 .form-group {
    width: 100%;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .select2-container {
        width: 100% !important;
    }
}

#clientNameHeader {
    color: #5f6473;
    padding: 15px;
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
}

@media (max-width: 991px) {
    #clientNameHeader {
        font-size: 20px;
        padding: 15px 10px;
    }
}

@media (max-width: 480px) {
    #clientNameHeader {
        font-size: 18px;
        padding: 15px 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 230px;
    }
}