/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 4, 2018, 4:29:46 PM
    Author     : durga.prasad
*/
body {
    background: #f1f1f1 !important;
    font-family: Segoe UI, Tahoma, Arial !important;
}

.panel-body ul li {
    line-height: 55px;
}

.panel-body .label_text {
    margin-top: 10px;
}

.panel-body .label_input {
    *padding-top: 12px !important;
}

.panel-body .line_div {
    padding-top: 15px;
}

.panel-body #label_text {
    padding-top: 3px;
}

.panel-body #label_text b {
    font-weight: 300px;
    color: #000;
    font-size: 13px;
}

.label_input input {
    *background: #f8f8f8;
    border-style: dashed;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
    border-radius: none;
    border-radius: 0;
}

.panel-body .label_input .blue_name {
    color: #1160B7;
}

.panel-body .label_input input[type=text]:focus, textarea:focus, input[type=date]:focus {
    *background: #f8f8f8 !important;
    border-top: thin solid #aaa !important;
    border-left: thin solid #aaa !important;
    border-bottom: thin solid #aaa !important;
    border-right: thin solid #aaa !important;
    box-shadow: none;
    border-radius: 0;
}

/*.panel-body .label_input textarea:focus{*background:#f8f8f8; border-top:thin solid #aaa; border-left:thin solid #aaa; border-bottom:thin solid #aaa;  border-right:thin solid #aaa; box-shadow:none;}*/
/*.panel-body .label_input {*background:#f8f8f8; border-top:thin solid #aaa; border-left:thin solid #aaa; border-bottom:thin solid #aaa;  border-right:thin solid #aaa; box-shadow:none;}*/
.label_input textarea,  .label_input select {
    *background: #f8f8f8;
    border-style: dashed;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
}

.label_input select {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}

.label_input select:focus {
    border: 1px solid #ced4da !important;
}

.label_input input[type=date] {
    *background: #f8f8f8;
    border-style: dashed;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
}

.right_content {
    padding: 0px;
}

.top_heading1 {
    background: #f3f3f3;
    border: thin solid #ddd;
    padding: 10px 10px 10px 10px;
    max-width: 100% !important;
    margin: 0 auto;
    color: #505050;
    font-weight: 500;
    font-family: Segoe UI, Tahoma, Arial;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f3f3f3;
    border-color: #d6d6d6;
}

.panel.panel-default {
    border-radius: 0px;
    border-color: #d6d6d6;
    margin-bottom: 10px;
}

.data_menu {
    list-style: none;
}

.data_menu li {
    float: left;
    width: 40px;
    background: #868686;
    text-align: center;
    margin: 2px;
    padding: 5px 5px;
    border: 2px solid #fff;
}

.data_menu .fa-plus {
    color: #fff;
    font-size: 16px;
}

.data_menu .fa-pencil-square-o {
    color: #fff;
    font-size: 16px;
}

.data_menu .fa-trash {
    color: #fff;
    font-size: 16px;
}

.data_menu .fa-refresh {
    color: #fff;
    font-size: 16px;
}

.right_link {
    border-right: 1px solid #BDC3C7;
}

.right_link.first {
    border-right: 1px solid #BDC3C7;
    border-left: 1px solid #BDC3C7;
}


.right_link p {
    font-size: 14px;
    font-family: Segoe UI, Tahoma, Arial;
    font-weight: normal;
}

.right_link h3 {
    color: #1160B7;
    font-family: Segoe UI, Tahoma, Arial;
    font-weight: normal;
    font-size: 21px;
    line-height: 20px;
}

.right_link1 p {
    line-height: 20px;
    color: #828181;
}

.right_link1 p {
    font-size: 14px;
    font-family: Segoe UI, Tahoma, Arial;
    font-weight: normal;
}

.right_link1 h3 {
    color: #1160B7;
    font-family: Segoe UI, Tahoma, Arial;
    font-weight: normal;
    font-size: 21px;
}

.inner {
    border: thin solid #000;
}

.panel-default {
    padding-bottom: 40px;
    width: 100%;
    border: thin solid #999;;
    margin-bottom: 10px;
}

.right_div {
    width: 48% !important;
}

