@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700);

body {
    font-family: "Source Sans Pro",sans-serif !important;
    /*background-color: #f3f3f3;*/
    background-color: #fff;
    color: #868686 !important;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans Pro",sans-serif !important;
    font-weight: 500 !important;
}

.SectionTitle {
    font-weight: 600 !important;
    color: #666;
}

.ABPanelTitle {
    font-family: "Source Sans Pro",sans-serif !important;
    background-color: #fff;
    color: #EA5732 !important;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase; 
}


.form-control {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    height:32px;
    padding:5px 12px;
    border-radius: 0px!important;
    box-shadow: none!important;
    color: #565656;
    transition: all .3s linear 0s
}

    .form-control:focus {
        box-shadow: none!important;
        border-color: #2b2b2b!important;
    }

    .form-control.sm {
        height: 28px;
        padding: 3px 12px;
    }

*:focus {
    outline: none;
}
.UIHome {
    background-color: #ffffff;
}
input[type="checkbox"]{
    cursor:pointer;
}
.tooltip {
    transition: visibility 0.8s, opacity 1.5s ease-in !important;
}

select[multiple] {
    min-height: 70px;
}

    select[multiple]:focus {
        height: auto;
    }

/* CI info style    */

.sr-folder-container{
    overflow: scroll;
}

.ci-modal-header {
    background-color: #ffffff;
    color: #EA5732;
    padding: 8px 12px;
    border-bottom: 1px solid #ea5732;
    min-height: 34px;
    cursor: move;
}

.ci-modal-title {
    color: #EA5732;
    font-weight: 600;
    text-transform: uppercase;
}

.ci-close {
    color: #EA5732 !important;
    font-weight: 100;
    position: relative;
    cursor: pointer;
    opacity: 0.6 !important;
    font-size: 38px !important;
    margin-left: 4px;
    top: -6px !important;
    color: #ea5732;
}

.ci-btn-black {
    color: #fff !important;
    background: #222;
    border: 1px solid #222;
}

    .ci-btn-black:hover {
        background: #222;
        opacity: .8;
        color: #fff;
        border: 1px solid #222;
    }

.ci-btn-grey {
    background: #d3d3d3;
    border: 1px solid #d3d3d3;
}

    .ci-btn-grey:hover {
        opacity: .8;
        border: 1px solid #d3d3d3;
        background: #d3d3d3;
    }

.ccinfo-modal-header {
    background-color: #ffffff !important;
    color: #EA5732 !important;
    padding: 12px !important;
    border-bottom: 1px solid #ea5732 !important;
    min-height: 16.42857143px;
    cursor: move;
    height: auto !important;
    border-radius: 0px !important;
}

.ccinfo-modal-button {
    color: #EA5732 !important;
    font-weight: 100;
    position: relative;
    cursor: pointer;
    opacity: 0.6 !important;
    font-size: 38px !important;
    margin-left: 4px;
    top: -6px !important;
    color: #ea5732;
}

.ccinfo-modal-title {
    color: #EA5732 !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    position: inherit !important;
}

a:focus {
    outline: none;
}

.label-success i{
    color:#fff!important;
}

/* CI info style   End */
/*Scroll Bar*/
*::-webkit-scrollbar {
    width: 10px !important;
    height: 12px !important;
    background-color: #F5F5F5 !important;
}

*::-webkit-scrollbar-track:vertical {
    background-color: transparent !important;
    border-right: 3px solid white !important;
    border-left: 3px solid white !important;
}

*::-webkit-scrollbar-track:horizontal {
    background-color: transparent !important;
    border-top: 3px solid white !important;
    border-bottom: 3px solid white !important;
}

*::-webkit-scrollbar-track:hover {
    background-color: #ddd !important;
    border: 3px solid white !important;
}

*::-webkit-scrollbar:hover {
    background-color: #5892c4 !important;
}

*::-webkit-scrollbar-button:hover {
    border: 1px solid #555 !important;
}

*::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(to right, #ccc, #bababa) !important; /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ccc, #bababa) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

    *::-webkit-scrollbar-thumb:vertical {
        border-right: 2px solid white !important;
        border-left: 2px solid white !important;
    }

    *::-webkit-scrollbar-thumb:horizontal {
        border-top: 2px solid white !important;
        border-bottom: 2px solid white !important;
    }

    *::-webkit-scrollbar-thumb:hover {
        border: 1px solid #777 !important;
        background: #666 !important; /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #999, #666) !important; /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #999, #666) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

*:hover::-webkit-scrollbar-thumb, body div:hover::-webkit-scrollbar-button {
    visibility: visible !important;
}

*::-webkit-scrollbar-thumb:active {
    border: 2px solid #777 !important;
}

*::-webkit-scrollbar-button:vertical {
    background-color: #bababa !important;
    border-right: 0px solid white !important;
    border-left: 0px solid white !important;
    width: 0px;
    height: 0px;
}

*::-webkit-scrollbar-button:horizontal {
    background-color: #bababa !important;
    border-top: 0px solid white !important;
    border-bottom: 0px solid white !important;
    width: 0px;
    height: 0px;
}

/*End of Scroll Bar*/

iframe {
    /*background-color: #f3f3f3;*/
    z-index: 121;
}

#CreateProjectSection em.error {
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
}

#CreateProjectSection label.error {
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#CreateProjectSection .form-control-feedback {
    position: relative;
    top: -54px;
    font-size: 12px;
    float: right;
    right: 4px;
    height: 28px;
    width: 28px;
    line-height: 28px;
    display: inline-block;
    color: #a94442 !important;
}

#CreateProjectSection input.error {
    border: 1px solid #c69a99 !important;
    width: 100% !important;
    margin-right: 10px;
}

.ganttChartTitle {
    font-size: 25px;
    color: #9e9e9e;
    padding: 11px;
}
/*.menubar {
    background-color: #4c4d4e;
}*/
input#categoryName {
    width: 83%;
    float: left;
}

button#saveCategory {
    margin-top: 1px;
    margin-left: 6px;
}

.categoryTable {
    height: 255px;
    overflow-y: auto;
    width: 100%;
}

table#tblCategoryList {
    width: 95%;
    margin-left: 15px;
    margin-top: 0px;
}

.viewFormFooter table {
    width: 50%;
}

#addRepeaterRow .modal-header.repeaterModalHead {
    padding: 15px 10px !important;
}

.repeaterHeadTitle {
    width: 45%;
    float: none;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-top: 5px !important;
    display: inline;
}

.parentRepKeyDropdown {
    margin-top: -6px;
    margin-right: 5px;
    display: inline-flex;
    float: right;
}

.form-control, .btn {
    border-radius: 0px;
}



label {
    font-weight: normal;
    margin-bottom:2px;
}

.modal .form-control-feedback {
    position: relative !important;
    right: 18px;
    color: #a94442;
    display: initial;
}

.modal span#blankError {
    padding: 5px;
    color: #882323;
    font-size: 10px;
}

.modal label.error {
    margin-top: -2px !important;
    font-size: 12px;
}

#showRepeater .repeater-control span.ControlCaption {
    display: none;
}

#formcontent .form-control-feedback {
    position: relative;
    right: 26px;
    display: inline-block;
    color: #a94442 !important;
}

.SumoSelect > .CaptionCont {
    border: 1px solid #ccc;
}

.error {
    color: #a94442 !important;
    float: left;
    width: 100%;
    padding-top: 5px;
    font-style: normal;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.control-group input.error, .control-group textarea.error, .control-group select.error {
    border: 1px solid #a94442 !important;
}

.remove-margin-top {
    margin-top: 0;
}

form#showOptionsMapping {
    max-height: 450px;
    overflow: auto;
}

#divFormSubmission .col-xs-6 .form-control {
    width: 85%;
    float: left;
}

#divFormSubmission span#optionStatus {
    padding: 8px 4px;
}

#divFormSubmission span#addOption {
    font-size: 14px;
    cursor: pointer;
    color: dimgrey;
}

h2.publishErrorMsg {
    font-family: "Roboto";
    text-align: center;
    color: #acacac;
    margin-top: 150px;
    font-size: 40px;
}

h6.publishProjectMsg {
    font-family: "Roboto";
    text-align: center;
    margin-top: 30px;
    font-size: 14px;
    color: #7d7c7c;
}

    h6.publishProjectMsg .publishProjectMsgBtn {
        background: #fff;
        display: inline-block;
        background-color: #f0f0f0;
        color: #4f7597;
        text-align: center;
        line-height: 12px;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 2px rgba(0,0,0,0.5);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 2px rgba(0,0,0,0.5);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 2px rgba(0,0,0,0.5);
        border: none;
        padding: 8px 22px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        font-size: 14px;
        cursor: pointer;
    }

.replace-control {
    background-color: #939a93;
    color: #fff;
    border-color: #939a93;
    border: 0px;
    margin: 4px;
    padding: 5px 15px !important;
    border-radius: 0px;
    width: 100%;
    outline: none;
}

    .replace-control:hover {
        box-shadow: 0 0 0 2px #fff, 0 0 0 3px #686b68 !important;
        cursor: pointer;
        background-color: #686b68;
        border-color: #686b68;
        color: #fff;
        border: 0px;
        border-radius: 0px;
        outline: none;
    }

.has-error .form-control-feedback {
    color: #a94442;
    padding: 15px 5px;
}

.createProject-header {
    font-weight: bold;
    font-size: initial;
    padding-left: 40px;
    color: #636f7b;
}

/*#CreateProjectSection .form-control {
    height: 35px !important;
}*/

