@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: background-color 4500.3s ease;
    -moz-transition: background-color 4500.3s ease;
    -o-transition: background-color 4500.3s ease;
    webkit-box-sizing: border-box;
    transition: background-color 4500.3s ease;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    -webkit-box-shadow: inset 0 5000px 0 rgba(0,0,0, 0.5);
    -moz-box-shadow: inset 0 5000px 0 rgba(0,0,0, 0.5);
    box-shadow: inset 0 5000px 0 rgba(0,0,0, 0.5);
}

    #preloader > div, .widgets {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    #preloader > div {
        display: block;
        position: relative;
        left: 50%;
        top: 50%;
        width: 150px;
        height: 150px;
        margin: -75px 0 0 -75px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #58585b;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        backface-visibility: hidden;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

        #preloader > div:after, #preloader > div:before {
            content: "";
            position: absolute;
        }

        #preloader > div:before {
            top: 5px;
            left: 5px;
            right: 5px;
            bottom: 5px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: #f68d32;
            -webkit-animation: spin 3s linear infinite;
            animation: spin 3s linear infinite;
        }

        #preloader > div:after {
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: #0c1c2a;
            -webkit-animation: spin 1.5s linear infinite;
            animation: spin 1.5s linear infinite;
        }

.menu-panel {
    position: static;
    overflow: hidden;
}

.site-menu {
    padding-right: 20px;
    position: relative;
}

.w-txtarea {
    /*
margin-bottom:0px;*/
    padding: 0px;
}

.hw-txtarea {
    /*
margin-bottom:0px;*/
    -webkit-transition: background-color 4500.3s ease;
    -moz-transition: background-color 4500.3s ease;
    -o-transition: background-color 4500.3s ease;
    transition: background-color 4500.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent !important;
    -webkit-box-shadow: inset 0 500px 0 rgba(245,245,245, 0.15);
    -moz-box-shadow: inset 0 500px 0 rgba(245,245,245, 0.15);
    box-shadow: inset 0 500px 0 rgba(245,245,245, 0.15);
}

.p-txtarea {
    padding: 0px 5px;
    margin-bottom: 0px;
}

.d-txtarea {
    padding: 0px 5px !important;
    margin: 5px !important;
}

.p-left {
    padding-left: 0px;
}
.vertical-margin-top-40 {
    margin-top: -40px !important;
}
.vertical-margin-top10 {
    margin-top: 10px !important;
}
.tb-margin-top10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.lr-margin-top10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
.vertical-margin-top0 {
    margin-top: 0px !important;
}

.vertical-margin-top20 {
    margin-top: 20px !important;
}

.vertical-margin-top30 {
    margin-top: 30px !important;
}

.vertical-margin-top40 {
    margin-top: 40px !important;
}

.vertical-margin-top50 {
    margin-top: 50px !important;
}

.vertical-margin-top80 {
    margin-top: 80px !important;
}

.vertical-margin-bottom0 {
    margin-bottom: 0px !important;
}

.horizontal-center-panel {
    float: none;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    box-sizing: border-box;
}

.horizontal-center-panel-text-align-left {
    position: relative;
    float: none;
    margin-right: auto;
    margin-left: auto;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    box-sizing: border-box;
}

.left-adj {
    margin-left: 20px;
    display: inline-block;
}

.btn-adj {
    padding: 0px 12px !important;
}

.btn-circle {
    padding: 3px 0px 6px 0 !important;
    font-size: 16px !important;
}

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

.btn_select {
    line-height: 1.8;
}

