/*Begin 3wCorner.com Mod*/
@media screen and (max-width: 768px)
{
    .ResponsiveModal .modal-dialog  {width:100%; margin: 0;}

}

@media screen and (min-width: 768px)
{
    .ResponsiveModal .modal-dialog  {width:90%;}
}

@media screen and (min-width: 992px)
{
    .ResponsiveModal .modal-dialog  {width:80%;}
}

@media screen and (min-width: 1200px)
{
    .ResponsiveModal .modal-dialog  {width:1000px;}
}
/*End 3wCorner.com Mod*/

/* responsive forms (also in metris theme.css file) */
.responsive-toggle-button{
    display: none;
}
.responsive-shown{
    display: none;
}
.box-responsive .responsive-summary{
    display: none;
}
.title.has-responsive .responsive-title{
    display: none;
}
@media screen and (max-width: 560px) {
    .box{
        margin-bottom: 10px;
    }
    .box-responsive .responsive-summary{
        font-size: 0.7em;
        font-weight: normal;
        display: inline;
    }
    .box-responsive .responsive-toggle-button{
        display: inline-block;
    }
    .box-responsive .body,
    .box-responsive .box-body{
        display: none;
    }
    /* toggled on*/
    .responsive-toggled.box-responsive .body,
    .responsive-toggled.box-responsive .box-body{
        display: block;
    }
    .responsive-toggled.box-responsive .responsive-summary{
        display:none;
    }
    .responsive-toggled.box-responsive .responsive-shown{
        display:inline;
    }
    .responsive-toggled.box-responsive .responsive-hidden{
        display:none;
    }
    .title.has-responsive .responsive-title{
        display: inline;
    }
    .title.has-responsive .main-title{
        display: none;
    }

}

/* settings button */
[data-settings-url] .data-settings-button{
    display: none;
    position: absolute;
    /* right: 0; */
}
[data-settings-url] .data-settings-button a{
    position: relative;
    display: block;
    text-indent: 100px;
    overflow: hidden;
    width:20px;
    height:20px;
    /* float: right; */
}
[data-settings-url] .data-settings-button a:before{
    position: absolute;
    font-family: FontAwesome;
    top: 1px;
    left: -96px;
    content: "\f013";
    font-size: 15px;
    display: block;
    width: 20px;
    height: 20px;
    color:#E5E5E5;
}
[data-settings-url]:hover .data-settings-button{
    display: block;
}
.data-settings-right{
    right:10px;
}
.ui-widget-overlay{
    position: fixed !important;
}

.ui-widget .ui-state-highlight{
    /* padding:10px !important; */
}
.ui-widget-header{
    background: #FFF !important;
    border: 0 !important;
    border-bottom:1px solid #ccc !important;
    min-height:40px;
    line-height:40px;
    border-radius:0 !important;
}
.tableclass_form td textarea{
    width:100%;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background-color: #fff;
    color: #555;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}
.ui-tabs .ui-tabs-nav li a:active,
.ui-tabs .ui-tabs-nav li a:focus{
    outline:0;
}
.ui-tabs .ui-tabs-nav li {
    background: #f5f5f5;
    line-height: 15px;
    margin: 4px 3px 0px !important;
    height: 33px;
}
.ui-tabs .ui-tabs-nav li{
    margin:0;
    padding:0;
}
.ui-widget-content{
    border:0;
}
.btn-default{
    border-color: #ccc;
}
.action_bar .action .btn{
    margin-bottom:10px;
}
#message_popdown p{
    margin:5px 0;
}
#ajax_task_save{
    display: none;
}
th,
td{
    white-space: normal;
}
.nowrap{
    white-space: nowrap;
}


.message-box{
    padding: 10px;
    background:#47a8f5;
    color: #FFF;
    margin: 0 0 20px;
}
.message-box a{
    color: #FFF;
}
.message-box.type-warning{
    background:#ff9800;
}
.message-box.type-error{
    background:#f44336;
}
.message-box.type-success{
    background:#4CAF50;
}

.archive_button{
    background:#ff9800;
}
.archive_button:hover{
    background:#e08702;
}

/* On phones, a wide table on an edit page used to push the whole page sideways, so the
   last columns were unreachable. Let the table scroll on its own instead. The scroll is
   on the table rather than the box around it, so nothing else gets clipped. */
@media (max-width: 767px) {
    .content_box_wheader > table.tableclass_rows {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}