#CreateProjectSection .form-group, .createProject-header {
    margin-bottom: 20px;
}

#addRepeaterRow .control-group.col-md-12 {
    margin-top: 0px !important;
}

/*Icon Styles*/

.fa {
    font-family: FontAwesome;
    font-style: normal !important;
}


.modal .fa {
    font: unset;
}

    .modal .fa:before {
        font-family: FontAwesome;
    }


.fa.fa-check:before {
    padding-right: 3px;
    margin-left: -4px;
}

.fa.fa-close:before {
    padding-right: 3px;
    margin-left: -4px;
}

.fa-trash:before {
    padding-right: 3px !important;
    margin-left: -4px !important;
}

.fa-edit:before {
    padding-right: 3px !important;
    margin-left: -4px !important;
}

.fa-plus:before {
    padding-right: 3px !important;
    margin-left: -4px !important;
}

/*Icon Styles*/

/*Button Styling*/

.btn-style {
    border-radius: 0px !important;
    margin-bottom: 3px !important;
    border: 1px solid transparent !important;
    margin-left: 3px;
}

    .btn-style:hover {
        border-radius: 0px !important;
        border-color: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .btn-style:focus {
        border-radius: 0px !important;
        border-color: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .btn-style:active {
        border-radius: 0px !important;
        border-color: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

.btn-skyblue {
    color: #fff;
    background-color: #38928e !important;
}

    .btn-skyblue:hover {
        color: #fff !important;
        background-color: #6f9e9e !important;
    }

.btn-lightGrey {
    color: black;
    background-color: #d4d2d2;
}

    .btn-lightGrey:hover {
        color: black;
        background-color: #f0f0f0 !important;
    }

.btn-grey {
    color: #fff !important;
    background-color: #6c757d !important;
}

    .btn-grey:hover {
        color: #fff !important;
        background-color: #939a93 !important;
    }

.btn-black {
    color: #fff !important;
    background-color: black !important;
}

    .btn-black:hover {
        color: #fff !important;
        background-color: #d4d2d2 !important;
    }

.btn-blue {
    color: #fff !important;
    background-color: #4a6c96 !important;
}

    .btn-blue:hover {
        color: #fff !important;
        background-color: #5892c4 !important;
    }

.btn-darkBlue {
    color: #fff !important;
    background-color: #3c4a5a !important;
}

#properties-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* Height of the footer */
    border-top: 2px solid lightgray;
    display: table;
}

.noCaseLbl {
    padding: 5px 15px;
}

.searchInfo {
    width: 25% !important;
}

.pagingCdInfo select {
    display: inline-block !important;
    margin-bottom: unset;
}

#table-cases th {
    background-color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(204, 204, 204, 0.7);
}

.cdInfoTbl {
    min-height: 428px;
    max-height: 428px;
    overflow-y: auto;
    padding-top: 4px;
    padding-left: 14px;
    overflow-x: hidden;
}

.pagingCdInfo {
    background-color: #f8f8f8;
    padding-bottom: 5px;
    margin: 0 15px 0 15px;
}

#table-cases th, #table-cases td {
    border: #f1f1f1 1px solid;
    border-collapse: collapse;
    padding: 4px;
    font-size: 13px;
}

#table-cases td {
    color: #666;
    white-space: normal;
    padding: 3px 3px 0px 5px !important;
}

#table-cases tbody tr.odd > td {
    background-color: #fdfdfd;
}

#table-cases tbody > tr.even > td {
    background-color: #fff;
}

#table-cases tbody > tr:hover > td, #table-cases tbody > tr.odd:hover > td, #table-cases tbody > tr.even:hover > td {
    background-color: aliceblue;
}


.properties-footer-content {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    background-color: #fff;
    padding-right: 10px;
}

.btn-darkBlue:hover {
    color: #fff !important;
    background-color: #43484e !important;
}

.btn-red {
    color: #fff !important;
    background-color: #e24444 !important;
}

    .btn-red:hover {
        color: #fff !important;
        background-color: #c15a29 !important;
    }

.btn-green {
    color: #fff !important;
    background-color: #38904a !important;
}

    .btn-green:hover {
        color: #fff !important;
        background-color: #34a534 !important;
    }

.btn-orange {
    background-color: #EA5732 !important;
    color: #fff !important;
    border: 0px !important;
    margin: 4px !important;
    padding: 10px 15px !important;
}

    .btn-orange:hover {
        box-shadow: 0 0 0 2px #fff, 0 0 0 3px #EA5732 !important;
        cursor: pointer;
        background-color: #EA5732 !important;
        color: #fff !important;
        border: 0px !important;
    }

/*Button Styling*/

#projects-options {
    background-color: #fdfcfc !important;
    padding-top: 8px;
    border-bottom: 1px solid #dcdbdb !important;
}

#lblprojects {
    margin-top: 0px !important;
}

    #lblprojects span {
        color: #2b2b2b !important;
        font-size: 16px !important;
        float: left;
        margin-left: 6px;
        margin-top: 2px;
        font-weight: 300 !important;
    }

    #lblprojects .material-icons {
        color: #EA5732 !important;
        float: left;
        font-size: 26px !important;
    }

#copyPublishURL .material-icons {
    color: #868686;
    font-size: 15px;
}

/*#searchinput {
    color: #4f4646 !important;
    background-color: #ffffff !important;
}*/

#searchinput {
    color: #ffffff !important;
    background-color: gray !important;
    text-align: center;
    width: 100%;
}

#projects-options .material-icons {
    /*color: #564e4e !important;*/
    cursor: pointer;
    margin-left: 3px;
}



#projectsListAll {
    color: #868686 !important;
    background-color: #fdfdfd !important;
}

    #projectsListAll .projectsList {
        border-bottom: none !important;
    }

        #projectsListAll .projectsList:hover {
            background-color: rgba(0,0,0,.1) !important;
            box-shadow: 2px 2px 16px #f3f3f3 !important;
        }

.activeProjectCol {
    background: #fff !important;
    padding: 4px 0px 4px 0px !important;
    box-shadow: 2px 2px 16px #f3f3f3 !important;
}

ul.mtree.transit {
    background: #fff !important;
    padding: 10px 0px 10px 10px !important;
    box-shadow: 1px 1px 15px #c8c8c8;
}

    ul.mtree.transit a {
        color: #706868 !important;
    }

    ul.mtree.transit li > a:hover, ul.mtree.transit li.mtree-active > a {
        color: #706868 !important;
        background: rgba(0,0,0,.1) !important;
        box-shadow: 2px 2px 16px #f3f3f3 !important;
    }

    ul.mtree.transit ul > li:hover {
        background: rgba(0,0,0,.1) !important;
        color: #706868 !important;
        box-shadow: 2px 2px 16px #f3f3f3 !important;
    }

    ul.mtree.transit li.mtree-node > ul > li:last-child {
        border-bottom: 0px solid #333 !important;
    }

    ul.mtree.transit li.mtree-node > a:before {
        color: #5c5555 !important;
        font-weight: 700 !important;
    }

li.mtree-node.mtree-open {
    background: #fff !important;
    color: #706868 !important;
}

li.mtree-node.mtree-closed {
    background: #fff !important;
    color: #706868 !important;
}

ul.mtree.transit li.mtree-active > a {
    background: rgba(0,0,0,.1) !important;
    color: #706868 !important;
}

ul.mtree.transit li.mtree-open > a {
    background: rgba(0,0,0,.1) !important;
    color: #706868 !important;
}

.col-lg-2.leftSideBar {
    background-color: #ffffff !important;
    width: 310px !important;
}

#progressBar {
    background-color: #ffffff !important;
    height: 0px !important;
}

#projects-options .material-icons:hover {
    color: #574d4d !important;
}

.container.previewTheme .container input {
    background: #fff !important;
    height: 30px;
    border-radius: 0px !important;
    background-color: #fff;
    font-size: 13px;
    border: 1px solid #e4e7ea;
    border-radius: 0;
    padding: 3px 5px;
    box-shadow: none;
    color: #565656;
    transition: all .3s linear 0s;
    width: 100%;
}

    .container.previewTheme .container input:focus {
        border-color: black;
    }

    .container.previewTheme .container input[type="radio"] {
        color: #666;
        background-color: #fff !important;
        background: #fff !important;
        border: 1px solid #bababa;
        width: 18px !important;
        height: 18px;
        float: left;
        font-size: 13px;
        border-radius: 0px !important;
        box-sizing: border-box;
    }

.container.previewTheme #formcontent .container textarea {
    background: #fff !important;
    border-radius: 0px !important;
    background-color: #fff;
    font-size: 13px;
    border: 1px solid #e4e7ea;
    border-radius: 0;
    padding: 3px 5px;
    box-shadow: none;
    color: #565656;
    transition: all .3s linear 0s;
    width: 100%;
}

    .container.previewTheme #formcontent .container textarea:focus {
        border-color: black;
    }


.jsPanel-theme-default {
    /*background-color: #EA5732;
    color: #fff;*/
}

.jsPanel-headerbar {
    padding: 0px 3px;
}

.create_form .table > tbody > tr > td {
    color: #797979 !important;
}

.jsPanel-titlebar h3 {
    padding-bottom: 1px;
    margin: 10px 5px 6px 8px;
}

.repeater .tabular-controls span.ControlCaption {
    color: #524f4f !important;
    font-weight: 100;
}

.repeater th {
    color: #444242 !important;
    background-color: #f6f6f6 !important;
    font-weight: 100;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
}