fieldset {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.bootstrap-select.btn-group .dropdown-menu {
    z-index: 2000;
}

    .bootstrap-select.btn-group .dropdown-menu.inner {
        position: static;
    }

.modal {
    overflow: visible;
}

.modal-body {
    overflow-y: visible !important;
}

.control-label {
    margin: 0px 5px;
}

.vscrol-panel {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 500px;
}

.hscrol-panel {
    overflow-y: hidden;
    overflow-x: scroll;
}

.notvalid {
    border-color: #d9534f;
    color: #fff;
    -webkit-transition: background-color 4500.3s ease;
    -moz-transition: background-color 4500.3s ease;
    -o-transition: background-color 4500.3s ease;
    
    transition: background-color 4500.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    box-sizing: border-box;
    background-color: transparent;
    box-shadow: inset 0 500px 0 rgba(240,47,23, 0.95) !important;
    -webkit-box-shadow: inset 0 500px 0 rgba(240,47,23, 0.95) !important;
    -moz-box-shadow: inset 0 500px 0 rgba(240,47,23, 0.95) !important;
}

img.slide {
    width: 100%;
    z-index: -9999999;
    position: absolute;
}

.active {
    display: block;
}

.inactive {
    display: none;
}

.image-section {
    position: fixed;
}

.image-container {
    position: relative;
}

    .image-container img {
        position: absolute;
    }

.menu-panel section {
    font-family: Helvetica Neue, Helvetica,Raleway,FontAwesome,Glyphicons Halflings, Arial, sans-serif;
    position: relative;
    overflow: hidden;
    top: 0;
    padding-bottom: 20px;
}

.margin-top-20 {
    margin-top: 20px;
}

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

.bt-menu {
    padding: 20px 0;
    text-align: center;
    border: 2px solid;
    border-color: transparent;
}

    .bt-menu > .fa {
        font-size: 50px;
        margin: 20px 0;
    }

    .bt-menu > h2 {
        margin: 0;
        font-size: 18px;
    }

.change-section {
    color: #fff;
    text-decoration: none;
}

    .change-section .black-bg {
        transition: all 0.4s ease;
    }

        .change-section .black-bg > h2 {
            transition: all 0.4s ease;
        }

    .change-section:hover {
        text-decoration: none;
        color: #fff;
    
    }

        .change-section:hover .black-bg {
            /*background-color: rgba(255,255,255,0.8);*/
            border: 2px  dashed;
            border-color: #c1c1c1;
        }

            .change-section:hover .black-bg > h2 {
                color: #fff;
            }
/*@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);*/


@media (max-width: 991px) {
    .footer {
        overflow: hidden;
        position: static;
        text-align: center;
    }

    .footer-text {
        margin-left: 0;
    }
}

#indexpanel {
    margin: 0px auto;
}


dl {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding: 0px !important;
}

.dl-horizontal dd select {
    background-color: #000 !important;
}

#bppDetail {
    overflow: hidden;
}

.dl-bppDetail dt {
    width: 250px !important;
    padding-top: 15px !important;
}

.form-groupbppDetail {
    margin-bottom: 0px !important;
}

.dl-bppDetail dd {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 40em !important;
    word-break: break-all;
    overflow-wrap: break-word;
    margin-left: 270px !important;
    vertical-align: middle;
    -webkit-transition-duration: 3.3s;
    transition-duration: 3.3s;
    background-color: transparent !important;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    box-sizing: border-box;
}

.table_details {
    margin-bottom: 0px !important;
}

#LogDataDetails_Table {
    background-color: transparent !important;
    width: 100%;
    margin: auto;
}
.poprow {
 padding: 0px!important;
}
.popcol {
 padding: 0px 5px 0px 10px !important;
}
.popdetails {
    width: 90%;
}
.popvalidate{
    margin-left: 5px;
}
.centerbutton {
    text-align: center;
}

.notop {
    padding: 0px 10px 0px 0px !important;
}

.notopborder {
    border-top: 0px !important;
    width: 25%;
     /*display: inline;*/
}

.notopborder20 {
    border-top: 0px !important;
    width: 20%;
}

.labelalignment {
    text-align: right;
    padding-top: 10px !important;
}

.selectbackground {
    background-color: #000 !important;
}

#RecordID {
    background-color: transparent !important;
    border: 0px !important;
    width: 20px !important;
}

.form-horizontal .control-label {
    float: left;
}

.detail-body {
    padding-top: 10px !important;
    padding-left: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 15px !important;
}

.detail-edit {
    padding: 0px 10px !important;
    overflow: hidden;
}

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

.tab1, .tab2, .tab3, .tab4, .tab5, .tab6 {
    height: 400px;
    color: #fff;
    -webkit-transition: background-color 4500.3s ease;
    -moz-transition: background-color 4500.3s ease;
    -o-transition: background-color 4500.3s ease;
    
    transition: background-color 4500.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    box-sizing: border-box;
    background-color: transparent;
}

.tab1v, .tab2v, .tab3v, .tab4v, .tab5v, .tab6v {
    height: 460px;
    color: #fff;
    -webkit-transition: background-color 4500.3s ease;
    -moz-transition: background-color 4500.3s ease;
    -o-transition: background-color 4500.3s ease;
    
    transition: background-color 4500.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    box-sizing: border-box;
    background-color: transparent;
}

