ul
{
    margin:0;
    padding:0;
}

.cls-brg-logo
{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	width:24%;
}


.card-heading{
    position: absolute;
    padding:10px 0;
}

#ctl00__mainMenu_m4 ~ .slide .item.last
{
    display:none;    
}

.custom-profile-edit-table {
    letter-spacing: -0.32em;
}


ul.custom-profile-edit-table li:first-child {
    width: 100%;
    padding:0;
}

.custom-profile-edit-table li {
    display: inline-block;
    width: 50%;
    letter-spacing: normal;
    vertical-align: middle;
}


.custom-profile-edit-table li .form-group > span {
    width: 135px;
    float: left;
    vertical-align: bottom;
    padding-top: 10px;
}
.custom_profile_edit_table_cls li .form-group > span
{
    width:100%;
    float:left;
}
.custom_profile_edit_table_cls li:first-child .form-group > span
{
    width:135px;
}


.custom-profile-edit-table li .form-group input[type="file"] {
    width: auto !important;
    vertical-align: top;
}

.custom-profile-edit-table li .form-group input,
.custom-profile-edit-table li .form-group select{
    width: calc(-135px + 100%) !important;
}

.profile-table
{
    table-layout: fixed;    
}

.profile-table tr td:first-child
{
    text-align:left;
    width:150px; 
}

ul.custom-profile-table {
    letter-spacing: -0.32em;
}


ul.custom-profile-table li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}

ul.custom-profile-table .form-group {
    letter-spacing: -0.32em;
}

ul.custom-profile-table li .form-group span:first-child {
    width: 120px;
    display: inline-block;
    text-align: left !important;
}

ul.custom-profile-table li .form-group span {
    letter-spacing: normal;
    vertical-align: top;
}

ul.custom-profile-table li .form-group span:nth-child(2n) {
    width: calc(100% - 120px);
    display: inline-block;
}
select#cmbSprints {
    margin-left: 0 !important;
}

.msg-alert 
{
    background: #fff;
    max-width: 300px;
    padding: 15px;
    box-shadow: 0px 3px 25px #ccc;
    border-radius: 5px;
    margin:8px auto 30px;
    width:100%;
}
.red-wiki-iframe {height: 80px;}
.custom_profile_edit_table_cls li
{
    width:calc(33.33% - 17px);
    padding:0px !important;
    margin-right:25px;
}
.custom_profile_edit_table_cls li:nth-child(3n + 1)
{
    margin-right:0px;
}
.custom_profile_edit_table_cls li .form-group
{
    float:left;
    width:100%;
    margin-bottom:8px;
}
.custom_profile_edit_table_cls li .form-group input, .custom_profile_edit_table_cls li .form-group input[type="file"]
{
    width:100% !important;
    border:1px solid #ddd;
    background:#fff;
    margin: 8px 0px 0px;
    float: left;
    padding: 10px 14px;
    height: auto;
    border-radius: 4px;
    color: #333;
    font-weight:400;
}
.custom_profile_edit_table_cls li .form-group select
{
    border:1px solid #ddd;
    width:100% !important;
    height:auto;
    padding:9px 15px !important;
    margin:8px 0px 0px;
    border-radius:4px;
    float:left;
    background-position:center right 10px;
}
.custom_profile_edit_table_cls li .form-group img
{
    display:none;
}
.custom_profile_edit_table_cls li .form-group input:focus
{
    background:#fff;
}
.custom_profile_edit_table_cls li .form-group span:last-child
{
    display:none;
}

@media only screen and (min-width: 414px) and (max-width: 736px){
    .form-control::placeholder{
        font-size: 15px;
    }
}

@media only screen and (max-width: 640px) and (min-width: 250px){
    .useraccount-teammember-formposition {
        position: static;
    }
}