#tableComparison th {
    color: #444242 !important;
    background-color: #ffffff !important;
    border: 1px solid #ccdcea !important;
    text-align: center;
    padding: 4px;
    font-size: 12px !important;
}

div#addRepeaterRow input {
    background: #fff !important;
    height: 30px;
    border-radius: 0px !important;
    background-color: #fff;
    font-size: 13px;
    border: 1px solid #e4e7ea;
    border-radius: 0;
    padding: 3px 5px;
    box-shadow: none;
    color: #565656;
    transition: all .3s linear 0s;
    width: 100%;
}

    div#addRepeaterRow input:focus {
        border-color: black !important;
    }

.create_form .rep-label {
    background-color: white;
    border-color: white;
    color: #5b5757 !important;
    float: right;
    padding-right: 10px;
    text-transform: uppercase;
    outline: 0 !important;
    border: none !important;
}

    .create_form .rep-label:hover {
        border-color: white;
        outline: 0 !important;
        color: #6974c7;
        background-color: #fff;
        box-shadow: 0px 0px 0px #fff !important;
        float: right;
        padding-right: 10px;
        text-transform: uppercase;
        border: none !important;
    }

    .create_form .rep-label:focus {
        border-color: white !important;
        color: #6974c7 !important;
        outline: 0 !important;
        background-color: #fff !important;
        box-shadow: 0px 0px 0px #fff !important;
        border: none !important;
    }

    .create_form .rep-label:active {
        border-color: white !important;
        color: #6974c7 !important;
        outline: 0 !important;
        background-color: #fff !important;
        box-shadow: 0px 0px 0px #fff !important;
        border: none !important;
    }


.nav > li > a:hover {
    background-color: #ffffff;
    color: #EA5732;
    border-bottom: 3px solid #EA5732;
}


div#properties-container .nav > li > a {
    color: #767372;
    padding: 8px 15px 6px 15px;
}

div#properties-container .nav-tabs > li.active > a {
    border-bottom-color: #EA5732 !important;
    color: #EA5732;
    padding: 8px 15px 6px 15px;
}

div#properties-container div#properties-title {
    /*color: #EAEAEA;
    background-color: #EA5732 !important;
    font-weight: 300;*/
    font-family: "Source Sans Pro",sans-serif !important;
    background-color: #fff;
    color: #EA5732 !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
} 

#controls-container {
    color: #EAEAEA;
    padding: 1px 1px;
    background-color: #eaeaea !important;
}

    #controls-container h6 {
        color: #EAEAEA;
        padding: 8px 5px;
        margin-top: 2px;
        margin-bottom: 5px;
        float: left;
        width: 100%;
        height: 30px;
        font-weight: 300;
        background-color: #4f4c4c !important;
    }

    #controls-container .control-group.col-md-12 {
        padding: 1px 5px 1px 11px;
        width: 206px;
        background-color: #eee;
        color: #7b7b7b;
    }

        #controls-container .control-group.col-md-12 img {
            display: none;
        }

        #controls-container .control-group.col-md-12 label {
            color: #564f4f;
            font-size: 13px;
        }

nav.navbar.navbar-inverse.formBuilderNav li a {
    color: #7b7b7b;
    font-size: 14px;
    padding: 9px 13px 5px 15px;
}

nav.navbar.navbar-inverse.formBuilderNav {
    border-radius: 0px;
    min-height: 40px;
    background-color: #e6e6e6;
    border-color: #e1e1e1;
}

    nav.navbar.navbar-inverse.formBuilderNav li:hover {
        background-color: #fff;
    }

div#properties-container .nav-tabs {
    height: 37px;
    background-color: #eee;
}

#standardProperties div {
    background-color: #fff;
}

#properties-container {
    background-color: #ffffff;
}

.containerC {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;
    cursor: pointer;
    color: #282828;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .containerC input {
        position: absolute;
        opacity: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #f6f6f6 !important;
    border: 2px solid #bbb8b8 !important;
}

/* On mouse-over, add a grey background color */
.containerC:hover input ~ .checkmark {
    background-color: #f7ad8a !important;
}

/* When the checkbox is checked, add a blue background */
.containerC input:checked ~ .checkmark {
    background-color: #f5f5f5 !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containerC input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.containerC .checkmark:after {
    left: 2px !important;
    top: 2px !important;
    width: 8px;
    height: 8px;
    border: 5px solid #c83f0a !important;
    transform: rotate(0deg) !important;
}

/* Create a custom radio */
.radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: #f6f6f6 !important;
    border: 2px solid #bbb8b8 !important;
}

/* On mouse-over, add a grey background color */
.radio.containerC:hover input ~ .checkmark {
    background-color: #f7ad8a !important;
}

/* When the radio is checked, add a blue background */
.radio.containerC input:checked ~ .checkmark {
    background-color: #f5f5f5 !important;
    border-radius: 50%;
}

/* Create the checkmark/indicator (hidden when not checked) */
.radio.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when radio */
.radio.containerC input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.radio.containerC .checkmark:after {
    left: 2px !important;
    top: 2px !important;
    width: 8px;
    border-radius: 50%;
    height: 8px;
    border: 5px solid #c83f0a !important;
    transform: rotate(0deg) !important;
}

#tab-loginScreenSetting .radio input[type="radio"] {
    display: none;
}

#tab-loginScreenSetting .checkbox input[type="checkbox"] {
    display: none;
}

#tab-loginScreenSetting .accordionLogin dt {
    width: 100%;
    float: left;
}

#tab-loginScreenSetting .accordionLogin div {
    padding: 5px;
}

#form-settings-tabs {
    border-radius: 0px;
    min-height: 35px;
    background-color: #f1f1f1;
    border-color: #c7c7c7;
}

    #form-settings-tabs > li.active > a, #form-settings-tabs > li.active > a:focus, #form-settings-tabs > li.active > a:hover {
        background-color: #ffffff;
        color: #7b7b7b;
        border-bottom: 3px solid #EA5732;
    }

    #form-settings-tabs > li > a:hover {
        background-color: #ffffff;
        color: #7b7b7b;
        border-bottom: 3px solid #EA5732;
    }

    #form-settings-tabs li a {
        border-radius: 0px;
        padding: 9px 13px 5px 15px;
        color: #7b7b7b;
    }

.nav-pills > li > a {
    border-radius: 0px;
}

#tab-tabsettings ul.nav.nav-pills, #tab-datamappingsettings ul.nav.nav-pills, #tab-smartroomsettings ul.nav.nav-pills {
    background-color: #f0f0f0;
    border-color: #333333;
    border-top: 2px solid #dddbdb;
}

#tab-tabsettings .nav-pills > li.active > a, #tab-datamappingsettings .nav-pills > li.active > a, #tab-smartroomsettings .nav-pills > li.active > a {
    background-color: #ffffff;
    font-weight: 300;
    color: #7b7b7b !important;
    border-bottom: 3px solid #EA5732;
}

#tab-tabsettings .nav > li > a:hover, #tab-datamappingsettings .nav > li > a:hover, #tab-smartroomsettings .nav > li > a:hover {
    background-color: #ffffff;
    color: #7b7b7b;
}

#tab-tabsettings ul.nav.nav-pills li a, #tab-datamappingsettings ul.nav.nav-pills li a, #tab-smartroomsettings ul.nav.nav-pills li a {
    color: #7b7b7b;
}

#tab-integration {
    border-radius: 0px;
    min-height: 35px;
    background-color: #1b1b1c;
    border-color: #333333;
    margin-right: -15px;
    margin-left: -15px;
}

#tab-smartroomsettings ul.nav.nav-pills li a {
    float: left;
    padding: 9px 30px 7px 30px;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
}

#menuBarDiv .btn-default {
    color: #7b7b7b;
    background-color: #fff;
    border: 0px solid #ccc;
}

#menuBarDiv {
    background: #fafafc !important;
    border: none !important;
    padding: 1px 2px !important;
}

div#sourceTabControlList {
    border: 1px solid #afb0b0;
    background-color: #fff;
}

div#targetTabControlList {
    border: 1px solid #afb0b0;
    background-color: #fff;
}

select#sourceTab, select#targetTab {
    border: 1px solid #afb0b0;
    background-color: #fff;
}

#projectsListAll .projectsDetailsHide {
    border-bottom: 1px solid #c8c8c8;
    border-top: 0px !important;
    background-color: #ffffff !important;
}

.jsPanel-controlbar * {
    font-size: 14px!important;
}

#jsPanel-replacement-container .jsPanel-replacement.activePanelSidebar {
    /*background-color: #EA5732 !important;*/
}



.jsPanel-replacement .jsPanel-headerbar {
    border-bottom: 1px solid #aaa;
}

.jsPanel-replacement.activePanelSidebar .jsPanel-headerbar {
    border-bottom: 2px solid #EA5732;
}

.jsPanel-replacement .jsPanel-titlebar h3 {
    font-weight: 600!important;
    font-size:13px;
}
/*.jsPanel-headerbar .inActivePanelSidebar {
    border-bottom: 1px solid #666;
}*/
/*.inActivePanelSidebar .jsPanel-headerbar {
    border-bottom: 1px solid #666;
}*/
/*.inActivePanelSidebar .jsPanel-theme-default > .jsPanel-hdr * {
    color: #666;
}*/
#jsPanel-replacement-container .jsPanel-replacement {
    /*background-color: #4f4c4c !important;*/
    width: calc(100% - 18px);
    /* height: 30px; */
    margin-top: 3px;
    margin-left: 9px;
    margin-right: 9px;
    margin-bottom: 5px;
}