.panel-body {
    height: auto;
    padding-bottom: 10px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    border: thin solid #4396ca;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #4396ca;
    border: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
}

.data_page label {
    font-size: 14px;
}

.data_page span {
    color: red;
    font-size: 17px;
}

.panel-heading a {
    color: #505050 !important;
    font-weight: 500;
    font-family: Segoe UI, Tahoma, Arial;
}

.file {
    visibility: hidden;
    position: absolute;
}
table.no-borders td{
    font-size: 13px;
    color: #828181;
    border: none;
    padding: 6px 3px;
    font-family: Segoe UI, Tahoma, Arial;
}
table.no-borders th{
    color: #272727;
    border: none;
    font-weight: 500;
    padding:5px 3px;
    font-family: Segoe UI, Tahoma, Arial;
}

#data_11 td {
    text-align: center;
    font-size: 13px;
    color: #828181;
    border-right: none;
    border-left: none;
    padding: 6px 3px;
    font-family: Segoe UI, Tahoma, Arial;
}

#data_11 th {
    color: #272727;
    text-align: center;
    border-right: none;
    border-left: none;
    font-weight: 500;
    padding:5px 3px;
    font-family: Segoe UI, Tahoma, Arial;
}
#data_11 th .fa-long-arrow-up,#data_11 th .fa-long-arrow-down{
    font-size:12px;
    color:#272727;
}

#data_detail_11 td {
    text-align: left;
    font-size: 13px;
    color: #828181;
    border-right: none;
    border-left: none;
    padding:6px 3px;
    font-family: Segoe UI, Tahoma, Arial;
}
#data_11 td.text-danger,#data_11 th.text-danger{
    color: #d9534f;
}
#data_detail_11 th {
    color: #828181;
    text-align: center;
    border-right: none;
    border-left: none;
    font-weight: 500;
    padding:5px 3px;
    font-family: Segoe UI, Tahoma, Arial;
}

#data_detail_12 td {
    text-align: left;
    font-size: 13px;
    color: #828181;
    border-right: none;
    border-left: none;
    padding:6px 3px;
    font-family: Segoe UI, Tahoma, Arial;
}

#data_detail_12 th {
    color: #828181;
    text-align: center;
    border-right: none;
    border-left: none;
    font-weight: 500;
    padding:5px 3px;
    font-family: Segoe UI, Tahoma, Arial;
}

#data_1 th {
    color: #828181;
    text-align: center;
    border-right: none;
    border-left: none;
    font-family: Segoe UI, Tahoma, Arial;
}

#data_1 td {
    text-align: center;
    font-size: 13px;
    color: #828181;
    border-right: none;
    border-left: none;
    padding: 0px;
    padding-top: 12px;
    font-family: Segoe UI, Tahoma, Arial;
}

.fa-times {
    color: red;
}

#style_no {
    color: #7878ff !important;
    text-decoration: underline !important;
}

.tool-opts {
    padding-left: 10px;
    color: #505050;
    cursor: pointer;
    text-transform: uppercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.toolbar button:focus {
    outline: none;
}

.toolbar span {
    font-family: Segoe UI, Tahoma, Arial;
    padding-right: 11px;
    cursor: pointer;
}

.table_ul {
    list-style: none;
    padding: 0px;
    margin-top: -14px;
}

.table_ul li {
    float: left;
    padding: 10px 5px;
}

.form-control.checkbox {
    box-shadow: none;
}



[
type
=
"radio"
]








:checked
,
[
type
=
"radio"
]








:not









(
:checked









)
{
    position








    :









        absolute








        ;
    left








    :









        -9999
        px








        ;
}
[type="radio"]:checked+label, [type="radio"]:not (:checked ) +label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+label:before, [type="radio"]:not (:checked ) +label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:after, [type="radio"]:not (:checked ) +label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #0e7fc5;
    position: absolute;
    top: 4px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not (:checked ) +label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

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

.table-tools {
    float: right;
    font-size: 19px;
    padding-left: 15px;
}

.no-padding {
    padding: 0;
}

.p-status, p-owner {
    margin-left: 40px;
}

.padding10 {
    padding: 10px;
}

.p-l-3 {
    padding-left: 3px;
}

.white-bg {
    background: #fff;
}

.m-b-13 {
    margin-bottom: 13px
}

.bg-cement {
    background: #e3e3e3;
}

.date-show {
    font-size: 11px;
    color: #505050;
    padding-left: 20px;
}

.auto-margin {
    margin: 0 auto;
}

label.error {
    color: #b74e4e;
}

#search.form-control, #search.form-control:focus {
    border-radius: 0;
    box-shadow: none;
    border: none !important;
}

