/**

 * All of the CSS for your admin-specific functionality should be

 * included in this file.

 */ 

.jsps_marker_admin img {max-width: 100px;}

.jsps_map_row_right{bottom: 0px;right: 0px;padding: 12px;position: fixed;background: #fff;}

#template_layouts .jsps_map_row_left select{width: 100px !important;    height: 34px;font-size: 16px;border: 1px solid #B2B2B2;outline: 0;color: #444444;padding-left: 10px;}

#template_layouts .jsps_map_row_left .jsps_label {width: 200px;}

#template_layouts .jsps_map_row_left #template_layout_search {width: 100% !important;}

#template_layouts .jsps_map_row_left #template_layout_list {width: 100%  !important;}

#template_layouts .jsps_map_row_left #template_layout_category {width: 100%  !important;}

#template_layouts .jsps_map_row_left #template_layout_list .template_inner {width: 100% !important;}

#template_layouts .jsps_map_row_left #template_layout_search .template_inner {width: 100% !important;}

#template_layouts .jsps_map_row_left #template_layout_category .template_inner {width: 100% !important;}

#template_layouts .jsps_map_row .jsps_map_row_left {width: 100% !important;}

#template_layouts .jsps_map_row .jsps_map_row_left .cal_1 {width: 22% !important;}

#template_layouts .jsps_map_row .jsps_map_row_left .cal_3 {width: 24% !important;}

#template_layouts .jsps_map_row .jsps_map_row_left .cal_2, #template_layouts .jsps_map_row .jsps_map_row_left .cal_4 {width: 18% !important;}

#template_layouts .jsps_map_row  .jsps_add_tem_sub {width: auto !important;}

.jsps_add_map_template .skin_options {    margin-left: -12px;}

#demo_map_inner {clear:both;width: 670px !important;height: 400px !important;}

.jsps_map_row_right #demo_map_search_top img {width: 400px;}

.template_skins_container {width: 660px;}

.jsps_map_layout h2{clear: both;padding-top: 20px;}

.jsps_example_demo_overlay .jsps_demo_form {

    position: absolute;

    left:0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .45);

    color: #FFF;

    text-align: center;

    padding-top: 17px;

    font-size: 16px;

}

#demo_map_filter_inner #demo_map_filter span {    

    position: absolute;

    top: 10px;

    left: 0;

    width: 220px;

    height: 65px;

    background: rgba(0, 0, 0, .35);

    color: #FFF;

    padding-top: 40px;

    text-align: center;

}





/* All sub title style */

.jsps_all_sub_title {margin-bottom: 10px;border-bottom: 1px solid rgba(16, 141, 199, 0.38);}

.jsps_all_sub_title h2 {color: #0073aa;margin-bottom: 0px;font-size: 18px;}



.jsps_map_skin_note {}    

    

@media only screen and (max-width: 1800px) {

    #demo_map_inner {clear:both;width: 570px !important;height: 370px !important;}

    .jsps_map_row_right #demo_map_search_top img {width: 400px;}

}



@media only screen and (max-width: 1700px) {

    .jsps_map_wrap .add_temp_title {width: 770px;padding: 4px 6px;}

    .jsps_map_wrap .jsps_add_map_template {width: 770px;padding: 20px 6px;}

    .jsps_map_wrap .jsps_add_map_template .jsps_map_row div:nth-child(odd) {width: 46%;padding-right: 4%;}

    

}

@media only screen and (max-width: 1530px) {

    #demo_map_inner {clear:both;width: 470px !important;height: 300px !important;}     

}



@media only screen and (max-width: 1400px) {

    #demo_map_search_top, #demo_map_list_top, #demo_map_list_left, #demo_map_filter, #demo_map_list_right, #demo_map_search_bottom, #demo_map_list_bottom {display:none !important;}

    #demo_map_filter_inner {width:100% !important;}

    .jsps_map_row_right ul li {text-align: right;}

}



@media only screen and (max-width: 1460px) {

    #demo_map_inner {clear:both;width: 400px !important;height: 300px !important;}        

}



@media only screen and (max-width: 1360px) {

    #demo_map_inner {clear:both;width: 376px !important;height: 300px !important;}

    .jsps_map_row_right #demo_map_search_top img {width: 376px;}   

    .jsps_map_wrap .add_temp_title {width: 730px;}

    .jsps_map_wrap .jsps_add_map_template {width: 730px;}     

    .jsps_map_wrap .jsps_add_map_template .jsps_map_row div:nth-child(even) input[type="text"] {width: 180px;}

    .jsps_map_wrap .jsps_add_map_template .jsps_map_row div:nth-child(even) select{width: 180px;} 

}

@media only screen and (max-width: 1360px) { 

    .jsps_map_row_right {z-index: -1;}

}