.jsPanel-replacement {
    width: calc(100% - 18px);
    height: 32px!important;
}

.jsPanel-controlbar {
    height: 31px;
}

div#jsPanel-replacement-container {
    width: 310px;
    display: block;
    max-height: 318px;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    background: #f1f2f7;
}
div#jsPanel-replacement-container .jsPanel-btn.jsPanel-btn-maximize {
    display:none;
}

    div#jsPanel-replacement-container .jsPanel-btn.jsPanel-btn-maximize {
        display: none;
    }

    div#jsPanel-replacement-container h3.jsPanel-title {
        width: 210px;
        /*margin: 8px 5px 10px 8px;*/
        font-size: 12px;
    }    

/*.inActivePanelSidebar .jsPanel-theme-default, .inActivePanelSidebar.jsPanel-theme-default {
    background-color: #4f4c4c !important;
}*/
.logoHeader {
    background-color: #575757 !important;
    min-height: 36px !important;
}

.navbar-fixed-bottom.footerDesign, .navbar-fixed-bottom.footerDesign .container {
    background-color: #fafafa !important;
    color: #a3a3a3 !important;
}

#projectsListAll::-webkit-scrollbar-track {
    background-color: #aba7a7 !important;
}

#projectsListAll::-webkit-scrollbar-thumb {
    background-color: #e0dede !important;
}

#projectsListAll {
    border-bottom: 1px solid #dedede !important;
    /*height: 51% !important;*/
}

.jsPanel-headerbar {
    min-height: 30px;
}

div#jsPanel-replacement-container::-webkit-scrollbar-track {
    background-color: #aba7a7 !important;
}

div#jsPanel-replacement-container::-webkit-scrollbar-thumb {
    background-color: #e0dede !important;
}

div#jsPanel-replacement-container::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.tempPanelHide {
    display: none;
}

div#tab-formSettings {
    min-height: 370px;
    max-height: 370px;
}

select#sourceTab, select#targetTab {
    width: 77% !important;
}

/*.tooltip-inner
{
    background-color:#fff !important;
    color: #7b7b7b;
     border:1px solid #7b7b7b;
}
.tooltip.left .tooltip-arrow
{ 
    border-left-color:#7b7b7b;
}*/


.label-excel {
    font-size: 100% !important;
    display: none;
    font-weight: normal;
    white-space:pre;
    max-width:80%;
    text-align:left;
}

.row-margin {
    margin: 5px;
}

.loading-image .fa {
    font-size: 20px;
}

.loading-image .message {
    font-size: 12px;
}

.loading-image {
    position: absolute;
    top: 44%;
    left: 48%;
    padding: 10px;
    background: #fff;
    text-align: center;
    margin: -22px 0 0 -22px;
    z-index: 9999;
}

#ciLoadingData {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;    
    background: #fff;
    z-index: 10100000;
    display: none;
}

#containerLoadingData {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10100000;
    display: none;
}
#noUserFoundSRError {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10100000;
    display: none;
}

#containerLoadingDataTempalte {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10100000;
    display: none;
}

#containerLoadingBatchFilePdf {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10100000;
    display: none;
}

.dialogLoadingData {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10100000;
    display: none;
}

.dialogLoadingDataStage {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10100000;
    display: none;
}

.loadingDataOn {
    text-align: center !important;
    vertical-align: middle !important;
    min-height: 200px !important;
    min-width: 200px !important;
    display: block !important;
}
.loadingDataSpinnerOn{
    display: block !important;
}
div#LoadingSpinnerForSR {
    /*top: 2%;*/
    left: 280px;
    padding: inherit;
    margin-top: -15px;
    display: none;
    position: absolute;
}
.loadingDataOnStage {
    text-align: center !important;
    vertical-align: middle !important;
    min-height: 200px !important;
    min-width: 200px !important;
    display: block !important;
}



/*#jsPanelLoadingData {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;  
    z-index: 1; 
}*/
/*iframe body:before {
    content: "\f110";
    font-family: FontAwesome;
    font-size: 20px;   
      position:absolute;
    top: 44%;
    left: 48%; 
    text-align: center;
    z-index:1;
    margin: -22px 0 0 -22px; 
}
iframe body::before { 
     -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}*/

.disabledExcelUploadfile {
    left: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    right: 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 999;
}

#data-submission-close {
    display: none;
}

.displayButtonFooter {
    display: block !important;
}

.hideButtonFooter {
    display: none !important;
}

#loadingDataUpload {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #ddd;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 999;
    display: none;
}

#btn-preview-excel {
    display: none;
}

#primary-data-excel-file-upload .dz-progress {
    display: none !important;
}

#uploadNewExcelFileDialog .ui-mprogress {
    background-color: #1078a7 !important;
    height: 5px;
}

    #uploadNewExcelFileDialog .ui-mprogress .bar-bg {
        background-color: #1078a7;
    }

    #uploadNewExcelFileDialog .ui-mprogress .indeter-bar {
        background-color: #d8720d;
        height: 5px !important;
    }

#pfaFileProgress .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}

#pfaFileProgress .ui-mprogress {
    background-color: #1078a7 !important;
    height: 5px;
}

    #pfaFileProgress .ui-mprogress .bar-bg {
        background-color: #1078a7;
    }

    #pfaFileProgress .ui-mprogress .indeter-bar {
        background-color: #d8720d;
        height: 5px !important;
    }


.fileNameAlign {
    text-align: left;
}

#rejectFileDivSubmission {
    display: none;
}

.notFoundLable {
    font-size: 12px;
    margin-left: 4px;
}

.disabledBtnOption {
    cursor: not-allowed !important;
    opacity: 0.5;
}

.disabledBtnUploadFile {
    pointer-events: none;
    cursor: not-allowed !important;
    opacity: 0.5;
}

.excelTempImg {
    background: url(images/exceBgIcon.jpg) no-repeat;
    background-size: 100%;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    /*float: right;*/
}

.wordTempImg {
    background: url(images/Logo_Word.png) no-repeat;
    background-size: 100%;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    /*float: right;*/
}

.pdfTempImg {
    background: url(images/logo-pdf.png) no-repeat;
    background-size: 100%;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    float: right;
}

.submissionRecordImg {
    position: absolute;
    cursor: pointer;
    float: left;
    top: inherit;
    margin-left: 7px;
    margin-top: 2px;
    font-size: 15px;
    color: #0f769f;
}

span.glyphicon.glyphicon-trash.deleteUploadedDataExcelFile {
    margin-right: 5px;
}
/*This is added for showing rejected files table with horizontal scrollbar*/
#rejectFileTable.divHScroll {
    height: 150px;
    overflow-y: scroll;
}

span#addNewExcelUploadData {
    font-size: 18px;
    color: #0c688c;
    font-weight: 900;
    float: right;
    cursor: pointer;
}

#uploadNewExcelFileDialog table#uploadedExcelFile, table#rejectFileTable th {
    border: 1px solid #c4c4c4 !important;
    padding: 2px !important;
    background-color: #eee;
    text-align: left;
}

#uploadedFileDetails caption, #mappedFileDetails caption, #tblFilesUsedForForm caption, #tblmappedFilesDetails caption, #uploadedExcelFile caption {
    padding-top: 15px;
    padding-bottom: 3px;
    color: #083f55;
    text-align: left;
    padding-left: 3px;
    font-weight: 600;
}

table#uploadedFileDetails, table#mappedFileDetails, table#tblFilesUsedForForm, table#tblmappedFilesDetails, table#uploadedExcelFile {
    border: 1px solid #c7c7c7;
    margin-bottom: 5px;
}

    table#uploadedFileDetails td, table#mappedFileDetails td, table#tblFilesUsedForForm td, table#tblmappedFilesDetails td, table#uploadedExcelFile td {
        border: 1px solid #c6c6c6;
        padding: 5px !important;
        text-align: left;
        font-size: 13px;
    }

    table#uploadedFileDetails th, table#mappedFileDetails th, table#tblFilesUsedForForm th, table#tblmappedFilesDetails th, table#uploadedExcelFile th {
        color: #444242 !important;
        background-color: #f6f6f6 !important;
        border: 1px solid #c6c6c6;
        padding: 5px !important;
        font-size: 13px;
        text-align: left;
    }

    table#uploadedFileDetails .downloadUploadedDataExcelFile, table#mappedFileDetails .downloadUploadedDataExcelFile, table#tblFilesUsedForForm .downloadUploadedDataExcelFile, table#tblmappedFilesDetails .downloadUploadedDataExcelFile, table#uploadedExcelFile .downloadUploadedDataExcelFile {
        color: #094e69;
        font-size: 14px;
        cursor: pointer;
    }

    table#uploadedFileDetails .deleteUploadedDataExcelFile, table#mappedFileDetails .deleteUploadedDataExcelFile, table#tblFilesUsedForForm .deleteUploadedDataExcelFile, table#tblmappedFilesDetails .deleteUploadedDataExcelFile, table#uploadedExcelFile .deleteUploadedDataExcelFile {
        color: red;
        font-size: 14px;
        cursor: pointer;
        float: right;
    }

#uploadNewExcelFileDialog div#primary-excel-file-upload {
    border: 1px dashed #0f6db0;
    padding: 121px 10px;
}

.excelDatafooter {
    bottom: 0px;
    position: absolute;
    display: block;
    width: 100%;
    border-top: 1px solid #d9d9d9;
    padding: 8px 15px;
    background-color: #eee;
}

