/*
This file should hold extra styles to make the module's functionality aesthetically pleasing.
This usually just consists of theme styles.
*/

.error{
    border:red 1px solid!important;
}

.sidebar-item{
    padding:4px;
}

.sidebar-item a,
.sidebar-item a:hover{
    font-weight:bold; 
    color:#232323;
}

.form-required::after{
    content: ' *';
    color:red;
}

#tabs{
    border:none!important;
    padding:0px!important;
}

#tabs ul{
    background: none;
    border: none;
    border-bottom: 1px solid #dedede;
    padding-top: 0px;
    padding-left: 0px;
}

#tabs ul li.ui-tab{
    font-family: math;
    font-weight: normal;
    font-size: 20px;
    transition-duration: .30s;
}

#tabs ul li.ui-tabs-active{
    background-color: #ff422d;
    border-color: #ff422d;
}

#tabs .fieldset-row{
    border:1px solid #dedede;
    border-top:none;
}

.profile-picture{
    max-width: 100%;
}

#edit-actions .button--primary{
    font-family: math;
    font-weight: normal;
    font-size: 20px;
    transition-duration: .30s;
    background-color: #ff422d!important;
    border-radius: 2px;
    border:none;
    color:white;
    margin-top:10px;
    margin-right:10px;
}

#edit-actions .button{
    font-family: math;
    font-weight: normal;
    font-size: 20px;
    transition-duration: .30s;
    background-color: #a7a7a7;
    border-radius: 2px;
    border:none;
    color:white;
    line-height:32px;
    display:inline-block;
    padding:1px 5px;
}

.lams-btn{
    font-family: math!important;
    font-weight: normal;
    font-size: 20px;
    background-color: #ff422d!important;
    border-radius: 2px;
    border:none;
    color:white;
    margin-top:0px;
    margin-right:0px;
}

.lams-btn-alt{
    font-family: math;
    font-weight: bold;
    font-size: 20px;
    background-color: white!important;
    border-radius: 2px;
    border:2px solid #ff422d;
    color: #ff422d !important;
    margin-top:0px;
    margin-right:0px;
}

.lams-icon-btn{
    font-family: 'FontAwesome'!important;
	background-color: transparent;
	border: 2px solid #ff422d;  
    border-radius:200px;
    color: #ff422d!important;
    width:35px;
    height:35px;
}

.ui-dialog-buttonset .lams-btn{
    font-size:20px;
    border:none!important;
}

.ui-dialog-buttonset .lams-btn:hover{
    color:white;
    border:none!important;
}

.sm-button{
    font-weight: normal;
    font-size: 20px!important;
    padding:1px 5px!important;
}

.btn-narrow{
    padding:1px 5px!important;
}

.lams-list{
    width:100%;
}

.lams-list thead{
    background:#e6e6e6;
}

.lams-list thead th{
    padding:4px 10px;
}

.lams-list tbody td{
    padding:4px 10px;
    border:1px solid #e6e6e6;
}

.lams-list svg{
    width:100%;
}

.lams-list a{
    height:30px;
    width:30px;
    display:inline-block;
    margin-left:5px;
}

.lams-list a:hover{
    text-decoration: none;
}

.item-view label{
    font-size:14px;
    margin-bottom:0px;
    display:block;
}

.item-view span{
    margin-bottom:10px;
    display:block;
}

.my-account-section{
    border:1px solid #dedede;
    padding:20px;
}

.my-account-section .sidebar-item{
    line-height:1;
}

.my-account-section .sidebar-item a{
    font-weight:normal;
}

.submenu-item{
    color:#232323;
}

.sub-sidemenu{
    list-style-type: none;
    padding-left:24px;
}

.sub-sidemenu li::before{
    color:#232323!important;
}

#lams-dropzone{
    padding: 20px;
    border-radius: 8px;
    border: 2px dashed #ccc;
    text-align: center;
    width: 100%;
}

.dz-preview{
    display:none;
}

.file-up-textarea{
    padding:5px;
    width:100%;
    resize:vertical;
    border:1px solid #ccc;
}

#lams-file-table,
.lams-table{
    margin-top:10px;
    width:100%;
}

#lams-file-table td,
.lams-table td{
    border:1px solid #ccc;
    padding:4px;
}

#lams-file-table thead,
.lams-table thead{
    background: #e6e6e6;
}

#lams-file-table th,
.lams-table th{
    font-family: Arial;
    font-weight:700;
    font-size:18px;
    border:1px solid #ccc;
    padding:4px;
}

.oidc-wrapper
{
    border-left:1px solid #ccc;
}

.oidc-button{
    width:100%;
}

.container-text{
    min-height:220px;
}

#drupal-modal{
    overflow-x:hidden;
}

.lams-list thead th:last-child{
    text-align: right;
}

.lams-list thead th:last-child{
    text-align: right;
}

.lams-list-operations{
    text-align: right;
}

.lams-list-operations legend{
    display: none;
}

.ui-dialog-title{
    font-family: Math;
    font-size:26px;
}

legend{
    font-size: 18px!important;
}

#forgot-pass{
    float:right;
    margin-top:24px;
}

.requirement-message{
	margin:0;
	color:red;
}