.fa {
    cursor: pointer;
}

.label_input .fa-search {
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 20px;
    font-weight: 200;
    background: #ececec;
    padding: 5px 6px 6px 7px;
    cursor: pointer;
}

.fa-filter {
    cursor: pointer;
}

table textarea.form-control,table select.form-control,table input[type='text'].form-control{
    display: none;
    border-radius: 0;
}
table textarea.form-control:focus,table select.form-control:focus,table input[type='text'].form-control:focus{
    box-shadow: none;
    border: none;
}
table textarea.form-control.show,table select.form-control.show,table input[type='text'].form-control.show{
    display: inline-block;
}

th .icheckbox_minimal-blue {
    border: 1px solid;
}

.tanle_divmob  .table thead th {
    vertical-align: top;
}

.fix-pagination {
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
}

.fix-pagination label {
    background-color: #ececec;
    border: 1px solid #DDDDDD;
    color: inherit;
    line-height: 1.42857;
    padding: 2px 10px;
    position: relative;
    text-decoration: none;
    font-size: 13px;
    cursor: pointer;
}

.fix-pagination label:hover {
    background-color: #fff;
}

.numrecords {
    padding-right: 5px;
}

.margin10 {
    margin: 10px;
}
/*
.animated-checkbox input[type="checkbox"] {
        display: none;
}

.animated-checkbox input[type="checkbox"]+.label-text {
        cursor: pointer !important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}

.animated-checkbox input[type="checkbox"]+.label-text:before {
        content: "\f096";
        font-family: "FontAwesome";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 18px;
        -webkit-font-smoothing: antialiased;
        width: 1em;
        display: inline-block;
        margin-right: 2px;
        vertical-align: middle;
}

.animated-checkbox input[type="checkbox"]:checked+.label-text:before {
        content: "\f14a";
        color: #0995bd;
        -webkit-animation: tick 180ms ease-in;
        animation: tick 180ms ease-in;
}
*/

#checkboxes {
    list-style: none;
    padding: 10px 0;
    max-height: 150px;
    overflow-y: scroll;
}

#checkboxes label {
    display: block;
}
/*Siva added for button linkstyles*/
.linkstyle {
    cursor: pointer;
}

.p-right-message {
    margin-left: 40px;
}

.sortToggle {
    cursor: pointer;
}

.modal-dialog {
    max-width: 80%;
    margin: 30px auto;
}

.empty-table-content {
    border: 1px solid;
    border-color: #ccc;
    height: 80px;
}

.empty-table-content span {
    color: #ccc;
    font-size: 18px;
    padding-left: 15%;
}