button#BtnStartSubmission {
    float: right;
}

#uploadNewExcelFileDialog .modal-header {
    padding: 8px 15px;
}

#uploadNewExcelFileDialog h4.modal-title {
    font-size: 14px;
}

#uploadNewExcelFileDialog .modal-body {
    /*height:300px;*/
}

#uploadNewExcelFileDialog .modal-footer {
    padding: 5px 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

#warningText {
    font-weight: bold;
}

    #warningText button {
        background-color: #aa0707;
        color: white;
        border: solid;
    }

    #warningText p strong {
        color: red;
        font-weight: bold;
    }

#SpinnerSubmissionDiv {
    margin-top: -50px;
}

    #SpinnerSubmissionDiv img {
        height: 50px;
        width: 50px;
    }
/*#tbl-mainsheet-summary, #tbl-excel-summary {
    display: none;
}*/

#excel-summary, #mainsheet-summary, #btn-excel-mapping, #btn-save-excel-mapping, #btn-preview-excel {
    display: none;
}

#tempdiv {
    display: none;
}

span#repeaterControlTypeDropDown {
    border: 0px;
}

select#repeaterControlList {
    margin-left: -6px;
    margin-top: -5px;
    width: 45%;
}

span#repeaterKeyColNames select {
    width: 30%;
    margin-top: 3px;
    margin-left: 2px;
}

#ConfigureRepeaterControl .form-control {
    width: 70%;
    margin: 2px;
    padding: 2px 6px;
    height: 28px;
    font-size: 12px;
}

span#saverepeatererrormsg {
    border: none;
    font-size: 12px;
    color: #f37676;
    margin-top: -12px !important;
}

#ConfigureRepeaterControl .modal-body {
    min-height: 230px;
}

.truncation-msg {
    font-weight: bold;
    margin: 5px;
}
/*header.main-header, .not-visible {
    display: none;
}*/
#error-div {
    text-align: center;
    color: red;
    font-weight: bold;
    border: 1px dashed;
    padding: 5px;
    display: none;
}

select {
    background-color: #ffffff;
    border: 1px solid #d3d3d3;
    height: 25px;
    line-height: 25px;
    color: #5F3F33;
    border-radius: 0px;
}

    select:focus {
        border-color: #2b2b2b !important;
    }

#previewExcelData {
    width: 100%;
    border: 0px;
}

#excelMappingSave hr {
    border: 1px solid;
    color: #cbc8c8;
}

#previewExcelData footer.bk_footer {
    display: none !important;
}


#previewExcelData table, th, td {
    border: 0px;
}

div#excelMappingSave .modal-dialog.modal-lg {
    width: 85%;
}

div#ExcelTableContainer table thead tr {
    border-bottom: 1px solid #dcd7d7;
}

div#ExcelTableContainer .jtable-main-container table.jtable td {
    border: 1px solid #e6e6e6 !important;
}

div#ExcelTableContainer .jtable-main-container table.jtable th {
    border: 1px solid #e6e6e6 !important;
}

div#ExcelTableContainer .jtable-main-container table.jtable > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9 !important;
}

#excel-submission-summary, #btn-excel-submission {
    /*display:none;*/
}

#excel-submission-status {
    display: none;
}

table a {
    text-decoration: none;
}

    table a:hover {
        color: #696969;
    }

#controls-container .repeatercontrol .control-label-name {
    padding: 0px;
    width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    cursor: pointer;
}

#uplodedExcelFileList tbody tr td:first-child {
    text-align: left;
}

#rejectFileTable td {
    text-align: left;
}

table#rejectFileTable {
    border: 0px;
}

    table#rejectFileTable td {
        border: 1px solid #eee;
        padding: 2px !important;
    }

span.glyphicon.glyphicon-trash.removeUploadedExcelFile {
    color: #7b0e0e;
}

.tableScrollRow {
    max-height: 250px;
    overflow: auto;
}

.tableScrollRowMapped {
    max-height: 150px;
    overflow: auto;
}

.tableScrollRowNew {
    max-height: 200px;
    overflow: auto;
}

.tableScrollRejected {
    max-height: 150px;
    overflow: auto;
}

#primary-data-excel-file-upload .dz-preview.dz-file-preview .dz-image {
    background: url(images/exceBgIcon.jpg) no-repeat;
    background-size: 46px 46px;
    margin: auto;
}

#primary-data-excel-file-upload {
    padding: 0px;
    min-height: 275px;
    max-height: 275px;
}

    #primary-data-excel-file-upload .dz-message {
        text-align: center;
        margin: 8em 0;
    }

    #primary-data-excel-file-upload .dz-preview .dz-image {
        width: 55px;
        height: 55px;
    }

    #primary-data-excel-file-upload .dz-preview .dz-details {
        position: relative;
        padding: 3px;
    }

    #primary-data-excel-file-upload .dz-preview .dz-progress {
        margin-top: -12px;
        height: 8px;
    }

    #primary-data-excel-file-upload .dz-preview .dz-details .dz-size {
        margin-bottom: 0em;
        font-size: 12px;
    }

    #primary-data-excel-file-upload .dz-preview .dz-details .dz-filename {
        width: 100px;
        overflow: hidden;
    }

    #primary-data-excel-file-upload .dz-preview {
        margin: 5px;
        min-height: 100px;
        float: left;
    }

        #primary-data-excel-file-upload .dz-preview .dz-remove {
            font-size: 12px;
        }

.ganttMapScrollData {
    /*height: 440px;
    overflow-x: hidden;
    overflow-y: auto;*/
}

th.actionHeader {
    width: 80px;
}

.repeater td.actButtons {
    width: 80px;
    border: 0px solid !important;
    /*border-right: 1px solid rgb(221, 221, 221) !important;*/
}

.repeater table.table {
    border-right: 1px solid #ccdcea !important;
}

/*.gantt-mapping-display
{
    display :none;
}*/

#btn-addGanttmappingColumn {
    margin-right: 5px;
}

#btn-saveGanttmapping {
    margin-left: 5px;
}

span.rangeToPos {
    float: left;
    position: absolute;
    padding-top: 5px;
    margin-left: -7px;
}

.comparisonFooter {
    margin-top: 10px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}

input#saveComparison {
    margin-right: 10px !important;
}


div#tableScrollComparison {
    overflow-y: auto;
    max-height: 250px;
    min-height: 250px;
    margin-top: 10px;
}

#tableComparison tbody tr:nth-child(2n-1) {
    background-color: #f5f5f5 !important;
    transition: all .125s ease-in-out;
}

#tableComparison tbody > tr > td {
    padding: 4px;
    text-align: center;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ccdcea !important;
    border-style: solid;
    border-image: initial;
    border-width: 0px 1px 1px 0px;
    height: 10px;
    overflow-y: auto;
    font-size: 12px !important;
}

#tableComparison tbody > tr:hover {
    background-color: aliceblue;
}

a.editComparison.edit_calcula.glyphicon.glyphicon-pencil {
    font-size: 13px;
    cursor: pointer;
    color: #767676;
    padding: 0px 5px;
}

    a.editComparison.edit_calcula.glyphicon.glyphicon-pencil:hover {
        cursor: pointer;
        color: blue;
        overflow: hidden;
    }

a.deleteComparison.delete_calcula.glyphicon.glyphicon-remove {
    font-size: 13px;
    cursor: pointer;
    color: #767676;
    padding: 0px 5px;
}

    a.deleteComparison.delete_calcula.glyphicon.glyphicon-remove:hover {
        cursor: pointer;
        color: red;
        overflow: hidden;
    }

#comparison input[type="text"], #comparison select {
    margin-bottom: 8px;
}

div#controlComparison {
    margin-top: 25px;
    border-top: 1px solid #e0e0e0;
    padding-top: 25px;
}

div#staticComparison {
    margin-top: 25px;
    border-top: 1px solid #e0e0e0;
    padding-top: 25px;
}

div#staticBetween {
    margin-top: 25px;
    border-top: 1px solid #e0e0e0;
    padding-top: 25px;
}



#tblCategoryList thead > tr > th {
    color: #444242 !important;
    background-color: #f6f6f6 !important;
    border: 1px solid #ccdcea !important;
    padding: 4px;
    font-size: 12px !important;
    text-align: -webkit-left;
}

#tblCategoryList tbody > tr > td {
    padding: 4px;
    /*text-align: center;*/
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ccdcea !important;
    border-style: solid;
    border-image: initial;
    border-width: 0px 1px 1px 0px;
    height: 10px;
    overflow-y: auto;
    font-size: 12px !important;
}

#tblCategoryList tbody tr:nth-child(2n-1) {
    background-color: #f5f5f5 !important;
    transition: all .125s ease-in-out;
}

#tblCategoryList tbody > tr:hover {
    background-color: aliceblue;
}

#showRepeater span.label-span {
    float: none;
}

span.claimsButtonPos {
    padding-top: 15px;
}

.disableDiv {
    opacity: 0.5;
    background: #CCC;
    pointer-events: none;
}

#objectListSideBar .panel-group {
    margin-left: -15px;
    margin-right: -15px;
}

#objectList .active, #viewsList .active {
    background-color: #ea5732;
    color: #ffffff;
    font-weight: 700;
}

