﻿body {
    /*padding-top: 50px;*/
    padding-bottom: 0px;
    border-left-color: #1e282c !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}


#txamsg {
    min-width: 500px !important;
    min-height: 250px !important;
}

.main-footer .pull-right {
    margin-bottom: 0px !important;
}

#leftNav {
    border-left-color: #1e282c !important;
}

.pt-3 {
    padding-top: 3%;
}

.FGWhite {
    color: white !important;
}

.profile .profile-image img {
    border: none;
}

.bold {
    font-weight: bold;
}

.readMessage {
    background-color: plum;
}

.unReadMessage {
    background-color: lightpink;
}

.text-center {
    text-align: center;
}

.logout-right-button {
    padding: 8px;
}

.p-3 {
    padding: 3px !important;
}

.p-5 {
    padding: 5px !important;
}

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

.pt-10 {
    padding-top: 10px !important;
}
.mt-0{
    margin-top:0px !important;
}
.mt-5{
    margin-top:5px !important;
}
.mt-10{
    margin-top:10px !important;
}
.mt-15{
    margin-top:15px !important;
}
.mb-0{
    margin-bottom:0px !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}

.container {
    margin-top: 10px;
    width: 85%;
    margin-left: 15%;
}

.sidebar-collapse .container {
    margin-top: 10px;
    width: 95%;
    margin-left: 5%;
}


/*Style for Loader during ajax calls STARTS*/
#loadingDiv {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #EAF4FD;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    z-index: 4000;
}

#LoadingImageDiv {
    position: fixed;
    top: 200px;
    left: 50%;
    padding: 10px;
    z-index: 4001;
}
/*Style for Loader during ajax calls ENDS*/
.main-header .sidebar-toggle:before {
    content: '';
}

.overflow-auto {
    overflow: auto;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.control-full-width {
    width: 100%;
}
/*#tblFileList tbody tr td{
    padding:0px;
}*/
#tblFileList.table > thead > tr > td, #tblFileList.table > tbody > tr > td {
    border: none !important;
}

.fa-2x-s {
    font-size: 1.5em;
}

#tblFileList.table > tbody > tr > td > svg {
    color: grey
}
/* For Desktop View */
@media screen and (min-width: 1024px) {
    .container {
        margin-top: 10px;
        width: 85%;
        margin-left: 15%;
    }

    .sidebar-collapse .container {
        margin-top: 10px;
        width: 95%;
        margin-left: 5%;
    }
}

/* For Tablet View */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .container {
        margin-top: 10px;
        width: 70%;
        margin-left: 30%;
    }

    .sidebar-collapse .container {
        margin-top: 10px;
        width: 95%;
        margin-left: 5%;
    }
}

/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
    #divSemListDropDown, #divMsgTagDropDown {
        margin-top: 15px;
    }
}

/* For Mobile Landscape View */
@media screen and (max-device-width: 640px) and (orientation: landscape) {
}

/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {
}

/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3) {
}


/*#AppMsgText_tbl, #AppMsgText_parent {
    width: 100%;
}

table.mceLayout, textarea.tinyMCE {
    width: 100% !important;
}*/
@media only screen and (max-width: 767px) {
    table.mceLayout, textarea.richEditor {
        width: 767px !important;
    }

    .container {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
}
/*#ddlSem{
    width:50px !important;
}*/

.multiselect-container .dropdown-item {
    background-color: transparent !important;
    border: none !important;
    width: 100% !important;
    text-align: left !important;
}

    .multiselect-container .dropdown-item .form-check {
        padding-left: 0px;
    }

        .multiselect-container .dropdown-item .form-check .form-check-label {
            font-weight: normal;
            font-size: inherit;
        }

    .multiselect-container .dropdown-item:hover, .multiselect-container .dropdown-item:active {
        background-color: transparent !important;
    }

.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active {
    background-color: transparent !important;
}

.padding-0,.p-0 {
    padding: 0;
}

#divAddFilesbtn {
    /* padding-left: 15px;
    padding-right: 15px !important;*/
    margin-right: 15px;
    height: 100px;
    background-color: honeydew;
    text-align: center;
    border:2px dashed gray;
    border-radius:8px;
}

#tblShowFilesUploads {
    margin-top: 10px;
    margin-right: 15px;
}

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

    .multiselect-native-select .btn-group button {
        text-align: left;
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

.multiselect-container.dropdown-menu .multiselect-option .form-check-label, .multiselect-container.dropdown-menu .dropdown-item.multiselect-all .form-check-label {
    padding-left: 5px;
}

#dropdownDownArrow {
    float: right;
}

#iconUploadFiles {
    color: #cccccc;
}

#divtableforFiles {
    /*height:50px !important;*/
    width: 100% !important;
}

.dataTables_empty {
    display: none;
}

#tblBodyFilesUploaded, #tblShowFilesUploads {
    width: 100% !important;
}

.cursor-pointer {
    cursor: pointer;
}

.table > tbody > tr > td {
    padding: 8px;
}

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

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

    .table tbody tr:hover, .table.table-striped tbody .odd:hover, .table-striped > tbody > tr:nth-of-type(odd):hover {
        background-color: #f5f5f5
    }

.fa-2x {
    font-size: 1.5em;
}
.content-wrapper main{
    padding:15px;
}
.row {
    margin-left:0px;
    margin-right:0px;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width:100%;
}
.open .multiselect-container.dropdown-menu {
    width: 100%;
    overflow: auto;
    max-height: 210px;
}
#ddlPermissionHolder_chosen{
    width:100%;
    background-color:white;
}
#divPermissionHolderLabel{
    font-size:medium;
}
#imgLogoLeftmenu {
    width:40px;
    float:left;
    margin-top:5px;
}