﻿/*#region Popup Background*/
.popup_bg { 
    z-index: 100 !important; 
    position: absolute; 
    background-color: #000; 
    filter: alpha(opacity=45); 
    -moz-opacity: .45;  
    opacity: .45;
}
/*#endregion Popup Background*/

/*#region Popup Window*/
.popup_window {
    z-index: 101 !important;
    width: calc(100% - 10px);
    max-height: 100vh !important;
    overflow: auto;
}
.popup_window_always_on_top {
    z-index: 6001 !important;
}
.popup_window .box {
    box-sizing: border-box;
    width: 100%;
    border-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    background: #fff;
    border-collapse: separate;
}
.popup_window h1 { 
    font-size: 13px; 
    padding: 1.4em 0 1.4em .2em; 
    margin-left: 0; 
    margin-bottom: 1em; 
    font-weight: bold !important; 
    background: #ffffff; 
    color: #444 !important; 
    border-bottom: solid 1px #f2f2f2; 
    display: none; 
}
.popup_window .box .top_left,
.popup_window .box .top_begin,
.popup_window .box .top,
.popup_window .box .top_end,
.popup_window .box .top_end,
.popup_window .box .top_right,
.popup_window .box .left_begin,
.popup_window .box .right_begin,
.popup_window .box .left,
.popup_window .box .right,
.popup_window .box .bottom_left,
.popup_window .box .bottom,
.popup_window .box .bottom_right { 
    width: 0; 
    height: 0; 
}
.popup_window .box .boxtitle { 
    box-sizing: border-box;
    width: 100%; 
    padding: 15px 20px;
    border-collapse: separate;
}
.popup_window .box .boxtitle .title { 
    font-size: 18px;
    font-weight: 600;
    line-height: 1em;
    padding-right: 5px;
}
.popup_window .box .boxtitle .close {
    opacity: 1;
}
.popup_window .box .boxtitle .close a { 
    float: right;
    font-size: 22px;
    color: darkgray;
}
.popup_window .box > .body { 
    background-color: #fefefe; 
    padding: 0; 
    margin: 0; 
    border: none;
}
.popup_window .box .body .content { 
    padding: 0 20px 15px 20px;
}
.popup_window .box .body .content h4,
.popup_window .box .body .content p { 
    margin-top: 0;
    font-size: 15px;
    line-height: 1.4em;
}
.popup_window .box .body .content .section-cont .pw-section {
    width: 100%;
}
@media screen and (min-width: 660px) {
    .popup_window {
        max-width: 540px;
    }
}
/*#endregion Popup Window*/

/*#region Popup Window Default Form*/
@media screen and (min-width: 660px) {
    .popup_window .default-form .field {
        padding-right: 15px;
        padding-left: 15px;
    }
    .popup_window .default-form input[type=text], 
    .popup_window .default-form input[type=password],
    .popup_window .default-form textarea,
    .popup_window .default-form select {
         width: 310px !important;
     }
    .popup_window .default-form .icon-selector {
        width: 310px !important;
    }
    .popup_window .default-form .number-spinner input {
        width: 100% !important;
    }
}
/*#endregion Popup Window Form*/

/*#region Programme Check Box Lists*/
.popup_window .ProgrammeCheckboxLists{
    max-height: 200px;
    overflow: auto
}
.popup_window .ProgrammeCheckboxLists table input{
    float:left;
}
.popup_window  .ProgrammeCheckboxLists table label {
    margin-top:2px;
    margin-left: 25px;
    display:block;
}
/*#endregion Programme Check Box Lists*/
