body {
    background: #F3F4F8;
    font-size: 13px;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a {
    text-decoration: none;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.btn-orng{ border: 1px solid #FFF;
           background: #FF9540; /* Old browsers */
           background: -moz-linear-gradient(left, #FF9540 0%, #FE7274 100%); /* FF3.6-15 */
           background: -webkit-linear-gradient(left,  #FF9540 0%,#FE7274 100%); /* Chrome10-25,Safari5.1-6 */
           background: linear-gradient(to right,  #FF9540 0%,#FE7274 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9540', endColorstr='#FE7274',GradientType=1 ); /* IE6-9 */
}
.btn-orng:hover {
    background: #FE7274; /* Old browsers */
    background: -moz-linear-gradient(left, #FE7274 0%, #FF9540 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #FE7274 0%,#FF9540 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #FE7274 0%,#FF9540 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE7274', endColorstr='#FF9540',GradientType=1 ); /* IE6-9 */

}
.btn-green {  border: 1px solid #FFF;;
              background: #31f0d9; /* Old browsers */
              background: -moz-linear-gradient(left,  #31f0d9 0%, #0cd5f7 100%); /* FF3.6-15 */
              background: -webkit-linear-gradient(left,  #31f0d9 0%,#0cd5f7 100%); /* Chrome10-25,Safari5.1-6 */
              background: linear-gradient(to right,  #31f0d9 0%,#0cd5f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31f0d9', endColorstr='#0cd5f7',GradientType=1 ); /* IE6-9 */
}
.btn { color: #FFF;}
.btn-cancel {border: 1px solid #999; color: #999;}

.wrapper-md.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.container, .container-head  {
    max-width: 100%;
    margin: 0 auto;
}
.main-container .container{
    padding-top: 20px;
    min-height: 500px;
}
.app .container {
    background: #FFF;
    padding: 50px 25px 30px;
}
.app {
    min-height: 100%;
}
.app .container.project-details {
    background: #F3F4F8;
}
.app-header .container{
    padding: 0 10px;
}
.app-header {
    position: fixed; z-index: 98; width: 100%; top: 0;
}
header, .navbar  {
    padding: 3px 0;
    background: #03a9f3;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
header h1 {
    float: left;
    font-size: 16px;
    margin: 4px 0;
}
header h1 a {
    color: #f05050;
}
header h2 {
    float: right;
    font-size: 12px;
    font-weight: normal;
    margin-top: 3px;
}
header,
header a {color: #FFF;}
.username img {vertical-align: middle; margin-right: 5px;}
.username a {margin-left: 10px; text-decoration: underline; }
.header-title {
    background: rgba(0,0,0,0.2);
    background: url(/img/rev-img.jpg) no-repeat 0 0;
    background-size: cover;
    color: #FFF;
    margin: -50px -25px 30px;
    padding: 00px 30px 0px;
}
.header-title-link {
    margin: -0px -25px 20px;
    padding: 15px 25px;
    background: #FFF;
}
.header-title-link .require {
    float: right;display: block;
    background: #D2A546;
    color: #FFF;
    padding: 7px 15px;
    border-radius: 3px;
}
.header-title h2 {
    padding: 55px 0; color: #333;     font-size: 35px;
}
.nav {
    overflow: hidden;
}
.nav li a {
    color: #333;
    padding: 15px 0px 15px 5px;
    display: block;
    width: 100%;
}
.nav li {position: relative;}
.nav li ul {margin-left: 17px;}
.open .arrow {top: 11px;}
.arrow {right: 5px; top: 10px;}
.arrow:after {border-left: 5px solid #FFF;
              border-right: 5px solid transparent;
              border-top: 5px solid transparent;
              border-bottom: 5px solid transparent;}
.open .arrow:after {border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-top: 5px solid #FFF;
                    border-bottom: 5px solid transparent;}

.nav li a .glyphicon {
    margin-right: 10px;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: #03a9f3;
    color: #FFF;
}
.main-container {
    padding-top: 36px;display: flex
}
.dashboard_details{
    display: flex;width: 100%
        /*min-height: 100%;*/
        /*min-height: 630px;*/
}
.status_title {    float: left;background:rgba(0,0,0,0.5);padding: 7px 30px;margin-top: -34px;border-radius: 5px 5px 0 0;display: block;}
.login-form {
    margin: 0 auto;
    width: 400px;
    background: #FFF;
    padding: 40px 50px;
}

.project-list h2 {
    margin-bottom: 10px;
}
.project-list li {
    margin-bottom: 10px;
}
.project-list li a:hover {
    text-decoration: underline;
    color: #03a9f3;
}
.wrapper-md {background: #FFF; margin: 20px; min-height: calc(100% - 99px);}
.wrapper-md .inner-wrap {border: 1px solid #dcd9d9; padding: 20px 20px 5px; margin-bottom: 20px; }
.app-content-body {height: 100%;}
.app-content-body .bg-light {min-height: calc(100% - 99px);}

.inner-wrap.receipt-select-cust .form-group {width: 29%;}
.inner-wrap.receipt-cust-info .form-group {width: 15%; margin-right: 1%;}
.inner-wrap.receipt-detail .form-group {width: 23%; margin-right: 2%; float: left;}
.add-form .recipt-amnt .form-group {width: 29%;}

.col-5 {float: left; width: 50%;}

.unver {padding-right: 10px;}
.parst {padding-left: 10px;}
.parst .table-responsive {min-height: 212px;}


.table-responsive table {min-height: 200px;     width: 100%;}
.table-responsive .list_form_wrapper table {min-height: initial; background: #FFF; margin: 0 2% 0%; width: 96%;}
.table-responsive .text-left {}
.table-responsive .text-center {text-align: center;}
.table-responsive .text-left label {    float: left;     margin-top: 5px;}
.table-responsive .text-right {}
.table-responsive .table > tfoot > tr > td {padding: 5px 15px;}
.table-responsive .pagination {float: right; margin: 0;}
.table-responsive .search_panel {float: right; margin: 10px;}
.table-responsive .search_panel li {float: left; margin: 0 0 0 20px; position: relative; border: 0;}
.table-responsive .search_panel label {float: left; margin: 6px 10px 0 0;}
.table-responsive .search_panel input,
.table-responsive .search_panel select {float: left;}
.table-responsive .search_panel input {width: 195px;}
.table-responsive .search_panel .btn-choose {top: 0;}
.table-responsive .search_panel select {width: 200px;}
.table-responsive .search_panel img {position: absolute; margin: 5px 0 0 -29px;}
.table-responsive .form-group {float: left; width: 30%; margin: 10px 15px;}
.table-responsive .form-group.btn_group {clear: both; width: 100%; margin: 10px 15px;}
.table-responsive .panel-heading {font-weight: normal;}

.commison .table-responsive .form-group {margin: 0;}

.table-responsive.fav .details-img-title {}
.table-responsive.fav .details-img-title .details-img {float: left; width: 27%; padding-right: 3%;}
.table-responsive.fav .details-img-title .details-title {float: left; width: 70%;   }
.table-responsive.fav .details-img-title .edit {    color: #337ab7; border-bottom: 1px solid; margin-top: 10px; display: inline-block;}

.tableScroll {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.model_popup.popup-prof-edit .regi-steps .nav-tabs li {width: 20%;font-size: 12px;}

.show_count {width: 75px;  float: left; margin-left: 10px; height: 25px; padding: 5px 7px; font-size: 12px;}
.show_count_label {float: left; margin: 3px 0 0 10px; }
.pagination-wrap .count_wrap {float: left; width: 30%; }
.pagination-wrap .pagi_wrap {float: right; width: 70%; }
.pagination-wrap .pagi_wrap .pagination {float: right; margin: 0; }
.footer-pagination-wrapper.pagination-wrap {padding: 10px 10px; }


.jjform .form-group {width: 50%;}
.jjform .form-group label {float: left; width: 80px; margin: 8px 10px 0 0;}
.jjform .form-group select {float: left; width: 200px; margin-right: 15px;}
.jjform .form-group .auto-compl_wrapper {float: left; width: 200px; position: relative;     z-index: 9; }
.jjform.req-edit .form-group .form-control {width: 50%;}

.material-form .form-group {width: 40%;}
.material-form .btn_group {clear: both;}
.material-form .min-stock label {width: 100%; display: block;}
.material-form .min-stock .form-control {width: 45%; float: left; margin-left: 10%;}
.material-form .min-stock input.form-control {margin-left: 0%;}

.pagination-wrap {padding: 10px 10px 10px 0;}

.list_form_wrapper {background: #F5F5F5;}
.list_form_wrapper.no-data {text-align: center; padding: 20px 0;}
.list_form_wrapper ul { position: relative; overflow: hidden; cursor: pointer; }
.list_form_wrapper ul:after {
    position: absolute;
    top: 45%;
    right: 40px;
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #252525; }
.list_form_wrapper ul.open:after {
    border-top: 5px solid #252525;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.list_form_wrapper ul li { float: left; font-weight: bold; width: 33%; padding:20px 15px;}
.list_form_wrapper.purchase_list ul li { float: left; font-weight: bold; padding:20px 15px; width: 16%;}
.req-stock .list_form_wrapper ul { width: 100%;}
.req-stock .list_form_wrapper ul li { width: 20%;}
.list_form_wrapper ul li .list_info_title { font-weight: normal;    display: block;    margin-bottom: 3px; }
.list_form_wrapper table th { font-weight: bold; }
.list_form_wrapper.requirement-list ul li { width: 20%; }
.delivery-wrapper .list_form_wrapper ul li {width: 25%;}

.add_wrapper {padding: 0 0 30px;}
.add_head {}
.add_head li span,
.add_list li span {padding: 5px 10px;display: inline-block; border-right: 1px solid #F9F9F9; width: 100px; }
.add_head li span:first-child,
.add_list li span:first-child {width: 200px;}
.add_head li,
.add_list li {float: left;clear: both;}

.add_list {}
.add_list li {}
.add_list li span {}

.loader-icon {text-align: center;padding: 30px 0;}

.edit_proj a {display: inline-block;    background-color: #03a9f3;
              padding: 4px 15px 2px;
              border-radius: 3px;
              color: #FFF;
              font-size: 12px;}

input[type="file"] {background-color: #fff;background-image: none;border: 1px solid #ccc;     padding: 5px 7px;border-radius: 3px;}
.ui-grid-canvas .has-error,
input.has-error,
input.has-error,
select.has-error,
textarea.has-error,
.autocomplete:required[required],
.ng-submitted .has-empty {border: 1px solid rgb(255, 149, 160);}

.has-error + label {color: #ff0000;}
label.has-error {color: rgb(255, 149, 160); display: none;}

.project_requirement h3 {
    margin: 25px 0 10px;     font-size: 24px;
}
.project_requirement h4 {font-size: 16px;}
.proj_dates div {width: 200px; float: left; margin-top: 15px;}
.project_requirement .revision_comments {clear: both;}
.project_requirement .revision_comments .comnts_date {display: block; clear: both; font-style: italic; }
.app-aside {position: fixed;}
.app-aside, .navbar-header {
    height: 100%;
    width: 16%;
}
.add-form {width: auto; max-width: none;}
.add-form .form-group {width: 46%; max-width: 100%; float: left; margin-right: 4%; }
.add-form .form-group .form-group {width: 100%; }
.add-form .form-group.full_w { width: 100%; }
.add-form .form-group.form-group_small { width: 370px; }
.add-form .form-group.form-group_x_small { width: 100px; }
.add-form .form-group .inner input { margin-right: 50px; }
.add-form .resource_img { margin-bottom: 20px; clear: both; }
.add-form form {  float: left;}
.add-form label.read_only { display: block; color: #CCC;}
.clear_b {clear: both;}

.map {float: left; width: 415px}
.map iframe {width: 100%;}

.file_upload_wrapper {margin: 20px 0;}
.file_upload_wrapper ul {margin-bottom: 10px;    border-bottom: 1px solid #F7F7F7;
                         padding-bottom: 10px;}
.file_upload_wrapper ul li { float: left; margin-right: 15px;}
.file_upload_wrapper .file_name {    width: 170px;}
.file_upload_wrapper .file_name.img { height: 60px;  overflow: hidden;   width: 60px;   border: 1px solid #dfdfdf;}
.file_upload_wrapper .file_name img { width: auto; }
.file_upload_wrapper .file_size {    width: 70px;}
.file_upload_wrapper .file_upload_falied {    width: 170px; color:#ff0000;}
.file_upload_wrapper .file_prog {width: 120px; height: 13px; margin-top: 3px;    background: #dfdfdf;}
.file_upload_wrapper .file_prog .bg-info {width: 5px; height: 13px; }
.file_upload_wrapper .file_canc {margin-right: 5px;}
.file_upload_wrapper .file_edit {}
.file_upload_wrapper .file_cmnt {clear: both; margin: 10px 0 0;}
.file_upload_wrapper .file_cmnt_name {width: 300px;}
.file_upload_wrapper .file_cmnt_name textarea {    width: 100%; height: 60px; border: 1px solid #dfdfdf;  border-radius: 3px; padding: 5px 10px;}
.file_upload_wrapper .file_cmnt textarea {    color: #555; background-color: #fff; border: 1px solid #ccc;     border-radius: 3px;  padding: 5px;  height: 60px; width: 340px;}
.file_upload_wrapper .file_name.img { background-size: 25px;}

.app-aside {position: fixed; width: 18%; height: calc(100% - 36px); overflow: hidden;}
.app-aside .nav {width: 108%; height: 100%; overflow-y: scroll;overflow-x: hidden; }
.content-area {
    margin-left: 18%;
    width: 84%;
    float: left;
}
.bg-light.lter.wrapper-md {
    margin-top: 0;
}
.bg-light.lter {
    position: fixed;
    z-index: 2;
    width: 84%;
}
.h3 {
    font-size: 24px;
}
.panel-heading {
    padding: 15px; font-weight: bold; background: #FFF;
}
.panel-heading h2 {float: left;margin-top: 3px;font-weight: normal;}
.panel {
    background-color: #fff;
    border: 1px solid transparent;
}
.panel-default {
    border-color: #dee5e7;
}
.head_right {float: right;}
.head_right .sea {font-weight: normal; float: left; margin-right: 1%; width: 19%; position: relative; }
.head_right .sea label {    vertical-align: text-bottom;}
.head_right .sea .form-control  { display: inline-block;vertical-align: bottom;}
.head_right .head-right-search {top: 11px;position: absolute;right: 6px;}
.delivery-edit .head_right .sea label {width: 60px;}

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

.dataTables_length select.input-sm { height: 30px; }
.dataTable th {text-align: left;    font-weight: normal;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination li.active a {
    background: #03a9f3;     color: #FFF;
}
li.active > .auto .text-active {
    display: none !important;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.footer-pagination-wrapper {padding: 10px 20px 0; }
.select-total-list {float: left; width: 250px;}
.select-total-list label {float: left; margin: 8px 10px 0 0;}
.select-total-list .form-control {float: left; width: 150px;}
.foot-pagination {float: right; width: 50%; text-align: right;}

.row {overflow: hidden;}
.table-responsive .col-sm-6 {width: 50%; float: left; padding: 0 15px;}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
div.dataTables_filter input {
    margin-left: 0.5em;
}
div.dataTables_filter {
    text-align: right;     margin: 0 10px;
}
input[type="checkbox"]{vertical-align: middle}
.form-control.checkbox {}

.input-sm {
    height: 18px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.dataTables_filter .search-fields input {
    width: 220px;
}
.dataTables_filter .search-fields {
    float: right;
    margin-left: 20px;
}
.panel .dataTables_wrapper {
    padding: 13px 0 10px;
}
.panel li{
    border-top: 1px solid #F9F9F9;
}

.panel li a {
    padding: 3px 10px;
    display: block;
}
.panel li a span {
    display: inline-block;
    width: 24.5%;
}
.garden-panel li a span {
     width: 100% !important;
}
.table-head li {
    border-top: 1px solid #eaeff0;
    border-bottom: 1px solid #eaeff0;
    margin-bottom: -1px;
    position: relative;
}
.table-head a {
    cursor: default;
    font-weight: bold;
}
.edit_proj {text-align: center; text-decoration: underline;}

.container-head li{
    float: left;
}
.container-head li a{
    border-radius: 50px;
    padding: 10px 25px;
}
.add_button {
    display: inline-block;
    float: right; font-weight: normal;
    background-color: #03a9f3;
    padding: 5px 15px 4px; margin-left: 10px;
    border-radius: 3px; border: 0;
    color: #FFF; line-height: inherit;
}
.add-dash {}
.add_button:hover,
.edit_proj a:hover {
    color:#FFF;
    background: #ab8ce4;
}
.add_product {float: none; margin-top: 35px;}
.order-add .add_product {float: right; margin: 35px 15px 0;}
.delivery-add .add_product,
.delivery-edit .add_product {margin: 5px 15px 0;}
.table-title {
    float: left;
}
.add-form textarea {
    height: 80px;
}
.btn_group {text-align: center;}
.btn_group .btn {margin: 0 0px 0 6px;}

.delet-btn {background: transparent; color: #FF0045;}
.contact-edit-btn {margin-left: 18px;    background: #FFF;}
.rivision-wrapper .add-comments .form-wrapper { width: 420px; }
.rivision-wrapper .add-comments textarea{ height: 60px; }
.btn-wrapper {background: #E5E8EF; text-align: center; padding: 20px;}
.btn-wrapper .btn { margin: 0 20px;     padding: 6px 35px 7px; }
.form-group.btn-wrapper .btn { padding: 6px 20px 7px; margin: 0 5px; }
.btn-wrapper .btn-approve {     background: #24AD45; color: #FFF; }
.btn-wrapper .btn-revi {     background: #FFFFFF; color: #333;     border: 1px solid #D6D6D6; }
.btn-loader {position: relative; cursor: default;opacity: 0.8;}
.btn-loader:before {
    content:"";
    width:20px;height: 20px;
    position: absolute;
    left: 3px; top: 24%;
    background-image: url(/img/loading.gif) !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    cursor: default;
}

.approve_check input,
.approve_check label {float: left; display: inline;}
.approve_check label {width: 96%;}
.approve_check input {margin: 4px 3px 0 0;}

.form-group {position: relative; }
.btn-choose {background: #BBD4E9; position: absolute;top: 23px;right: 0px;}
.upload-choose {
    background: #BBD4E9;
    position: absolute;
    top: 23px;
    right: 0px;
}
.head_right .btn-choose {top: 0px;}
.dropdown-menu {position: absolute;
                background: #FFF; border-radius: 0;
                z-index: 9;
                width: 310px;
}
.dropdown-menu table {width: 100%;}
.dropdown-menu table .btn {border-radius: 0;}
.dropdown-menu li {text-align: center;}

.msg-handling {position: absolute; top: 0; text-align: center; z-index: 9999; width: 100%; }
.msg-handling p {display: inline-block;
                 background: #7CC789;
                 border-radius: 0 0 3px 3px;
                 padding: 5px 10px;
                 color: #FFF;}

.msg-handling p.warning {background: #C7AA7C;}
.msg-handling p.error {background: #C77C7C;}

.client-info {margin: -20px -23px 10px; padding: 25px 24px 10px;background: rgba(58, 63, 81,0.9);color: #FFF;}

/********    404    *******/
#fof{display:block; width:100%; padding:150px 0; text-align:center;}
#fof .hgroup{display:block; width:53%; margin:0 auto; padding:0;}
#fof .hgroup h1, #fof .hgroup h2{margin:0 20px; padding:0; display: inline-block; text-transform:uppercase;}
#fof .hgroup h1{margin-top: -75px; font-size:200px;}
#fof .hgroup h2{font-size:60px;}
#fof .hgroup h2 span{display:block; font-size:30px;}
#fof p{margin:25px 0 0 0; padding:0; font-size:16px;}
#fof p:first-child{margin-top:0;}
.row2 a {
    color: #FF9900;
}
.download{width:30px;background: #f2f2f2;float: left;position: relative;padding: 5px}
.preview{margin-left:10px;width:40px;background: #f2f2f2;float: left;position: relative}
.projectpath{margin-top: 5px;width:250px;background: #ffffff;float: right;color:#000000;padding-left:10px; border-radius: 0px 4px 4px 0px;;border: 1px solid #b3b3b3;border-left: 0}
.copybutton {margin-top: 5px;width:70px;background-color:#f3f3f3;float: right;padding: 6px;border: 1px solid #b3b3b3; border-radius: 4px 0px 0px 4px;}
.projectbox{with:200px;background: -webkit-linear-gradient(#f5f5f5,#f1f1f1);border:1px solid rgba(0,0,0,0.1);float: right;color: #a6a6a6;padding: 5px 0px}


.btn_grn {background-color: #008E20;}
.btn_orng {background-color: #fc7279;
           background-image: -webkit-linear-gradient(bottom left, #fc7279 10%, #ff7b9c 65%, #ffc019 125%);
           background-image: linear-gradient(to top right,#fc7279 10%, #ff7b9c 65%, #ffc019 125%);
}

.order_mail_send {background: #FFF; padding: 20px;}
.email_send {float: right; margin: 10px 20px;}
.order_mail_send p {margin: 10px 0px 30px;}

.model_overlay {position: fixed; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top:0; left:0; }
.model_popup { position: absolute; z-index: 100; top: 10%; left: 50%; width: 650px; margin-left: -325px; }
.category-add-pop {width: 350px; margin-left: -275px;}
.add-cat-pop {position: absolute; top: 0; left: 0; height: 180px; background: #FFF; padding: 20px; width: 100%;}


.autocomplete {position: relative;    z-index: 99;}
.autocomplete .autocomp_drop {position: absolute; width: 100%; top: 33px;}
.autocomplete .autocomp_drop .dash-list {border: 1px solid #ccc; border-radius: 0 0 3px 3px; background: #FFF; }
.autocomplete .autocomp_drop .dash-list li {border-top: 1px solid #ccc; padding: 5px 10px; cursor: pointer; }
.autocomplete .autocomp_drop .dash-list li:first-child {border-top: 0;  }

/** Stocks **/

.panel .tabs {  }
.panel .tabs li { float: left; font-weight: bold; }
.panel .tabs li a { padding: 10px 20px; }
.panel .tabs li a.active { border-bottom: 2px solid #ED0281; }


/** Print **/
.print-btn-wrap {width: 700px; margin: 0 auto;}
.print-page {margin: 0 auto;    font-size: 13px;}
.print-page strong,
.print-page span {display: block;}
.print-page .title {border-bottom: 1px solid; padding-bottom: 10px;}
.print-page .title img {float: left;}
.print-page .title strong {float: right; font-size: 16px;}
.print-page .com-address {width: 70%; float: left; margin: 20px 0;}
.print-page .invoice-date {width: 30%; float: left; margin: 20px 0;}
.print-page .invoice-date strong {width: 50%; float: left; }
.print-page table { text-align: left; margin-bottom: 20px; width: 100%;}
.print-page table th { font-weight: bold; }
.print-page table th,
.print-page table td { border-right: 1px solid #C5C5C5;  padding: 7px 10px; }
.print-page table th { border-bottom: 1px solid #C5C5C5; }
.print-btn { border: 0; background-color: #03a9f3; color:#FFF; padding: 7px 15px; border-radius: 3px; margin: 20px auto; }
.print-page-top .app-header {display: none; }

.req-stock > tbody > tr > td {    padding: 0;}
.req-stock > tbody > tr > td a { display: block; padding: 8px 15px; }

.menu-add,
.cat-menu-add-btn {float: left;}
.menu-add {width: 75%;}
.cat-menu-add-btn {width: 25%; margin-top: 74px;}
.cat-menu-add-btn a {display: block;clear: both; float: left; width: 190px;text-align: center; margin: 37px 0 0;}

.category-form .form-group {width: 100%; margin: 0; padding: 10px 15px;}
.category-form .form-group label {width: 100%; }
.category-form .form-control {width: 80%;float: left;}
.category-form .add {font-size: 26px; margin: 4px 0 0 20px;}

.regi-steps .nav-tabs ul {display: flex;}
.regi-steps .nav-tabs li {float: left; width: 20%;background: #E2E2E2;border-right: 1px solid #C3C3C3;}
.regi-steps .nav-tabs > li.active > a {background-color: #03a9f3; color: #FFF;}
.tab-content .tab-pane {display: none;}
.tab-content .tab-pane.active {display: block;}


.profile_gallery_container {position: relative;width: 100%;overflow: hidden; min-height: 245px;}
.profile_gallery_container {min-height: 365px;width: 600px; overflow: hidden;margin: auto;border: 1px solid #f2f2f2;}

.model_popup .profile_gallery_container {min-height: 360px;}
.profile_gallery {margin: 15px auto; max-width: 600px; border-bottom: 2px solid #EDF0F5;padding-bottom: 8px;}
.gallery-tite { text-align: center; margin: 20px 0 10px;}
.gallery { width: 600px; margin: 3% auto 5%; padding-bottom: 3%;border-bottom: 1px solid #e6e6e6; text-align: center;}
.gallery .img {height: 155px; overflow: hidden;}
.gallery .gallery-thumb {display: flex; margin: 5px 0; padding: 5px 0; border: 1px solid #e6e6e6; border-width: 1px 0;}
.gallery .gallery-thumb li {height: 30px; width: 20%; background: #e6e6e6; border-right: 1px solid #FFF;}
.gallery a {display: inline-block;}


.profile_gallery li {float: left; cursor: pointer;width: 37px; height: 37px; background: #EDF0F5; color: #FFF; margin-left: 5px; line-height: 37px;text-align: center; }
.profile_gallery li:first-child {margin-left: 0px; }
.profile_gallery-wrap {position:absolute; width: 5000%;
                       top:0;
                       left:0;
                       transition: left .8s ease;
                       -ms-transition: left .8s ease;
                       -o-transition: left .8s ease;
                       -webkit-transition: left .8s ease;
                       -moz-transition: left .8s ease;}
.profile_gallery-wrap li {display: inline-block; text-align: center; float: left;}
.profile_gallery-wrap li img {max-height: 360px;}
.gallery_pagination { }
.gallery_pagination a {display: block; background: rgba(255,255,255,0.3); color: #999; position: absolute; top: 40%;width: 30px;
                       height: 60px;
                       text-align: center;
                       font-size: 60px; opacity: 0.2; background: rgba(0,0,0,0.5);
                       line-height: 50px;}
.gallery_pagination a.prev {left: 0px;border-radius: 0px 4px 4px 0px;}
.gallery_pagination a.next {right: 0px; margin: 0; border-radius: 4px 0 0 4px;padding: 0;    color: inherit;}
.gallery_thumb_pagination {position: relative;}
.gallery_thumb_pagination a {display: block; background: rgba(255,255,255,0.3); color: #999; position: absolute;
                             opacity: 0.2; bottom: 29px;width: 30px;height: 30px;text-align: center;font-size: 25px;line-height: 27px;}
.gallery_thumb_pagination a.prev {left: -21px;}
.gallery_thumb_pagination a.next {right: -21px;}
.profile_gallery_container:hover .gallery_pagination a,
.profile_gallery_container:hover .gallery_thumb_pagination a {opacity: 1;}

.spec-add label {max-width: 100%; }
.spec-add ul {/*width: 49%; padding-right: 1%; float: left;*/}
.spec-add ul li {width: 100%;    margin-bottom: 10px;}
.spec-add .add-more {float: left; margin-top: 9px;}
.btn.add-another {    background: #EAEAEA;text-decoration: underline;}
.add-more li {margin-bottom: 10px;}
.dropdown-menu > li > a {
    display: block; text-align: left;
}

.contact-label {float: none; width: 100%; display: block;}
.contact-drop {float: left; width: 51%; margin-right: 1%;}
.contact-text {width: 48% !important; float: left; }

.form-popup .contact-drop {width: 100%; margin-right: 0%; margin-bottom: 1%}
.form-popup .contact-text {width: 100% !important; }

.cli-prof-mang-list .result-service {margin-bottom: 15px;}
.cli-lang-edit .category-form .form-group label {max-width: 100%; width: auto; }
.prof-lang-edit {}

.regi-steps.clinic-edit-wrap .nav-tabs li {width: 16.6%;}
.regi-steps.clinic-edit-wrap .map {width: 100%; border-top: 2px solid #FFF; }
.form-editable {clear: both;}

.prof-select h3 {float: left;}
.prof-select select {float: left; width: 350px;margin: -7px 0 0 10px;}

.dashboard-title .add-link {float: right; display: inline-block; border: 0; background: #0CD5F7;color: #FFF;padding: 5px 10px;border-radius: 3px;}
.dashboard-title .add-link:hover {background: #03a9f3;color: #FFF;}

.booking_table .dates {font-weight: bold; color: #B3B3B3; font-size: 11px;}
.booking_table .dates {margin-bottom: 7px; position: relative;}
.details-booking_wrap ul li.no_ava {    background: #E5E5E5; }
.details-booking_wrap ul li.ava {    background: #31f0d9; color: #FFF; }
.details-booking_wrap .more {float: right; padding: 10px 0px 10px; width: 166px;margin-top: 10px; }
.booking_table .dates .prev,
.booking_table .dates .next {color:#31f0d9;font-weight: normal;    width: 15px;}
.booking_table .dates .prev button,
.booking_table .dates .next button {background: transparent; border: 0; color: #0cd5f7;}
.booking_table .dates .prev button:disabled,
.booking_table .dates .next button:disabled {opacity: 0.5;}
.booking_table .dates li {float: left;    text-align: center; width: 13%;}
.booking_table .dates a,
.booking_table .avail_list a {display: block;}
.booking_table .all_table a {font-weight: normal; }
.booking_table .time_wrapper {    max-height: 250px;overflow-x: hidden;overflow-y: scroll;}
.booking_table .all_table a.remove-slot {position: absolute; color: #FFF; right: 0; top: 0; padding: 0px 10px; display: none;}
.booking_table .time_wrapper.remove-slot-wrapper ul li:hover a.remove-slot {display: block;}
.booking_table .time_wrapper ul {float: left;width: 14%;}
.booking_table .time_wrapper ul li { height: 25px; width: 100%; position: relative; line-height: 24px; text-align: center; background: #E5E5E5;    border: 1px solid #FFF;border-width: 0 1px 1px 0;  }
.booking_table .time_wrapper ul li.booked {background: #ffa3a3;}
.booking_table .time_wrapper ul li.ava input[type="radio"] {width:0; height: 0; visibility: hidden;}
.booking_table .time_wrapper ul li.ava input[type="radio"] + label {padding: 0; display: block; width: 100%; height: 100%;}
.booking_table .time_wrapper ul li.ava input[type="radio"]:checked + label {background: #FF9540;}
.booking_table .time_wrapper ul li.booked input[type="radio"] + label {color: #FFF;padding-left: 0;}
.booking_table input[type="radio"] + label:before,
.booking_table input[type="radio"] + label:after {display: none;}
.booking_table .time_wrapper ul li.ava input[type="radio"] + label:before,
.booking_table .time_wrapper ul li.ava input[type="radio"] + label:after {width: 0; height: 0; background: transparent;}
.booking_table .time_wrapper ul li input[type="radio"]:disabled,
.booking_table .time_wrapper ul li input[type="radio"]:disabled + label {display: none;}
.booking_table .time_wrapper ul li.ava {background: #31f0d9;color: #FFF;}
.booking_table .time_wrapper ul li.ava:hover,
.booking_table .time_wrapper ul li.ava.active {background: #FF9540;}
.booking_table .app_bottom { font-size: 13px; color: #666; margin-top: 25px;}
.booking_table .app_bottom .app_info { float: left; width: 65%; line-height: 14px;}
.booking_table .app_bottom .app_info a { color: #0DD6F6; text-decoration: underline; padding-left: 8px; border-left: 1px solid #999; }
.booking_table .app_bottom .app_info a:hover { text-decoration: none; }
.booking_table .app_bottom a.btn-orng { color: #FFF; padding: 10px 15px;border-radius: 3px;border: 0;float: right; font-size: 14px; }
.booking_table .app_bottom .back-links {}
.booking_table .app_bottom .back-links a{ display: inline-block; width: 49%; text-align: center; color: #0dd6f6; border: 1px solid #0dd6f6;    border-radius: 3px;padding: 10px 0;float: left;margin-right: 2%; }
.booking_table .app_bottom .back-links a.back-search { color: #FFF; background: #0dd6f6; margin: 0;}


/** Custom Designs **/
/* Base for label styling */
[type="radio"]:not(:checked),
[type="radio"]:checked,
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label,
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}

/* checkbox aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; top: 0px;
    width: 12px; height: 12px;
    border: 1px solid #b1b2b3;
    background: #fff;
}
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    /*content: '�?';*/
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 18px;
    line-height: 0.8;
    background: #ff9d35;
    transition: all .2s;
    width: 8px;
    height: 8px;
}
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after,
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
[type="radio"]:checked + label:after,
[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before,
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
[type="radio"]:disabled:checked + label:after,
[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
[type="radio"]:disabled + label,
[type="checkbox"]:disabled + label {
    color: #aaa;
}

.popup-close {
    position: absolute;
    z-index: 1001;
    top: 6px;
    right: 8px;
}
.form-popup li {width: 49%; float: left; margin-right: 1%; margin-bottom: 2%;}
form li {position: relative;}
form .btn-choose { border: 0;padding: 7px;border-radius: 0 4px 4px 0; top: 30px;}
.prof-form-wrap form .btn-choose,
.patient-form-wapper form .btn-choose {right: 44px;}
.model_popup.popup-prof-edit form .btn-choose {right: 35px;}
form .btn-group {text-align: center; width: 100%; margin: 0;}
form .login-submit {padding: 7px;border-radius: 4px; border: 0; color: #FFF; min-width: 100px;}
form .tite {width: 35%; float: left; color: #999;}
form .tite-desc {width: 65%; float: left;}
form h2 {margin-bottom: 15px;}

.register-page-body {background: #f7f5f1;}
.register-page-body .main-container {padding: 0;}
.register-page-body .wrapper-md {display: flex; max-width: 60%; margin: 50px auto 0;     padding: 0;border-radius: 5px; box-shadow: 0px 0px 7px rgb(204, 204, 204);}

.register-page {}
.register-page .advertis {width: 30%; background: #334f67; color: #FFF; float: left; text-align: center; padding-top: 50px; position: relative; box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
.register-page .advertis img {border: 3px solid #FFF; border-radius: 100%; max-width: 90%; }
.register-page .advertis h2 {margin: 30px 0 5px;}
.register-page .add-form  {width: 70%; margin-left: 0%; float: left;background: #FFF;padding: 20px;border-radius: 5px;}
.register-page .add-form .pass-field input {margin-bottom: 10px;}
.register-page .form-group .form-group {width: 50%; margin: 0;}
.register-page .form-group .form-group:last-child {padding-right: 0;}
.register-page .form-control {border-width: 0 0 1px; padding: 0; height: 25px; border-radius: 0; }
.register-page label {margin: 0;}
.register-page .add-form .form-group {padding: 0 2%;}
.register-page .hav-acc {text-decoration: underline;color: #2981cc;}
.register-page .hav-acc:hover {text-decoration: none;}
.register-page .btn {border-width: 0px; }
.register-page .btn:hover {    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
                               -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
                               -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);}

.reg-header {}

.payment-set-form .sea {width: 50%; }
.payment-set-form .form-group.selected-con {padding-bottom: 70px;}
.payment-set-form .form-group {width: 48%; float: left; border: 1px solid #ccc; padding: 10px 10px 30px; border-radius: 3px; margin-right: 2%; position: relative; min-height: 300px;}
.payment-set-form .form-group .form-group {width: 75%; float: left; border: 0; min-height: initial; padding: 0 0 0px; margin-bottom: 5px;}
.payment-set-form .form-group .full_w {width: 75%; clear: both; font-weight: bold; position: absolute; bottom: 0; width: 73%; }
.payment-set-form .form-group .full_w label {font-weight: bold; }
.payment-set-form .form-group .selected-total {bottom: 40px;}
.payment-set-form .form-group .tite-detai {float: right; margin-right: 20px}
.payment-set-form h2 label {font-size: 13px;}

.paymentset-input .form-control {width: 80%; float: left;}

.print-page .panel li {border: 0;}
.print-page .header-con .con {float: left; width: 70% ;}
.print-page .header-con .sea {float: left;}
.print-page .table > thead > tr > th {border: 0;}
.print-page .table > tbody > tr > td,
.print-page .table > tfoot > tr > td {border: 0;}
.print-page ul {margin-bottom: 10px;}
.print-page ul li {clear: both; overflow: hidden;}
.print-page .tite-desc {float: left; width: 130px;}
.print-page .tite-detai {float: left;}

.order-edit {}
.order-edit .info li {margin-bottom: 5px; width: 30%; float: left;}
.order-edit .tit {display: inline-block;    width: 120px;font-weight: bold;}
.order-edit .tit-desc {display: inline-block;}

.head_right {width: 100%;}
.head_right .advanced-search-top {float: right;}
.advanced-searach {clear: both; margin: 50px 0 0; background: #e4e4e4; padding: 10px; border-radius: 3px;}
.advanced-searach .sea {width: 15.5%; }
.advanced-searach .sea .dropdown-menu {left: -158px !important;}
.advanced-searach .search-button  {width: 100%; text-align: center; clear: both; }
.advanced-searach .search-button a {    float: none;margin-top: 10px;}
.head_right .advanced-searach .sea .form-control {max-width: 100%;}

.adva-open {display: block;float: right; padding: 0px;background: #03a9f3; border-radius: 3px;}
.adva-open .up {display: none;}
.adva-open img {margin-bottom: -3px;}
.adva-open.open .up {display: block;}
.adva-open.open .down {display: none;}

.credit-col,
.table-striped > tbody > tr:nth-child(even) > td.credit-col {background: #f2f2f2;}
.debit-col,
.table-striped > tbody > tr:nth-child(even) > td.debit-col {background: #e8e8e8;}
.trail-table .table > tbody > tr > td, .trail-table .table > tfoot > tr > td {padding: 8px 5px;}
.selected-date h4 {font-weight: normal; padding: 15px;}
.panel.panel-default.paneltop {
    position: fixed;
    width: 84%;
    z-index: 1;
}
.paneltopsec{
    margin: 43px -20px 0;padding: 30px 30px 12px;
    position: fixed;
    width:84%;
}
.tabletop{
    margin-top: 100px;
}
.tablehead.thead-fixed {width: 84%;position: fixed;margin: 4px -20px 0;padding: 0 20px;}
.search-fixed{
    background: #fff;
    top: 35px;
    z-index: 1;
}
.thead-fixed{
    position: fixed;
    top:150px;
}
.tab-bottom{
    margin-top: 151px;
}
.tab-bottom-commission{
    margin-top: 130px;
}

.chel-edit-add img {vertical-align: top;}

.print-show {display: none;}
.print-show {display: none;}
@media print {
    .print-btn, .app-header { display: none; }
    .czn-dashboard #aside {display: none;}
    .czn-dashboard .panel-heading {display: none;}
    .czn-dashboard .content-area {width: 100%; margin-left: 0;}
    .payment-list-print #aside {display: none;}
    .payment-list-print .head_right.wrapper-sm {display: none;}
    .payment-list-print .panel-heading {display: none;}
    .payment-list-print .content-area {width: 100%; margin-left: 0;}
    .hide-print {display: none;}
    .print-show {display: block;}
    .print-show h2 {float: left;}
    .print-show p {float: right;}
    .receipt-print .print-show{display:inline-block;}
    .tabletop{
        margin-top: 0px;
    }
    .pr-mt{margin-top: 0px;}
    .table tfoot {display: none;}
    #aside {display: none;}
    .app-header {display: none;}
    .head_right {display: none;}
    .panel-heading .add-dash {display: none;}

    .panel.panel-default.paneltop {position: static; width: 100%; padding: 0; margin: 0;}
    .tablehead.thead-fixed {position: static; width: 100%; padding: 0; margin: 0;}
    .tab-bottom {margin-top: 10px;}
    .content-area {width: 100%;    margin-left: 0%;}
    .content-area .wrapper-md {padding: 0;}
    .content-area .btn_group {display: none;}

    .wrapper-md {margin: 0 10px;}

    .print-search-header {margin: 10px 10px 0; clear: both;}
    .selected-date  {padding: 0px 10px 0;}

    .form-group {margin-bottom: 0px;}
    .panel-heading {padding: 0;}
    .panel-heading h2,
    .panel-heading a {display: none;}
    .selected-date h4 {padding: 10px;}
    .search-filters {}
    .search-filters li {width: 50%; float: left; border: 0; padding: 0 10px;}
    .receipt-print .add-form .recipt-amnt .form-group{width: 45%;}
    .receipt-print .mr-width{    width: 105px !important;
                                 display: inline-block !important;}



}

/*bhavani*/
.breakdiv{
    word-break: break-word;}
.marglefttf{margin-right: 25px;}

/***********overwrite**************/
.receipt-print .add-form .recipt-amnt .form-group{width: 45%;}
.receipt-print .mr-width{    width: 130px;
                             display: inline-block;}
.receipt-print .d-data{margin-left:10px;}

.red{
    background: rgba(255, 0, 0, 0.5)!important;
}
.table-striped > tbody > tr:nth-child(even).red > td, .table-striped > tbody > tr:nth-child(even).red > th{
    background:  rgba(255, 0, 0, 0)!important;
}
.red1{
    background-color: rgba(255, 0, 0, 0.5)!important;   
}

.table-sample li{
    width: 50%;
    float: left;
}

.text-right1 label{
    margin-bottom:0px !important;
}

.cancel-lab{
    margin-top: 3px;
    margin-bottom: 3px;
}
body{
    font-size: 14px;
}.f-right{
    float:right !important;
}
.center{
    text-align: center;
}
.print-head{
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.col-sm-6{width: 50%;}
.print-tbl{
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid;
}
.company-detail {
    border: 1px solid;
}
.c-name {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.topmargin {
    margin-top:10px;
}
.colorCode{
    background: #d79aff4f !important;
}
.otherTab .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px 13px;
}.msgNumber {
    /*border: 2px solid #03a9f3;*/
    padding: 20px;
    /*    border-style: groove;
        border-top: 0px;*/
}.group-sqr {
    max-height: 250px;
    /*border: 2px solid #03a9f3;*/
    /*padding: 20px;*/
    overflow-x: hidden;
    overflow-y: auto;
    /*margin-bottom: 10px;*/
    /*border-style: groove;*/
}.group-sqr h3{
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*    background-color: #03a9f3;
        color: #fff;*/
    /*padding: 20px;*/
    font-weight: 400;
    padding-left: 30px;
}.voucher .add-form form {width: 100%;}
.rowpad{
    clear: both;
    padding: 20px;
}.rowpad h2{
    font-size: 18px;
    border-bottom: 1px solid #bebdbd;
}.advisorHead{
    margin-bottom: 10px;
}.advisorHead li{
    float: left;
    width: 50%;
}.advcom li{
    float: left;
    width: 50%;
}.advcom .dropdown-menu li{
    float: none;
    width: 100%;
}.advTitle{
    font-size: 16px;
    color: #03a9f3;
    border-bottom: 1px solid #cecece;
    clear: both;
    margin-left: 15px;
    margin-right: 15px;
}
.add_btn{
    background-color: #03a9f3;
    color: #fff;
    padding: 2px 12px 2px 12px;
    margin-top: -6px;
    border-radius: 3px;
    font-size: 14px;
}.advTable{
    min-height: 0px !important;margin-left: 10px;
    margin-left: 15px;
    margin-right: 15px;
}
.left{text-align: left;}
.advTable input{
    margin-bottom: 10px;
}.advTable tr th{padding-bottom: 10px;}
.tbl_scroll{
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
}.advTitle a:hover{
    color: #fff;
    background-color: #1591c8;
}.width{width: 17% !important;}
.btn_blue{
    background: #32a9f3;
}
.sepDiv{
    float: left;
    display: inline-block;
}
@media print {
    #printablediv , body{
        display: block !important;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        margin-left: 0 !important;
    }
}
.plink{text-decoration: underline;}
.plink:hover{text-decoration: underline;}


.svgIcon {
    height: 16px;
    width: 16px;
}
.tokenAreaView.generic-input {
    padding: 5px 0 0 5px;
}
.generic-input.showing, textarea.showing, .recurly input[type=text].showing, .recurly .recurly-hosted-field.showing {
    border: 1px solid #d5dce0;
}
.tokenAreaView {
    background: #fff;
    cursor: text;
}
.generic-input, textarea, .recurly input[type=text], .recurly .recurly-hosted-field {
    border-radius: 4px;
    border: 1px solid transparent;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #151b26;
    padding-left: 10px;
    border: 1px solid transparent;
}
.generic-input, textarea{
    padding-top: 10px;
}
.tokenAreaView .tokenView {
    margin: 0 5px 5px 0;
}
.tokenView:not(.has-potColor) {
    background: #f6f8f9;
    border-color: #e0e6e8;
    color: #646f79;
}

.tokenView:not(.has-potColor):hover {
    background: #edf8ff;
    border-color: #32c1ff;
    color: #32c1ff;
    transition: background .15s, border .15s, color .15s, fill .15s;
}
.tokenView {
    align-items: center;
    border: 1px solid;
    border-radius: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    padding-left: 15px;
    position: relative;
}
.tokenView-label {
    align-items: center;
    display: flex;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tokenView-label .tokenView-labelText {
    text-overflow: ellipsis;
    overflow: hidden;
}
.tokenView:not(.has-potColor) .tokenView-remove {
    fill: #b7bfc6;
}
.tokenView-remove {
    align-items: center;
    border-radius: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-flex;
    fill: #b7bfc6;
    height: 16px;
    justify-content: center;
    margin: 0 5px;
    padding: 3px;
    width: 16px;
}
.tokenView a {
    color: #14aaf5;
    cursor: pointer;
    text-decoration: none;
}
.tokenView a {
    background-color: transparent;
}
.tokenView-removeIcon {
    flex-shrink: 1;
}
.svgIcon {
    height: 16px;
    width: 16px;
}
.tokenView:not(.has-potColor):hover .tokenView-remove {
    fill: #32c1ff;
}
.tokenView:not(.has-potColor):hover .tokenView-remove:hover {
    fill: #fff;
}
.tokenView-remove:hover {
    background: #32c1ff;
}
.tokenView a:hover, .tokenView a:focus {
    color: #32c1ff;
    text-decoration: underline;
}
.tokenAreaView .token-input.shadow {
    padding-right: 15px;
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
}
.tokenAreaView .token-input {
    box-shadow: none !important;
    border: none;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: 2px;
    resize: none;
    vertical-align: top;
    width:100%;
    position: relative;
}
.generic-input.hovered:not(.override-hover-border):not([disabled]), .generic-input:hover:not(.override-hover-border):not([disabled]), textarea.hovered:not(.override-hover-border):not([disabled]), textarea:hover:not(.override-hover-border):not([disabled]), .recurly input[type=text].hovered:not(.override-hover-border):not([disabled]), .recurly input[type=text]:hover:not(.override-hover-border):not([disabled]), .recurly .recurly-hosted-field.hovered:not(.override-hover-border):not([disabled]), .recurly .recurly-hosted-field:hover:not(.override-hover-border):not([disabled])
{    
    border-color: #d5dce0;
    transition: border-color 100ms;
}
.generic-input.showing.hovered:not(.override-hover-border):not([disabled]), .generic-input.showing:hover:not(.override-hover-border):not([disabled]), textarea.showing.hovered:not(.override-hover-border):not([disabled]), textarea.showing:hover:not(.override-hover-border):not([disabled]), .recurly input[type=text].showing.hovered:not(.override-hover-border):not([disabled]), .recurly input[type=text].showing:hover:not(.override-hover-border):not([disabled]), .recurly .recurly-hosted-field.showing.hovered:not(.override-hover-border):not([disabled]), .recurly .recurly-hosted-field.showing:hover:not(.override-hover-border):not([disabled])
{
    border-color: #9ca6af;
    transition: border-color 100ms;
}
.multi-select-div  .token-input:focus {
    -webkit-animation: none;
    animation: none;
    box-shadow: none;
    outline: none;
}
.multi-select-div .token-input.shadow {
    padding-right: 15px;
    position: absolute; 
    visibility: hidden; 
    white-space: nowrap; 
}

.col-sm-8{width:66.66%;}
.col-sm-4{width:39.33%;}
.col-sm-5{width:41.66%;}
.col-sm-7{width:58.33%;}
.col-sm-2{width:16.66%;}
.col-sm-1{width:8.33%;}

.col-sm-8{
    float: left;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.col-sm-4{
    float: left;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.col-sm-7{
    float: left;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.col-sm-5{
    float: left;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.col-sm-6{
    float: left;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.col-sm-2{
    float: left;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.col-sm-1{
    float: left;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.nopadding{padding:0;}
.bottommargin{margin-bottom:10px;}
.label-align label{display:block;}
/*--Advance screen search icon class--*/
.search-icon{float: right;margin-top: -23px;margin-right: 10px;}
/*--End of class--*/
.advanceScreen .form-group {
    margin-bottom: 0px;
}
.advanceScreen .add-form .form-group{
    height: 80px;
}

.print-btn-wrap1 {
    float: right;
    margin: 10px auto 20px;
}
.pp{width: 11%;} 	
.center{text-align:center;} 			
td, th {vertical-align: middle;line-height: 25px;}
.lh p{line-height: 10px;}
.payvouch .print-page table td {
    border-right: none !important;
    padding: 0px 10px;
}
.glyphicon-right-search{top:-24px !important;float:right;right:10px;}
.model-photo .form-container .file_upload_wrapper {
    max-height: 200px;
    overflow-y: scroll;
}
.avt1 img {
    height: 100px;
}
.profile_gallery li img{width:40px;height:40px;}

@media screen and (min-width: 769px){
    .row {margin-left: -7.5px; margin-right: -7.5px;}
    .col-sm-1, .col-sm-2, .col-sm-2-5, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left; padding-left: 7.5px; padding-right: 7.5px;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2-5 {
        width: 20%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1.5{
        width: 11.666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
}
.garden-upload ul li {float:left;}

@media print{		
    .lpad{text-align:right;padding-left:20px !important;width:60% !important;}    		
    .heading1{font-size:14px !important;font-weight:bold;}				
    .lpad{padding-left:20px !important;width:60% !important;}                                    
    .amt{    font-size: 11px;width:85% !important;}             
    .amt input{    font-size: 11px !important;}                                                
    label{font-size:13px;}                 
    .pp{width: 18%;}                   
    input   {font-size:9px;}
}
.expenseType li a span{width: 100%;}
.cr_report [type="checkbox"]:not(:checked) + label:before,.cr_report [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    border: 1px solid #b1b2b3;
    background: #fff;
}
.cr_report [type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    top: 7px;
    left: 3px;
    font-size: 18px;
    line-height: 0.8;
    background: #ff9d35;
    transition: all .2s;
    width: 8px;
    height: 8px;
}