/* ///////////////////////////////////////////////
   response
////////////////////////////////////////////// */
/* Mobile devices (mobile, 360px and up, visible-xs) */

@media (min-width: 320px) {
    .h_full {
        height: calc(100vh - 60px);
    }
    .h_full_tab {
        height: calc(100vh - 100px);
    }
/* 
    .tabs .tabitem {
        font-size:0.6rem;
    }
    .h_full {
        height:auto;
    }
    .admin_main > .h_full {
        height: calc(100vh - 120px);
    } */
    .tab_conts {
    	margin-top: .4em;
        /*height: calc(100vh - 240px);*/
    }

    .panel .panel_heading h4 {
        margin:0px;
    }
    .bottom_area {
        height:4rem;
        background-color: #fff;
        padding:1rem;
        margin-top:0;
    }
    .bottom_area .btn_area {
        padding:0;
    }    
    .res_h_full.res_left {
        width:100%;
    }
    .res_h_full.res_right {
        width:100%;
    }
    .title_heading {
        display:none;
    }
    .sittn_date .customBtn {
        display:none;
    }
    .sittn_date #date {
        width:102px;
    }
    .sittn_date #time {
        width:55px;
    }
	.situation_info .list_group_item {
	    border: none;
	    border-bottom: 1px solid #F8F8F8;
	    margin: 1em 1em;
	    padding: 1em 1.5em 1em 3.5em;
	}
	.situation_info.heading .list_group_item {
	    border-bottom: 0px solid #F8F8F8;
	    margin: 0 1em;
	}	
    .situation_info time.in_icon {
        display:block;
        border-left: 0px solid #ddd;
    }
    /*CHAT*/
    .media-responsive-th{display:block}        
    .pop_md {
        width:280px;
    }
    .shareChipsBox {
        height: 114px;
   		overflow: scroll;
    }
	.searchbox .form_wrap .th {
		width:100px;
	}
	.searchbox .form_wrap .td {
		width:calc(100% - 100px);
	}
    .minus_1_2 {
        height:calc(100vh - 230px);
    }
    .minus_3_2 {
        height:calc(100vh - 320px);
    }
    .minus_admin_main {
        height:calc(100vh - 180px);
    }
    .class_datepicker.w_40per {
    	min-width:100%;
    	max-width:100%;
    	height: 1.2rem;
    }
    .class_datepicker.w_40per:first-child {
    	margin-bottom:0.3rem;
    }
    .w_40per ~ span.select2-container {
    	width:100% !important;
    }
    .long_title {
	    font-size: 0.9rem !important;
	}
	
	/*aj*/
	.boardRep {
		text-align:right;
		padding:0.5rem;
		 
	}
	.board_rep {
		display: inline-block;
		color:#666;
	    padding:0.5rem;
	    border: 1px solid #e8e8e8;
	    width: 100%;
	    text-align:left;
	    margin-bottom:0.3rem;
	}
	.board_rep_info {
		display: inline-block;
		font-size: 15px;
		vertical-align:middle;
	}
	.board_rep_info div {
		display:inline-block
	}
	
	.h0{
		font-size: 0.9rem;
	}
	.conts_header .btns .btn {
	    border-radius: 1rem;
	    font-size: .7rem;
	    padding: .2em 0.2em;
	
	}
	.update_info { font-size: 0.5rem; margin: .1rem; line-height:1; }
	#sittnReg { display:none; }
	/*cmm extend pop*/
    .cmm_extend_layer_pop .pop_sm {
        width: 318px !important;
    }
	.popup_notice {
		position: absolute;
		top:6rem;
		left: 0;
	    right: 0;
	    margin-left: auto;
	    margin-right: auto;
	    display: inline-block;
    }
} 
@media (min-width: 360px) {
	/*cmm extend pop*/
    .cmm_extend_layer_pop .pop_sm {
        width: 330px !important;
    }
    .cmm_extend_layer_pop .th {
        width:23%
    }
    .cmm_extend_layer_pop .td {
        width:77%
    }

	.pop_md {
        width:320px;
    }
    .long_title {
	    font-size: 1rem !important;
	}
} 

/* Tablets devices (tablets, 760px and up, .visible-md) */
@media (min-width: 760px) {
    .btn_area > .btn {
        width: auto;
        min-width: 100px;
    }
    .btn_area > .btn ~ .btn {
        margin-left: 3px;
    }
    .login_box {
        border: 3px solid #023044;
        border-radius: .5rem;
        background: rgba(255,255,255, .05);
    }
    .form_wrap > .row.md_col2 {
        flex-wrap: nowrap;
        
    } 
	.searchbox .form_wrap .th {
		width:120px;
	}
	.searchbox .form_wrap .td {
		width:calc(100% - 120px);
	}
    .sittn_date .customBtn {
        display:inline-block;
    }

    .sittn_date_set {
        display:none;
    }
    .situation_info time.in_icon {
        display:inline-block;
        border-left: 1px solid #ddd;
    }
	.situation_info .list_group_item {
	    margin: 1em 2em;
	}
    .situation_info.heading .list_group_item {
	    margin: 0 2em;
	}	
    
    .class_datepicker.w_40per {
    	width:40% !important;
		min-width:40% !important;
    	max-width:40% !important;
    	height: 80%;
    }
    .w_40per ~ span.select2-container {
    	width:40% !important;
    }
    .w_49per ~ span.select2-container {
    	width:49% !important;
    }
    .long_title {
	    font-size: 1rem !important;
	}

	/*aj*/
	.boardRep {
		text-align:left;
		padding:0.5rem;
		 
	}
	.board_rep {
		display: inline-block;
		color:#666;
	    padding:0.5rem;
	    border: 1px solid #e8e8e8;
	    margin-bottom:0.3rem;
	    margin-right:0.5rem;
	    width: 83%;
	}
	.board_rep_info {
		display: inline-block;
		font-size: 15px;
		vertical-align:middle;
	}
	.board_rep_info div {
		display:block;
	}

	#sittnReg { display:inline-block; }
	.h0{
		font-size: 1.3rem;
	}
	.update_info { font-size: 0.7rem; margin: .3rem; line-height:2; }
	.conts_header .btns .btn {
	    border-radius: 1rem;
	    font-size: 1rem;
		padding: .4rem .5rem;
	}
		/*cmm extend pop*/
    .cmm_extend_layer_pop .pop_sm {
        width: 580px !important;
    }
    
	.popup_notice {
		position: absolute;
		top: 3rem;
	    right: 4rem;
	    left:auto;
		
	}
}