#objectListSideBar {
    /*position: fixed;
     width: 200px;*/
    background-color: #f8f8f8;
    color: #3e3e3e;
    height: 100%;
    z-index: 1;
    box-shadow: 0px 0px 2px #d5d5d5;
    transition: all .5s ease;
}

    #objectListSideBar h6.panel-title, #objectListSideBar h6.panel-title a {
        padding: 0px 5px;
        text-decoration: none;
        font-size: 12px;
        font-weight: 700;
    }

    #objectListSideBar .panel-default > .panel-heading {
        color: #3f3f3f;
        background-color: #f8f8f8;
        border: 0px;
        padding: 8px 0px;
    }

    #objectListSideBar .panel {
        border: 0px;
        box-shadow: none !important;
    }

.addNewObj, .addNewView, .addNewConnection {
    float: right;
    color: #af3a00;
    font-size: 12px;
    cursor: pointer;
}

.mainTitle {
    float: left;
    padding: 0px 4px;
}

span.mainTextTitle {
    padding: 2px 5px;
    font-weight: 700;
    float: left;
}

span.subText {
    padding: 2px 5px;
    float: left;
}

section .checkmark {
    top: 2px;
}

section .form-group label {
    padding: 0px 5px;
}

.objListShow .list-group-item, .objListShow a.list-group-item, .viewListShow .list-group-item, .viewListShow a.list-group-item {
    color: #404040;
    font-size: 12px;
    background-color: #f8f8f8;
    border: 0px;
    padding: 3px 5px 3px 25px;
    text-decoration: none;
    border-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.sideBarSubIcon {
    font-size: 14px;
    padding: 0px 5px;
    /*color: #ea5732;*/
}

.sideBarMainIcon {
    font-size: 18px;
    margin-top: -5px;
    float: left;
    color: #898989;
}

.list-group.objListShow {
    border-top: 0px !important;
}

#objectRightContent {
    /*left: 200px;
    padding-right: 0px !important;
    transition: all .5s ease;*/
}

#viewContent {
    min-height: 480px;
    background-color: #fff;
    max-height: 480px;
    padding: 0px;
}

#objectRightContent .panel {
    border: 0px;
    background-color: #fff;
    box-shadow: none;
    border-bottom: 1px solid #ececec;
    border-radius: 0;
}

#objectRightContent .nav > li > a {
    padding: 9px 8px;
    color: #515151;
}

#objectRightContent .nav > li.active > a {
    background-color: #ffffff;
    border-radius: 0px;
    color: #EA5732;
    border: 0px;
    border-bottom: 3px solid #EA5732;
}

#objectRightContent .nav > li > a span.material-icons {
    font-size: 18px;
    float: left;
    padding: 1px 5px;
}

#objectRightContent .panel-default > .panel-heading {
    color: #41403f;
    background-color: #f5f5f5;
    border-color: #3f3b3b;
    padding: 10px;
}

.btn-head {
    margin: 0px 3px;
    padding: 4px 15px;
}

.objHeadTable {
    width: 100%;
    table-layout: fixed;
}

.objTable {
    width: 100%;
    table-layout: fixed;
}

.objTbl-header {
}

.saveBottom {
    margin: 12px 2px;
}

#viewContainer {
    height: 600px;
    overflow-x: auto;
    margin-top: 0px;
    clear: both;
    padding: 0px 15px;
    padding-right: 25px;
    background-color: #fff;
}

.objTbl-content {
    height: 410px;
    overflow-x: auto;
    margin-top: 0px;
}

.objTbl-header th {
    padding: 6px;
    text-align: left;
    font-size: 12px;
    color: #434343;
    border: 1px solid #d4d4d4;
}

.objTbl-content td {
    padding: 5px;
    border: 1px solid #d4d4d4;
    font-size: 11px;
    color: #434343;
}

.objTbl-content .fldPropTable {
    width: 100%;
}

    .objTbl-content .fldPropTable td {
        padding: 2px;
        border: 1px solid #d4d4d4;
        font-size: 11px;
        color: #434343;
    }

.objTbl-content .viewFldPropTable {
    width: 100%;
}

    .objTbl-content .viewFldPropTable td {
        padding: 2px;
        border: 1px solid #d4d4d4;
        font-size: 11px;
        color: #434343;
    }

.objTbl-content #propTable tr:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px, rgba(0, 0, 0, 0.19) 0px 0px 2px 0px !important;
}

.objTbl-content .selectTd {
    padding: 0px;
}

    .objTbl-content .selectTd select {
        border: 0px;
        padding: 0px 4px;
        width: 100%;
        outline: 0px;
    }

.objTbl-content .propSelectTd select {
    border: 0px;
    padding: 0px 4px;
    width: 94%;
    outline: 0px;
}

.objTbl-content .inputTd {
    padding: 0px;
}

    .objTbl-content .inputTd input {
        border: 0px;
        padding: 0px 4px;
        width: 100%;
        outline: 0px;
    }

.objTbl-content .selectTd select.form-control {
    height: 28px;
    font-size: 12px;
}

#objectRightContent .nav-tabs {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}

span .glyphicon.addNewConIcon {
    padding: 0px 15px;
    font-size: 20px;
    color: #0f9e07;
    cursor: pointer;
}

.advSettIcon {
    font-size: 12px;
    cursor: pointer;
    padding: 0px 5px 0px 7px;
}

.deleteField {
    font-size: 11px;
    cursor: pointer;
    padding: 0px 5px 0px 5px;
}

.saveField {
    font-size: 11px;
    cursor: pointer;
    padding: 0px 5px 0px 5px;
}

.deleteConnection {
    cursor: pointer;
}

.deleteDataRecord {
    cursor: pointer;
    padding: 0px 3px;
}

.addNewRowButton {
    background-color: #ffffff;
    padding: 5px;
    border: 1px solid #d4d4d4;
    font-size: 12px;
    cursor: pointer;
}

.activeBtn {
    background-color: #939a93 !important;
}

/*start*/

.actionsList span#editCon {
    padding: 0px 8px;
    cursor: pointer;
}

.actionsList span#saveCon {
    padding-left: 20px;
    padding-right: 5px;
    cursor: pointer;
}

.actionsList span#addCon {
    padding-left: 20px;
    padding-right: 5px;
    cursor: pointer;
}

.actionsList span#deleteCon {
    cursor: pointer;
}

.disableTd {
    pointer-events: none;
}

.objectIcon {
    color: #474646;
    float: right;
    padding: 3px 5px;
    cursor: pointer;
}

    .objectIcon .material-icons {
        font-size: 16px;
    }

.actionsDataList span#editRowData {
    padding: 0px 8px;
    cursor: pointer;
}

.actionsDataList span#deleteRowData {
    cursor: pointer;
}

#newRecordAddDataForm, #updateDataRecordForm {
    min-width: 300px;
    max-width: 600px;
    min-height: 200px;
    max-height: 400px;
    background-color: #fff;
    overflow: auto;
    margin: 0px auto;
}

    #newRecordAddDataForm .row, #updateDataRecordForm .row {
        margin-left: 0px;
        margin-right: 0px;
    }

div#fieldAddDialog {
    /*min-height: 300px;*/
    max-height: 480px;
    background-color: #fff;
    overflow: auto;
    margin: 0px auto;
}

div#fieldUpdateDialog {
    /*min-height: 300px;*/
    max-height: 480px;
    background-color: #fff;
    overflow: auto;
    margin: 0px auto;
}

.dataHeadt {
    width: 105px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

#BtnDesignObjectDialog img {
    background-color: gray;
    border-radius: 50%;
    padding: 13px;
}

table#create-project-buttons {
    width: 100%;
    cursor: pointer;
}

    table#create-project-buttons td {
        padding: 5px;
    }

        table#create-project-buttons td:hover {
            box-shadow: 0 0 11px rgba(33,33,33,.2);
        }

#create-project-buttons .control-label {
    cursor: pointer;
}

img.newProjectIcon {
    width: 80px;
    padding: 10px;
}

.newProjectSection {
    padding: 20px 37%;
}

table#dataPreviewHeader .checkmark {
    height: 14px;
    width: 14px;
    margin-left: -5px;
    margin-top: -5px;
}

table#dataPreviewHeader .containerC .checkmark:after {
    left: 1px !important;
    top: 1px !important;
    width: 8px;
    height: 8px;
    border: 4px solid #c83f0a !important;
    transform: rotate(0deg) !important;
}

table#dataPreviewContent .checkmark {
    height: 14px;
    width: 14px;
    margin-left: -5px;
    margin-top: -5px;
}

table#dataPreviewContent .containerC .checkmark:after {
    left: 1px !important;
    top: 1px !important;
    width: 8px;
    height: 8px;
    border: 4px solid #c83f0a !important;
    transform: rotate(0deg) !important;
}

#ObjectSectionView label.checkbox.containerC {
    line-height: 5px;
}

label.error {
    font-size: 12px;
}

#advancedPropDialog .modal-header {
    padding: 0px;
}

#advProperty a {
    text-decoration: none;
}

#advancedPropDialog .nav-tabs {
    background-color: #fff;
}

    #advancedPropDialog .nav-tabs .nav > li > a {
        padding: 10px 14px;
    }

#advancedPropDialog div#controlComparison {
    margin-top: 5px;
    border-top: 1px solid #e0e0e0;
    padding-top: 10px;
}

#controlComparison select {
    margin: 2px 0px;
}

.hideLeft {
    left: -0px;
    position: absolute;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.viewFull {
    width: 100% !important;
    left: -10px !important;
}

    .viewFull .leftSidebarToggle {
        transform: rotate(-90deg);
    }

.leftSidebarToggle {
    font-size: 19px;
    color: #ea5732;
    float: left;
    cursor: pointer;
    padding: 0px 5px;
    transform: rotate(90deg);
}

#createObjectDialog .modal-title, #createNewViewDialog .modal-title {
    font-weight: 700;
}