.pcd_tabpanel {
    height: 650px;
    color: #fff;
    padding: 0px 10px !important;
    -webkit-transition: background-color 4500.3s ease;
    -moz-transition: background-color 4500.3s ease;
    -o-transition: background-color 4500.3s ease;
    
    transition: background-color 4500.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    box-sizing: border-box;
    background-color: transparent;
}

.droptabledivtray {
    -webkit-transition: background-color 4500.3s ease;
    -moz-transition: background-color 4500.3s ease;
    -o-transition: background-color 4500.3s ease;
    
    transition: background-color 4500.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    box-sizing: border-box;
    background-color: transparent;
    margin-bottom: 0px;
}

.pcd_black-bg {
    padding: 0px 15px 20px 15px !important;
    color: #fff;
    -webkit-transition: background-color 4500.3s ease;
    -moz-transition: background-color 4500.3s ease;
    -o-transition: background-color 4500.3s ease;
    
    transition: background-color 4500.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    box-sizing: border-box;
    background-color: transparent;
    box-shadow: inset 0 1500px 0 rgba(0,0,0, 0.5);
    -webkit-box-shadow: inset 0 1500px 0 rgba(0,0,0, 0.5);
    -moz-box-shadow: inset 0 1500px 0 rgba(0,0,0, 0.5);
}

.actiontray {
    padding-top: 10px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.cidata {
    border-color: #f1e767;
    color: #fff;
    -webkit-transition: background-color 4500.3s ease;
    -moz-transition: background-color 4500.3s ease;
    -o-transition: background-color 4500.3s ease;
    transition: background-color 4500.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    -webkit-box-shadow: inset 0 500px 0 rgba(255,217,102, 0.5);
    -moz-box-shadow: inset 0 500px 0 rgba(255,217,102, 0.5);
    box-shadow: inset 0 500px 0 rgba(255,217,102, 0.5);
}
/*style="margin:auto;background-color:transparent!important;*/



.nestedtable {
    background-color: transparent !important;
    /*width:100%;
     margin:auto;*/
}

td.details-control, td.edit-details-control {
    text-align: center;
}

.panel-textarea {
    height: 100%;
    color: #fff;
    -webkit-transition: background-color 4500.3s ease;
    -moz-transition: background-color 4500.3s ease;
    -o-transition: background-color 4500.3s ease;
    transition: background-color 4500.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    box-shadow: inset 0px 5000px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 5000px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 5000px 0 rgba(0, 0, 0, 0.5);
    padding-top: 5px;
    border: 1px solid transparent;
    border-radius: 5px;
}



.panel-heading-textarea {
    color: #fff;
    -webkit-transition: background-color 4500.3s ease;
    -moz-transition: background-color 4500.3s ease;
    -o-transition: background-color 4500.3s ease;
    transition: background-color 4500.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
      border: 0px;
    background-color: transparent;
    box-shadow: inset 0px 5000px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 5000px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 5000px 0 rgba(0, 0, 0, 0.5);

}

.panel-body-textarea {
      padding: 0 5px;
        border: 0px;
}

.panel-footer-textarea {
     padding: 5px;

    border: 0px;
    background-color: transparent;
    box-shadow: inset 0px 5000px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 5000px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 5000px 0 rgba(0, 0, 0, 0.5);
}




.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
    background: transparent;
    text-decoration: none;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    /*font-size: 14px;*/
    text-shadow: none;
    float: none;
    position: static;
    width: auto;
    height: auto;
    white-space: nowrap;
    /*cursor: text;
    	-webkit-tap-highlight-color: #000;*/
    /*-webkit-tap-highlight-color: transparent;*/
    line-height: normal;
    /*font-weight: normal;*/
    text-align: left;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    direction: ltr;
    max-width: none;
}

.mce-tinymce {
    visibility: inherit !important;
    position: relative;
}

.mce-tinymce {
    display: block;
}

.mce-toolbar-grp {
    padding: 2px 0;
}

.mce-statusbar {
    position: relative;
}

.mce-container, .mce-container-body {
    display: block;
}

.mce-panel {
    border: 0 solid #cacaca;
    border: 0 solid rgba(0, 0, 0, 0.2);
    background: rgba(255,255,255,.5);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,0.86) 47%, rgba(237,237,237,0.7) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,0.86)), color-stop(100%, rgba(237,237,237,0.7)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,0.86) 47%, rgba(237,237,237,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}


.mce-stack-layout-item {
    display: block;
}

#mceu_14, #mceu_47 {
    position: relative;
}