@media (max-width: 767px) and (min-width: 250px){
    .profile-table tbody tr td:first-child {
        white-space: normal;
        text-align:left;
        vertical-align:top;
    }
    .custom-table {
        display: table;
    }
    
}
@media only screen and (max-width:1024px)
{
    td a.radPopupImage_Default 
    { margin-top: 10px !important;
      dislay: block;
        }
    .useraccount-teammember-label .checkbox.float-right{
        float: none !important;
    }    
    /*#RAD_SPLITTER_ctl00_ChildContent1__splitterMain #_splitBarLeftRight {
        display: none;
    }*/
    
    .useraccount-teammember-label {
        text-align: left;
        padding: 10px 0 0 0px;
    }
    .preview-btn.res-btn-new {
        text-indent: 0;
        width: auto;
        min-width: 24px !important;
        /* background: url(../images/png/plus.png) no-repeat scroll center/contain #FF6A00; */
        padding: 6px 14px 6px 14px !important;
        background-size: 16px;
        font-size: 13px;
    }
    .refresh_btn_task_btn
    {
        display:inline-block;
    }
    
    .preview-btn.res-btn-pri {
        text-indent: -99999px;
        width: 24px;
        min-width: 24px !important;
        background: url(../images/png/bin.png) no-repeat scroll center/contain #2F5FD8;
        padding: 3px 8px !important;
        background-size: 16px;
    }
    .refresh_btn_task_btn
    {
        width:20px;
        height:20px;
    }
    
    .preview-btn.res-btn-refresh 
    {
        text-indent: -99999px;
        width: 24px;
        min-width: 24px !important;
        background: url(../images/png/refresh-white.png) no-repeat scroll center/contain #2F5FD8;
        padding: 3px 8px !important;
        background-size: 16px;
    }
    #divTasks #noeffects #UpdatePanel1 .text-right.mt-md-3.mt-lg-0 select.cls-drp-task-list.form-control.task_view_custom_style
    {
        position:relative;
        top:7px;
    }
    .divToolbar.mob_task_btn_padding .task_btn_custom2
    {
     display:inline-block !important; 
    }
    .divToolbar.mob_task_btn_padding .task_btn_custom2 input[value="Complete"], .divToolbar.mob_task_btn_padding .task_btn_custom2 input[value="Reopen"], .preview-btn.res-btn-new
    {
        width: 80px;
        font-size: 13px;
        padding: 4px 4px !important;   
    }
    .cls_btn_complete_task
    {
        background-image:none !important;
    }
    .move_to_task 
    {
        position:relative;
        top:0px;
    }
    .move_to_task select
    {
        padding:3px 22px 3px 8px;
        height:27px;
        border:0px !important;
    }
}

@media only screen and (max-width:991px) 
{
    .msg-alert {
        position: inherit;
        top: auto;
        right: auto;
        max-width: 100%;
    }
    .table-responsive-wrapper > div
    {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;   
    }
    
    .lblalign
    {
        text-align:left !important;
    }
    
    .custom-profile-edit-table li 
    {
       width:100%;
       padding:0 !important;
    }
    .custom-profile-edit-table li .form-group{margin-bottom:0;}
    
    .data-entry-container
    {
        height:auto;    
    }
    
    .card-body > .mb-4{margin-bottom:0.5rem !important}
    ul.custom-profile-table li {width:100%;}
}
@media only screen and (max-width: 767px) 
{
    .cls-brg-logo
    {
        width:42%;           
    }
    
    .cls-swtch-n-profile
    {
        width:28%;
    }
    
    .card{
        margin-bottom: 60px;
    }
    
    .custom-table input[type='text'] 
    {
        width:100%;
    }
    
    .custom-table input[type="image"]{
        width:15px;
    }
    
    .clsAddNewColumn{margin:10px 0 0px !important;}
    
    .profile-table{table-layout:fixed;}
    
    .radInput_Default {
        width: 100% !important;
    }
    .preview-btn.res-btn-new {
        width: 70px;
        /* background: url(../images/png/plus.png) no-repeat scroll center/contain #FF6A00; */
        padding: 4px 4px 4px 4px !important;
        font-size: 12px;
    }
    #divTasks #noeffects #UpdatePanel1 .text-right.mt-md-3.mt-lg-0 select.cls-drp-task-list.form-control.task_view_custom_style
    {
        position:static;
        top:0px;
    }
    .divToolbar.mob_task_btn_padding .task_btn_custom2
    {
        display:none !important;
    }
    .move_to_task select
    {
        border:1px solid #ddd !important;
        padding:3px 24px 3px 8px;
        height:30px;
    }

}


@media only screen and (max-width: 823px) and (orientation: landscape)
{
    .rotate-270 {
        transform: rotate(270deg);
    }
    
    .rotate-90
    {
        transform: rotate(90deg);    
    }
    
}