#createObjectDialog .modal-content, #createNewViewDialog .modal-content {
    border-radius: 0px;
}

#createObjectDialog .modal-body, #createNewViewDialog .modal-body {
    padding: 0px 15px 15px 15px;
}

#createObjectDialog .labelTop, #createNewViewDialog .labelTop {
    margin-top: 7px;
}

    #createObjectDialog .labelTop .containerC {
        margin-left: 0px;
    }

#createObjectDialog .modal-footer, #createNewViewDialog .modal-footer {
    padding: 7px 15px 5px 15px;
}


div#ObjectSectionView form {
    padding-top: 15px;
}

.context-nav {
    background-color: #fff;
    padding: 0px;
    border: 1px solid #dfdfe4;
    position: relative;
    height: 34px;
}

    .context-nav a {
        color: #6a6a6a;
        padding: 7px 8px;
        line-height: 1.42857143;
        text-decoration: none;
        float: left;
        padding-left: 0px;
    }

        .context-nav a .material-icons {
            font-size: 18px;
            float: left;
            padding: 1px 5px;
        }

        .context-nav a:hover {
            background-color: #f0f0f0;
            color: #313131;
        }

#newObjectName {
    margin-bottom: 5px;
}

div#objectList, div#viewsList {
    overflow-y: auto;
    max-height: 220px;
}

#objectListSideBar .tooltip {
    min-width: 100px;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .upload-btn-wrapper input[type=file] {
        font-size: 23px;
        width: 63px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

#advancedPropDialog .modal-dialog {
    width: 60% !important;
}

#advancedPropDialog .modal-body {
    max-height: 430px;
    overflow-y: auto;
}

#advProperty .panel-default > .panel-heading {
    color: #41403f;
    background-color: #ffffff;
    border-color: #3f3b3b;
    padding: 10px;
}

#fieldPropDialogTable, #viewFieldPropDialogTable {
    height: 60%;
    width: 300px;
    position: absolute;
    right: 0px;
    top: 10%;
    display: none;
    background-color: #ffffff;
    border: 1px solid #eee;
}

    #fieldPropDialogTable.show, #viewFieldPropDialogTable.show {
        display: block;
    }


[data-notify="progressbar"] {
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 5px;
}

#fieldPropDialogTable.show {
    display: block;
}

#propTable > caption {
    background-color: #F5F5F5;
    border: 1px solid #a9a3a3;
    color: #080808;
    padding: 4px;
}

#viewPropTableFld > caption {
    background-color: #F5F5F5;
    border: 1px solid #a9a3a3;
    color: #080808;
    padding: 4px;
}

#closeProp {
    padding-left: 127px;
    cursor: pointer;
}

#viewCloseProp {
    padding-left: 127px;
    cursor: pointer;
}

.objTableView {
    width: 60%;
    table-layout: fixed;
}

label.filed-label {
    padding: 2px 2px;
    margin-bottom: 0px;
}

.material-icons.dragField {
    float: left;
    cursor: move;
}

.openviewFieldProp {
    float: right;
    padding: 3px 10px;
    cursor: pointer;
}

.fieldControl {
    box-shadow: 0 0px 5px rgba(0,0,0,0.16), 0 0px 3px rgba(0,0,0,0.23);
    margin: 6px 0px;
    padding: 6px;
}

    .fieldControl:hover {
        border: 1px dashed #d9a9a9;
        box-shadow: none;
        margin: 6px 0px;
        padding: 5px;
    }

div#viewLayout {
    float: left;
}

    div#viewLayout .dropdown-menu {
        border-radius: 0px;
    }

#viewContainer .row .col-md-6, #viewContainer .row .col-md-4, #viewContainer .row .col-md-3 {
    min-height: 50px;
    padding: 2px 5px;
    border: 1px dashed #e8e8e8;
}

#viewContainer .row .col-md-12 {
    min-height: 50px;
    border: 1px dashed #e8e8e8;
}

#viewContainer .row .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}


button#editField {
    margin-left: 210px;
    margin-top: 15px;
}


tr.newAddedConn td {
    border: 2px solid #b0b0b0;
}

#viewContainer .row .col-md-12 {
    min-height: 36px;
    margin: 6px 1px;
}

#viewContainer .row .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.fieldControl label {
    padding: 2px 5px;
    margin-top: 0px;
}

button#editField {
    margin-left: 210px;
    margin-top: 15px;
}

.fieldControl hr {
    margin-top: 10px;
    margin-bottom: 5px;
    border: 1px solid #b3b3b3;
}

/*confirmation dialog*/
a.btn.btn-small.btn-grey.btn-sm {
    padding-right: 24px;
    padding-left: 24px;
}

.popover-title {
    margin: 0;
    padding: 10px 35px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.removeObjectLabel {
    float: right;
    font-size: 12px;
    font-weight: 100;
    cursor: pointer;
}

.form-group.objectLabel {
    padding: 5px 5px 0px 5px;
    border-bottom: 2px solid #b3b3b3;
}

.objMSpinner {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #eee;
    background: #fff;
    z-index: 899;
}

.gridViewDisplay .row .col-md-6, .gridViewDisplay .row .col-md-4, .gridViewDisplay .row .col-md-3, .gridViewDisplay .row[data-column-layout="1"] {
    border: 1px dashed #954040 !important;
    padding: 2px 5px;
}

.deleteObject {
    cursor: pointer;
}

.popover-title {
    margin: 0;
    padding: 12px 12px;
    font-size: 12px;
    color: #504444;
    width: 262px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

a.btn.btn-small.btn-lightGrey.btn-sm {
    /* margin-left: 10px; */
    padding-left: 12px;
    padding-right: 12px;
}

#objMsg {
    color: #cc5858;
    font-size: smaller;
}

#fldMsg {
    color: #cc5858;
    font-size: smaller;
}

#objectName {
    margin-bottom: 13px;
}

#objectDescription {
    margin-bottom: 13px;
}

#addObjectInViewDialog .modal-body {
    padding: 0px;
}

/*#actionFieldDialog .modal-dialog, #actionEditFieldDialog .modal-dialog {
    width: 700px;
}*/

.btn-style.fa-pencil:before {
    padding-right: 4px;
    font-size: 12px;
}

.tree-multiselect input[type="checkbox"] {
    width: 14px;
    height: 14px;
}

#createNewConnectionform .col-md-6 {
    margin-bottom: 12px;
}

#createNewConnectionform hr {
    border: 1px solid #eee;
    margin-bottom: 12px;
    margin-top: 2px;
}

.advPropLL {
    display: block;
    border-bottom: 1px solid #cdcdcd;
    padding: 0px 5px;
    margin-bottom: 15px;
    font-weight: 700;
}

.basicPropLL {
    display: block;
    padding: 0px;
    margin-bottom: 15px;
    font-weight: 700;
}

.dialogHeadling {
    text-align: center;
}

ul.tree ul {
    margin-left: 10px;
}

ul.tree li {
    list-style-type: none;
    position: relative;
}

    ul.tree li ul {
        display: none;
    }

    ul.tree li.open > ul {
        display: block;
    }

    ul.tree li a {
        color: black;
        text-decoration: none;
    }

        ul.tree li a:before {
            height: 1em;
            padding: 0 .1em;
            font-size: .8em;
            display: block;
            position: absolute;
            left: -1.3em;
            top: .2em;
        }

    ul.tree li > a:not(:last-child):before {
        content: '+';
    }

    ul.tree li.open > a:not(:last-child):before {
        content: '-';
    }

.smart-tree {
    margin: 0px 0 0 0px;
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid grey;
}

#addNewDDropdown {
    width: 70%;
}

/*end*/
label.duplicateTaxonomyValue {
    font-size: 12px;
    color: #932727;
    padding-top: 5px;
}

.popOutNewWindow {
    float: right;
    font-size: 13px;
    cursor: pointer;
    z-index: 100;
}

.module-menu {
    display: none;
}

.jsPanel-content .module-menu {
    position: absolute;
    background-color: #fff;
    z-index: 999;
}

.row.module-menu-row {
    border-bottom: 3px solid #4087c5;
    background-color: #fff;
}

.row.ci-casestableaction {
    height: 37.9px;
    background-color: #5e6163;
    /*display: inline-block;*/
    width: 100%;
}

div.ci-paging {
    display: inline-block;
    max-height: 37.9px;
    min-width: 768px;
    white-space: nowrap;
}

select.ci-pagesize {
    position: relative;
    padding: 2px;
    /* padding: 3px 4px !important; */
    margin-left: 0px;
    margin-right: 10px;
    line-height: 1.42857143;
    color: #4b4f52;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    font-weight: bold;
    width: 68px;
}

select.ci-chapter {
    color: #4b4f52;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    font-weight: bold;
    width: 110px;
}

span.ci-pagingLabel {
    /*color: #fff;*/
    font-size: 15px;
    padding: 2px;
    font-weight: bold;
    /*display: inline-block;*/
}

span.ci-totalRecordsTable {
    /*color: #fff;*/
    font-size: 14px;
    font-weight: bold;
    padding: 2px 2px 2px 5px;
}

input.ci-pagesize {
    width: 50px;
    /*line-height: 0.428571;
    display: inline-block;*/
    /* margin-right: -3px; */
    /* padding: 3px 0px !important; */
}

input.ci-pagesize {
    color: #4b4f52;
    background-color: #fff;
    font-weight: bold;
    padding: 1px;
    /*display: inline-block;*/
}