/* durga added code for checkboxes */
.animated-checkbox {
    display: block;
    position: relative;
    width: 50px;
    padding-left: 0px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.animated-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.label-text {
    position: absolute;
    top: 4px;
    left: 19px;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.animated-checkbox:hover input ~ .label-text {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.animated-checkbox input:checked ~ .label-text {
    background-color: #2196F3;
}

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

/* Show the checkmark when checked */
.animated-checkbox input:checked ~ .label-text:after {
    display: block;
}
/* Style the checkmark/indicator */
.animated-checkbox .label-text:after {
    left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* check box with lable value */

.animated-checkbox-label {
    display: block;
    position: relative;
    padding-left: 19px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 5px;
}
.animated-checkbox-label input {
    position: absolute;
    opacity: 0;
    left: 21px;
    top: 10px;
    cursor: pointer;
    z-index: 9;
}
/* Create a custom checkbox */
.animated-checkbox-label span {
    position: absolute;
    top: 8px;
    left: 2px;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.animated-checkbox-label:hover input ~ span {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.animated-checkbox-label input:checked ~ span {
    background-color: #2196F3;
}

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

/* Show the checkmark when checked */
.animated-checkbox-label input:checked ~ span:after {
    display: block;
}
/* Style the checkmark/indicator */
.animated-checkbox-label span:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkboxes {
    list-style: none;
    padding: 10px 5px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 1px;
    border-left: 1px solid #ced4da;
    /*border-top: 1px solid #ced4da;*/
    margin-top: 0px;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
}


/* check box with lable value */
.animated-checkbox-label {
	display: block;
	position: relative;
	padding-left: 39px;
	margin-bottom: 8px;
	cursor: pointer;
	font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-top: 5px;
}

.animated-checkbox-label input {
	position: absolute;
	opacity: 0;
	left: 21px;
	top: 10px;
	cursor: pointer;
	z-index: 9;
}
/* Create a custom checkbox */
.animated-checkbox-label span {
	position: absolute;
	top: 8px;
	left: 19px;
	height: 17px;
	width: 17px;
	background-color: #fff;
	border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.animated-checkbox-label:hover input ~ span {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.animated-checkbox-label input:checked ~ span {
	background-color: #2196F3;
}

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

/* Show the checkmark when checked */
.animated-checkbox-label input:checked ~ span:after {
	display: block;
}
/* Style the checkmark/indicator */
.animated-checkbox-label span:after {
	left: 5px;
	top: 1px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* mapping text box */
.privilege-text{
    border: 1px solid #ccc !important;
}

.panel-body ul.checkboxes li{
    line-height: 30px;
}
.arrows-move {
    font-size: 29px;
    border: 1px soild #ccc;
    padding: 1px 17px;
    width: 50px;
}
.arrows-move:hover{
    background: #007bff!important;
    color: #fff;
}


/* #jmsToolsAccountCategory{ height: 13px;  width: 15px;  } */
#jmsToolsAccountCategoryOverFlow{ height: 193px; overflow: auto;  width: 100%; }
.accordion-toggle{
    cursor: pointer;
}
.accordion-toggle[aria-expanded="false"]:after {
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.accordion-toggle[aria-expanded="true"]:after {
    content: "\f106";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.card{
    border: 0px;
}
.card-header{
    background: #fff;
    border: 0;
}
.m-t-10{
    margin-top: 10px;
}
.panel.table .panel-body{
    padding: 0px;
}
.bold{
    font-weight: 600;
    font-size: 18px;
}
label.animated-checkbox-label input[type="checkbox"] + .privilege-name{
    cursor: pointer !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* scrollbar functionality goes here */
::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
}

::-webkit-scrollbar-thumb {
    background: slategray;
}

::-webkit-scrollbar-track {
    background: #b8c0c8;
}

/* PIN BOARD */
ul.notes{
    display: inline-block;
}
ul.notes li,
ul.tag-list li {
    list-style: none;
}
ul.notes li h4 {
    margin-top: 20px;
    font-size: 16px;
}
ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 140px;
    width: 140px;
    padding: 1em;
    position: relative;
}
ul.notes li div small {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    line-height: 2;
}
ul.notes li div a {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: inherit;
}
ul.notes li {
    margin: 10px 40px 50px 0;
    float: left;
}
ul.notes li div p {
    font-size: 13px;
}
ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 140px;
    width: 140px;
    padding: 1em;
    /* Firefox */
    -moz-box-shadow: 5px 5px 2px #212121;
    /* Safari+Chrome */
    -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
    /* Opera */
    box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
}
ul.notes li div {
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
}
ul.notes li:nth-child(even) div {
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    position: relative;
    top: 5px;
}
ul.notes li:nth-child(3n) div {
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    position: relative;
    top: -5px;
}
ul.notes li:nth-child(5n) div {
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    position: relative;
    top: -10px;
}
ul.notes li div:hover,
ul.notes li div:focus {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    position: relative;
    z-index: 5;
}
ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 210px;
    width: 210px;
    padding: 1em;
    -moz-box-shadow: 5px 5px 7px #212121;
    -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
    box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
    -moz-transition: -moz-transform 0.15s linear;
    -o-transition: -o-transform 0.15s linear;
    -webkit-transition: -webkit-transform 0.15s linear;
}

/* FILE MANAGER */
.file-box {
    float: left;
    width: 220px;
}
.file-manager h5 {
    text-transform: uppercase;
}
.file-manager {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.folder-list li a {
    color: #666666;
    display: block;
    padding: 5px 0;
}
.folder-list li {
    border-bottom: 1px solid #e7eaec;
    display: block;
}
.folder-list li i {
    margin-right: 8px;
    color: #3d4d5d;
}
.category-list li a {
    color: #666666;
    display: block;
    padding: 5px 0;
}
.category-list li {
    display: block;
}
.category-list li i {
    margin-right: 8px;
    color: #3d4d5d;
}
.category-list li a .text-navy {
    color: #1ab394;
}
.category-list li a .text-primary {
    color: #1c84c6;
}
.category-list li a .text-info {
    color: #23c6c8;
}
.category-list li a .text-danger {
    color: #EF5352;
}
.category-list li a .text-warning {
    color: #F8AC59;
}
.file-manager h5.tag-title {
    margin-top: 20px;
}
.tag-list li {
    float: left;
}
.tag-list li a {
    font-size: 10px;
    background-color: #f3f3f4;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block;
}
.file {
    border: 1px solid #e7eaec;
    padding: 0;
    background-color: #ffffff;
    position: relative;
    margin-bottom: 20px;
    margin-right: 20px;
}
.file-box .file{
    visibility: visible;
}
.file-manager .hr-line-dashed {
    margin: 15px 0;
}
.file .icon,
.file .image {
    height: 100px;
    overflow: hidden;
}
.file .icon {
    padding: 15px 10px;
    text-align: center;
}
.file-control {
    color: inherit;
    font-size: 11px;
    margin-right: 10px;
}
.file-control.active {
    text-decoration: underline;
}
.file .icon i {
    font-size: 70px;
    color: #dadada;
}
.file .file-name {
    padding: 10px;
    background-color: #f8f8f8;
    border-top: 1px solid #e7eaec;
}
.file-name small {
    color: #676a6c;
}
.corner {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 0.6em solid transparent;
    border-right: 0.6em solid #f1f1f1;
    border-bottom: 0.6em solid #f1f1f1;
    right: 0em;
    bottom: 0em;
}
a.compose-mail {
    padding: 8px 10px;
}
.mail-search {
    max-width: 300px;
}
.uploadfiles{
    visibility: visible;
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.looping-card{
    border: 1px solid #ddd;
    margin-bottom: 16px;
    padding: 0 21px;
}
table.no-borders.heading th{
    font-size: 19px;
    border-bottom: 1px solid #ddd;
}
.bottom-line{
    border-bottom: 1px solid #ddd;
}


/*******************************************/
		/*
			.fc-time{
                display: none;
            }
            .wrapper-content{
                display: inline-block;
            }
            .ibox {
				width: 255px;
				display: inline-block;
				margin: 0 5px 10px 0;
			}
			.row.second-header{margin-top:0px;}
			.container-fluid{width:100%;margin:0;padding:0;}
			.KGK-title { font-size: 16px;padding-top: 20px;font-weight: 400; }
			.hdr-top-block{ padding: 10px 5px; }
			.col-md-12 .hdr-top-block{padding:30px 0 0 0;}
			.layer-stretch{
				padding: 0;
				
			}
			#hdr-wrapper {
				background: url(asserts/images/menu-bg.jpg) no-repeat center;
				background-size: cover;
			}
			.div_style_no {
				width: 100%;
				display: inline-block;
				font-size: 100%;
				word-wrap: break-word;
				text-align: left;
				color: #000;
				border-top: 1px solid #dcdcdc;
				padding: 0 10px;
			}
			.div_style_no .span1, .div_style_no .span2 {
				padding: 5px 0px;
				width: 50%;
				float: left;
				text-align: left;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				margin-bottom: -5px;
			}
			.product-desc{ padding: 10px 0 0px 0; }
			.div_style_no .span1{}
			.div_style_no .span2{color: #539FB2;}
			.product_desc {height: 40px !important;display: block;overflow: hidden;display:none;}
			.product-name{padding: 5px 0 0 0 !important;}
			.product-box:hover{box-shadow: 0px 1px 1px 2px #ddd;}
			.product-box {
				padding: 0;
				border: 1px solid #ddd;
			}
			
			*/
			
			/*************************************/