div.mce-edit-area {
    background: transparent;
    filter: none;
}

#mceu_22, #mceu_31, #mceu_64 {
    background: transparent;
}

.mce-flow-layout {
    white-space: normal;
}

.mce-statusbar .mce-container-body {
    position: relative;
}

.mce-branding-powered-by {
    display: none;
    background-color: #f0f0f0;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 91px;
    height: 9px;
    margin-right: -1px;
    margin-bottom: -1px;
    border: 1px solid #c5c5c5;
    border-width: 1px 1px 0 1px;
    padding: 6px 6px 0 6px;
    background-image: url('data:image/gif;base64,R0lGODlhXwAJAIABAIiIiAAAACH5BAEKAAEALAAAAABfAAkAAAJxhBGpy+2PUnzqGNpmPNJqDIZSJY4m+KXLF3At2V6xPFfuvMF6J6fINTnhTr9XcaRC6pKvFYlZjDIszaXRSA3ijlXo9AlWindaldSJthJ55XAz6+ZWbVCOdojP77p8J8vlUSI4SHEnaEiYqOhARdhIWAAAOw');
    background-repeat: no-repeat;
    background-position: center center;
}

.mce-path {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0px;
    white-space: normal;
}

.mce-flow-layout-item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

html > /**/ body .mce-flow-layout-item {
    margin: 2px 0 2px 2px;
}

html > /**/ body :not(:first-child).mce-btn-group {
    border-left: 1px solid #d9d9d9;
    padding-left: 3px;
    margin-left: 3px;
}

.mce-last.mce-flow-layout-item {
    margin-right: 2px;
}

.mce-container-body .mce-resizehandle {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 16px;
    height: 16px;
    visibility: visible;
    cursor: s-resize;
    margin: 0;
}

.mce-ico {
    font-family: "tinymce",Arial;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 16px;
    line-height: 16px;
    speak: none;
    vertical-align: text-top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    background: transparent center center;
    background-size: cover;
    width: 16px;
    height: 16px;
    color: #333;
}

i.mce-i-resize {
    color: #333;
}

.mce-i-resize::before {
    content: "\e032";
}

.mce-path-item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    color: #333;
}

.mce-toolbar-grp .mce-flow-layout-item {
    margin-bottom: 0px;
}

.mce-btn {
    border: 1px solid #b1b1b1;
    border-color: transparent transparent transparent transparent;
    position: relative;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #f0f0f0;
}

.mce-btn-group .mce-btn {
    border-width: 1px;
    margin: 0;
    margin-left: 2px;
}

.mce-btn-group .mce-first {
    margin-left: 0px;
}

.mce-widget button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mce-btn button {
    padding: 4px 8px;
    font-size: 14px;
    line-height: 20px;
    *line-height: 16px;
    cursor: pointer;
    color: #333;
    text-align: center;
    overflow: visible;
    -webkit-appearance: none;
}

.mce-menubtn button {
    color: #333;
}

.mce-caret {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 0px;
    height: 0px;
    vertical-align: top;
    border-top: 4px solid #333;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.mce-btn i {
    text-shadow: 1px 1px none;
}

.mce-i-table::before {
    content: "\e01b";
}

.mce-btn .mce-caret {
    margin-top: 8px;
    margin-left: 0px;
}

.mce-menubtn .mce-caret {
    *margin-top: 6px:;
}

.mce-i-indent::before {
    content: "\e00c";
}

.mce-i-outdent::before {
    content: "\e00d";
}

.mce-splitbtn button {
    padding-right: 6px;
    padding-left: 6px;
}

.mce-splitbtn .mce-open {
    border-left: 1px solid transparent;
}

.mce-splitbtn .mce-open {
    padding-right: 4px;
    padding-left: 4px;
}

.mce-i-numlist::before {
    content: "\e00b";
}

.mce-i-bullist::before {
    content: "\e00a";
}

.mce-i-alignjustify::before {
    content: "\e006";
}

.mce-i-alignright::before {
    content: "\e005";
}

.mce-i-aligncenter::before {
    content: "\e004";
}

.mce-i-alignleft::before {
    content: "\e003";
}

.mce-i-italic::before {
    content: "\e02b";
}

.mce-i-bold::before {
    content: "\e02a";
}

.mce-disabled.mce-btn button, .mce-disabled.mce-btn:hover button {
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
    zoom: 1;
}

.mce-i-redo::before {
    content: "\e010";
}

.mce-i-undo::before {
    content: "\e00f";
}