/* web devices (web, 992px and up, .visible-lg) */
@media (min-width: 992px) { 
    .form_wrap > .row.md_col3 {
        flex-wrap: nowrap;
        
    } 
    .form_wrap > .row.md_col4 {
        flex-wrap: nowrap;
        
    } 

    .quick_menu {
        border-bottom: 1px solid #D7D7E8;
        box-shadow: 0 2px 3px rgba(0,0,0, .05);
        height: 60px;
        position: relative;
    }
    .qm_list {
        border-top: none;
        width: 400px;
        position: absolute;
        right: 1em;
    }
    .list_group_item .item > .phone_info {
        display: inline;
    }
    .pop_md {
        width:936px;
    }
    .shareChipsBox {
        min-height: 170px;
        overflow: scroll;
    }

    /*CHAT*/
    .media-responsive-th{display:none}    
    
    .long_title {
	    font-size: 1rem !important;
	}
}
/* web devices wide screen (web, 992px and up, .visible-lg) */
@media (min-width: 1320px) { 
    #wrap {        
        padding-left: 240px;
        transition: all .5s ease-in-out;
    }
    #wrap.main {
        padding-top: 0;
    }
    #wrap.main.nognb { 
        padding-left: 0px;
    }
    
    .wrap_header {
        box-shadow: none;
        left: 0 !important;
        transition: all .5s ease-in-out;
    }
    .wrap_header > .dim {
        display: none;
    }
    .breadcrumb .location {
    width: calc(100% - 240px);
    left: 0;
    }
    .breadcrumb .all_menu {
        display: none;
    }
    .h_full,
    .admin_main > .h_full,
    .conts_wrap {
        margin: 2em;
        padding: 2em;
        margin-bottom:0;
    }
    .conts_header {
        margin-top: -2em;
        margin-bottom: .4em;
    }
    .title_heading {
        display:block;
    }
    .tab {     
        position: fixed;
        top: 50px; right: 0;
    }    
    .tab_list {
        margin: 0 0 0 14em;
        margin-left: 14em;
        max-width: 1000px;
    }
    .tabitem {
        padding: 1em .5em;
    }

    .container {
        max-width: 1080px;
    }
    .container .tab_conts {
    	max-height: calc(100vh - 300px);
		margin-top: 5.5rem;
	    overflow:auto;
    	width:calc(100% - 2rem);
    }
    .container .tab_conts .conts_wrap {
    	padding:0rem 2rem;
    	margin:0rem 0rem 0rem 2rem ;
    	width:calc(100% - 2rem);
    }
    
    .conts_body {
        overflow:hidden;
    }
    .bottom_area {
        display:inline-block;
        height:6rem;
        background-color: #fff;
        margin:2rem;
        padding:2rem;
        width:100%;
        max-width: 1000px;
        margin-bottom: 0;
    }
    .conts_wrap .bottom_area {
        height:2rem;
        margin:0;
        padding:0;
        width:100%;
    }
    .tab_conts + .bottom_area {
        height:6rem;
        margin:0rem 2rem;
        padding:2rem;
        width:100%;
    }
    .panel {
        float: left;
    }
    .res_h_full {
        display:inline-block;
        width:47%;
        height:calc(100vh - 240px);
        min-height: 480px;
    }
    .res_h_full.rmargin {
        margin-right:2rem;
    }
    .res_h_full .res_left {
        width:60%;
    }
    .res_h_full .res_right {
        width:35%;
    }
        
    
    .conts_body.res_h_full {
        height:calc(100vh - 240px);
        min-height:760px;
    }
    .res_h_half {
        display:inline-block;
        width:47%;
        height:calc(50vh - 120px);
        min-height: 240px;
    }
    .res_h_70{
        display:inline-block;
        width:47%;
        height:calc(70vh - 240px);;
        min-height: 440px;
    }
    .res_h_30 {
        display:inline-block;
        width:47%;
        height:30vh;
        min-height: 120px;
    }
    #wrap {
        padding-top:0;
    }
    .minus_1_2 {
        height:45vh;
    }
    .minus_3_2 {
        height:45vh;
    }
    .minus_admin_main {
        height:calc(100vh - 240px);
    }
	.user_main .gridBody.list20 {
		height:60vh;
	}
	.pop_dialog {
		margin-left:240px;
	}
	.lg-outer {
		width:calc(100% - 240px);
	}
	.lg-outer .lg {
		margin-left: 240px;
	}
	.long_title {
	    font-size: 1rem !important;
	}

}
@media print {
	.watermarkObj {
		position:absolute !important;
		left:0;
		right:0;
		top:0;
		bottom:0;
		z-index:100;
	}
	.printWaterMark {
		display:inline-block;
		color:#000;
	}
	.noprint {
		display:none;
	}
	#wrap .container .conts_wrap {
		display:none;
	}
	#wrap .container .conts_wrap.allow-print {
		display:block;
	}
}