a.ci-pagesize {
    display: inline-block;
    /*color: #ffffff;*/
}

span.ci-paging {
    position: relative;
    top: 2px;
    /*display: inline-block;*/
}

table#table-cases .tablesorter-header-inner {
    font-size: 12px;
    font-weight: 400;
    padding: 4px 15px 0px 6px;
    font-family: 'Roboto';
}

#table-cases {
    text-overflow: ellipsis;
    margin: 0px 0 0px !important;
    width: 100% !important;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
}

/*table.tablesorter-blue {
    margin: 0px 0 0px !important;
}*/

.ci-searchInfo {
    width: 80% !important;
}

.ci-range {
    vertical-align: top;
    cursor: pointer;
    font-size: 24px !important;
    margin-left: 4px;
}

.mOptionList {
    margin-top: 20px;
}

.nonsortedoption {
    display: none;
}

.create_form .control-group.col-md-12.selectbsc select.parentSelectDisable, #addRepeaterRow .control-group.col-md-12.selectbsc select.parentSelectDisable {
    background-color: #ededed !important;
    pointer-events: none;
}

a.material-icons {
    cursor: pointer;
}

#existNameError {
    height: 53px;
}

div#ownerNameError {
    height: 52px;
}

/*creditor info styles*/
.ci {
    font-family: 'Source Sans Pro', sans-serif !important;
    text-decoration: none !important;
}

    .ci:hover {
        text-decoration: none !important;
    }

    .ci:focus {
        text-decoration: none !important;
    }

.ciAccordionHead {
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    color: #555555 !important;
    outline: none !important;
}

    .ciAccordionHead:hover {
        color: #23527c !important;
    }

.ciText {
    font-size: 13px !important;
}

.ciSelect {
    min-width: 100% !important;
}

.ciLead {
    font-size: 18px !important;
    font-weight: 300 !important;
    margin-bottom: 10px !important;
}

.nopadding {
    padding: 0 !important;
}


/* additional styles for lp workflow*/
.checkboxDiv {
    min-height: 34px;
    margin-top: 6px;
}


.Editor-editor {
    border: 0px solid black !important;
    max-height: calc(100vh - 400px);
    height: auto;
}
.row-fluid.Editor-container {
    border: 1px solid #d3d3d3!important;
}


    /*.jsPanel-content.jsPanel-content-nofooter {
    height: 578px !important;
}*/
    .pdfList {
    width: 100%;
}

label.taxonomyInProp {
    color: #a94442;
    font-size: 13px;
}

.ui-tooltip {
    padding: 0px !important;
    border: 0px !important;
}

.ui-tooltip-content {
    padding: 10px 15px !important;
    background-color: #444 !important;
    color: #eee;
    font-size: 13px;
    word-break: break-all;
}

#columnListViewTable input[type="checkbox"] {
    margin: 4px 15px 0 !important;
}

.modal label.error.lpValid {
    padding-left: 5px;
    padding-bottom: 5px;
}

#accordionSmartroomFB .lpTable label.error.lpValid {
    position: absolute;
    width:170px;
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        /*max-width: 1400px;*/
    }
}

.control-label-clone {
    padding-left: 5px !important;
    color: #868686 !important;
}

.disableAlertMessage {
    pointer-events: none;
}

.displayLoadingStage {
    display: block !important;
}

#sendToStageModalDialog .modal-dialog.modal-lg {
    width: 1100px !important;
}

#stsPrevStageInfo {
    font-style: italic;
    color: #101010;
}

.usIcon {
    float: right;
    padding-right: 14px;
    padding-top: 2px;
}

.usTempIcon {
    margin-top: 2px;
}

.fileCount {
    font-size: x-small;
    background: #B2B2B2;
    margin: 5px;
    color: #ffffff;
    padding: 2px 5px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
}
/*#smartTree li[role=treeitem] i.jstree-ocl {
    display: none;
}*/
#smartTree span.serial-number {
    padding-right: 5px;
}

.fa.fa-spinner {
    color: #EA5732;
}
label.newCorrErr {
    color: #a94442 !important;
    float: left;
}
div#addNewCorTyp {
    margin-top: 4px;
}


.row.profileUser {
    padding-top: 22px;
    padding-left: 10px;
}
.col-lg-12.excelfooter {
    float: left;
    width: 100%;

}
label.newCorrErr {
    color: #a94442 !important;
    float: left;
}
 	#containerLoadingDataForSR{
	position: absolute;
    left: 170px;
    top: -125px;
    bottom: 200px;
    right: 0;
    /* background: #fff; */
    z-index: 10100000;
    display: none;
	}

/*unset jquery ui fonts*/
.ui-widget {
    font-family: "Source Sans Pro",sans-serif!important;
    font-size: inherit!important;
}

    /*.ui-widget .ui-widget {
        font-size: inherit!important;
    }*/

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: "Source Sans Pro",sans-serif !important;
        font-size: inherit !important;
    }

.table-striped > tbody > tr:nth-of-type(odd){
    background-color:#fdfdfd;
}

th{
    font-weight:600!important;
}

.datepicker{
    border-radius:0px!important;
}
.ProjectSettingsUITable td{
    padding-bottom: 10px;
}
#txt-instantAlertMessage{
    width:100%;
}

#supportedCurrencies, #supportedLanguages {
    height: 100px;
}

textarea:focus {
    border-color: #2b2b2b !important;
}
#txt-smartroomsite, #txt-smartroomfolder {
    font-size: 15px; 
}

.ellipsisLabel { 
    width: 60%;
    word-break: break-all;
    text-overflow: ellipsis;
    padding-left: 3px;
    white-space: nowrap;
    overflow: hidden;
}
.linkLabelLeft {
    float:left;
}
.dropzone {
    border: 2px dashed #dedede!important;
}

.dropzone.dz-drag-hover {
    border: 2px dashed #bbb!important;
}

.multipdfframe {
    height: calc(100vh - 160px);
}

#docTemplate-word-file-upload .dz-preview.dz-file-preview .dz-image {
    background: url(images/Logo_Word.png) no-repeat;
    background-size: 39px 40px;
    margin: auto;
    width: 43px;
    height: 50px;
    margin-top: 12px; 
}

#docTemplate-word-file-upload .dz-preview .dz-details {
    position: relative;
    padding: 3px;
}

#docTemplate-word-file-upload .dz-preview .dz-details .dz-size {
    margin-bottom: 0em;
    font-size: 12px;
}

#docTemplate-word-file-upload .dz-preview .dz-details .dz-filename {
    width: 100px;
    overflow: hidden;
}

label.alertTempErr {
    float: left;
    color: #a94442 !important;
    font-size:12px;
}

#template_tab_sr_settings {
    display: none;
}

#template_tab_batches{
    display: none;
}

/*.lpsrdashDesign{
        display: none;
}*/ 

span#export-data-success-message {
    padding: .2em .6em .3em;
    background-color: #5cb85c !important;
    display: inline-block;
}

.gs-checkbox {
    position: relative;
    top: 2px;
}

.pp-categories{
    height: 32px !important;
    width: 96% !important;
}

label.srError {
    font-size: 12px;
    width: 100%;
    color: #a94442 !important;
}
td#srSiteSettings {
    float: right;
}

.close-link {
    /*vertical-align: top;*/
    cursor: pointer;
    font-size: 28px !important;
    margin-left: 4px;
    color: #ea5732;
}

.jstree-container-ul .fileCount {
    display:none !important;
}
 
a.searchName {
    color: #666;
    float: left;
    text-decoration-line: none;
    font-size: 13px;
    padding: 4px;
    cursor: pointer;
    width: 100%;
}

input.search-textbox{
    width: 100%;
}

div.hiddenDiv {
    background-color: #f2f2f2;
    padding: 5px 10px;
    color: black;
    width: 100%;
    float: left;
}

button.btn-search{
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

#project_search_date{
    width: 98px;
}

.modal-body {
    /*max-height: calc(100vh - 0px) !important;
    overflow-y: visible !important;*/
}

.jsPanel {
    max-height: calc(100vh - 0px) !important;
    overflow-y: visible !important;
}

#div-project-owner{
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#div-project-category {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#div-smartroomfolder {
    width: 100% !important;
    max-height: 348px !IMPORTANT;
    overflow-y: scroll !important;
}

.np-captcha-upload {
    height: 58px;
}

.refresh-categories {
    font-size: 15px;
    float: right;
    margin-left: 5px;
    cursor: pointer;
}
}

label.SRSite{
    font-size:15px;
}
.doubleClickBlock {
    pointer-events: none;
    opacity: 0.7;
}
.label-msg-1{
    font-size: 15px;
}

#alertSRAttachFile, .removeSRFiles {
    color: red;
    font-style: italic;
    cursor: pointer;
}

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

.edit-categories {
    cursor: pointer;
}

.div-MC-Footer{
    position: relative;
    top: 54px;
    text-align: right;
}

.modal-edit-category{
    width: 268px;
}

.modal-manage-categories {
    width: 440px;
    position: relative;
    top: 0px;
}

.clipcss {
    /*padding-left :5px;*/
    margin: 10px !important;
}

.clipcsshide { 
   display :none;
}

.gantt-mapping-td{
    width: 50%;
}

.mappField{
    width: 50%;
}

.wordBatchFooter
{
    padding-left:0px;
    padding-right:0px;
}
#btnClipFileFolderName {
    background-color: black;
    color: white;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px !important; 
}

.btn {
    padding:5px 10px !important;
}