@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); 
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
*{margin:0; padding:0;} li{list-style:none;} body{font-family: 'Roboto', sans-serif; font-weight:400;} a{ text-decoration: none;} h1,h2,h,h4,h5,h6{font-weight: 300;} .main_wrapper{float:left; width:100%; padding-bottom: 30px;} 
.wrapper{margin:0 auto; width:1100px;max-width:98%;} .container{float:left; width:100%; padding:20px; box-sizing: border-box; background: #fff;border: 1px solid #ddd;} .header_wrapper{float:left; width: 100%; background:#479ccf; padding:8px 0px;} .header_wrapper h2{text-align:center; font-size:16px; color:#fff;} .full_width{float:left; width:100%;} #instagram_wrapper{background: #fff; padding:20px; box-sizing:border-box;} @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fade-in {opacity:0; /* make things invisible upon start */ -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;animation-duration:0.8s; } .btn{transition: all 0.8s ease 0s;cursor:pointer; float:left;padding:8px 14px; color:#fff; background:#479ccf; border-radius:3px;float:left; border:none;margin: 0px 0 0;} .btn:hover{opacity:0.8;}
 .form-control{float:right; width:auto; background: #fff; border-radius: 4px; border:1px solid #f2f2f2; padding:4px; background: #f2f2f2;margin: 0px 0px 2px;} .navigation { float: left; width: 100%;padding:0 0 0px; } .navigation ul{margin-bottom:0;float:right;} .navigation ul li{list-style:none; float:left; width:auto; margin:2px;} .navigation ul li a{text-decoration: none; transition: all 0.8s ease 0s;color: #fff; background: #479ccf; padding: 7px 15px; border-radius: 2px; text-transform: uppercase; font-size: 13px;} .navigation ul li a:hover{opacity:0.8;} .jscolor {width: 100px;} .enap_input{box-sizing: border-box;float: left;padding: 8px 8px;border-radius: 3px;border: 1px solid #ddd;} .overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;display: none;z-index:9999;opacity: 0;} .overlay:target {display: block;opacity: 1;} .popup {margin:70px auto;padding:20px;border-radius:5px;width:700px;max-width: 80%;position: relative;transition: all 5s ease-in-out;} .popup .close{position: absolute;top: 0px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: normal;text-decoration: none;color: #eee;} .popup .content {max-height: 30%;overflow: auto;} .popup textarea{background: #efefef;padding: 24px 0 10px;color: #444;text-align: center;border: none;border-radius: 4px;float:left;width:100%;} 
 #view_all_images{float:left; width:100%; background: #fff; box-sizing: border-box;   } #view_all_images ul{ display: flex;
    flex-wrap: wrap;margin-top:20px;float:left;width: 100%;} #view_all_images ul li{cursor: move; float: left; list-style: none; width: 19%; padding: 5px; box-sizing: border-box; margin: 0.25% 0.5%;border: 1px solid #ddd; border-radius: 5px;} #view_all_images ul li img{max-width:100%; height: auto;} .img_box{height:170px;}
  .gallery { float: left; width:23%;margin:0.5%; border: 1px solid #efefef; text-align: center; border-radius: 3px; } .action_button {float: right;width: 100%;    display: block!important;} .action_button .btn{float:right;} .caption_img_box{width: 100%; height:100%;} .caption_list{float:left; width:33.33%;padding-bottom: 10px;} .caption_img {float: left;width:70px;margin-right: 10px;height: 60px; border: 1px solid #ddd; padding:4px; border-radius: 3px;} .caption_text textarea {height: 70px;width: 235px;padding: 6px 4px;box-sizing: border-box;border: 1px solid #ddd;border-radius: 2px;} .gallery_inner_div{ padding: 10px;box-sizing: border-box;} .gallery_actions{float:left;width:100%; background: #efefef;} .overlay h4{color:#fff; float:left;width:100%;font-weight:300;padding-bottom: 10px; color:#fff;text-align: center;} .add_gallery.gallery a { color: #fff; } .gallery li a { color: #666; } .inner_nav{float:right;} .inner_nav li{float:left; margin:4px;} .inner_nav li a {float: left;padding: 5px 15px;background: #479ccf;color: #fff;border-radius: 2px;} .inner_nav li a:hover{background: #256890;} .breadcrumb {float:left;} 
  .breadcrumb_wrapper{float:left; width:100%; padding:4px 0px 30px; margin-bottom: 0px;} .breadcrumb li a { color: #222; } .breadcrumb li{list-style:none; float:left;padding:4px;} .add_gallery.gallery {background: #479ccf;border: none;max-width: 100%;box-sizing: border-box;} .add_gallery.gallery a{float: left;width: 100%;padding: 41px 0;box-sizing: border-box;text-align: center;} .add_gallery.gallery:hover{background: #256890;} .gallery p {text-transform: uppercase;float: left;width: 100%;padding: 5px 0;font-size: 13px;color: #666;}
   .gallery_actions li a{float: left;font-size: 13px;padding: 9px 6px;border-right: 1px solid #ddd;} .gallery_actions li{list-style: none;float: left;} .gallery_actions li:last-child a{border:none;} .gallery .overlay textarea{float:left; width:100%;} .gallery-img{position: relative;} .edit_delete{position: absolute;right: 0;top: 0;background: #fff;border-radius: 20px;width: 20px;height: 20px;} .edit_delete .fa{font-size:23px;} 
 .circle-close { color: #479ccf; } .form_box select{float:right;}
.form_box{float:left; width:100%;padding: 10px 0px;}
.settings .form_box{border-bottom: 1px solid #f2f2f2;} .submit_btn{float:right; margin-top:10px;} .form_page{text-align: center;} 
.form_page h2{padding:10px 0px;} .form_page h5{padding:0 0 10px; font-size: 16px;} #add_img{margin:0 auto; width: 400px;max-width:100%;}
 #add_gallery {margin:0 auto; width: 400px;max-width:100%;} #add_gallery .form_box input{width:100%;} .fileupload{width:100%;} .settings{float:left; width:100%; text-align: center;}
 #settings-form {  } .settings-form-container{float:left; width:100%; padding:10px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 3px; margin-top:20px;}.breadcrumb_wrapper .breadcrumb>li+li:before{content:"";} 
.settings .form_box label { float: left; width: 60%; text-align: left; } select { float: left; border: 1px solid #ddd; padding: 5px 20px; text-align: left; border-radius: 3px; } .installation_guide{float:left; width:100%;} .installation_guide li{float:left; width:100%; text-align: center; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom: 10px;} .installation_guide li p{text-align:left;} .installation_guide li h3{float:left;width:100%; text-align:left; padding:3px 0px;} .installation_guide li img{max-width:80%; margin:10px 0px;} .install{float:left; width:100%; padding:0px 0px 0px;} #install_note{text-align: center;} #install_note p, #install_code_on_any_page p{text-align:center;float: left; width: 100%; padding: 10px 0px 30px; font-weight: 500; font-size: 15px; line-height: 26px;} 
.install_wrapper{margin:0 auto; width:400px;max-width:100%;} #install-notify, #uninstall-notify{float:left; width:100%; text-align: center; } .full_width h4{text-align:center;float:left; width:100%; padding:10px 0px; text-transform: uppercase;} .install_wrapper form {float: left;width: 100%;padding: 20px 100px; box-sizing: border-box;background: #efefef;border-radius: 5px;}
 #install_code_on_any_page textarea { border:1px solid #ddd;height: 80px; width: 100%; padding: 20px 0; float: left; text-align: center; box-sizing: 
 	border-box; font-size: 14px; border-radius: 4px; color: #ccc; background:#444; } .install_wrapper form .select_box{ font-family: roboto;float:left;width:auto; margin-right:4px; padding: 7px; border-radius: 2px; border: 1px solid #ccc;min-width: 180px;max-width:200px;font-size: 15px;} .install_wrapper form .btn{float: left; margin-top: 0px; padding: 9px 20px; font-size: 13px; text-transform: uppercase;}
#view_all_images_list{float:left width:100%;} #view_all_images_list li{float:left; width:100%; padding:4px 0px; margin:4px 0px; border-bottom:1px solid #ddd;}
#view_all_images_list .list{float:left; width:16%; margin-right:1px;}#view_all_images_list .list-imgs{float:left; width:100%;}
#view_all_images_list .list.sno{width:5%;} div#uninstall_wrapper {
    width: 490px;max-width:100%;
}
.clone_the_gallery_inner form {
    margin: 8px;
    float: left;
}
.clone_the_gallery_inner {
    margin: 0 auto;
    width: 420px;
}.clone_the_gallery {
    float: left;
    width: 100%;
    padding: 30px 0;
}
#popupsetting{float: left; width:100%;}
.video_box img {
    height: auto;
    width: 100px;max-width:100%;
}
.main_board {
    float: left;background: #FFFF99; padding: 5px 10px; border-radius: 4px;
}
.main_dashboard_container p {
    float: left;
    width: 100%;
    padding: 0 0 50px;
    text-transform: uppercase;
    font-size: 27px;
}
.one-half.left {
    margin-bottom: 40px;
    border-bottom: 2px dashed #ddd;
}
.one-half span{float:left; width:100%; padding-top: 20px; font-size: 14px; text-transform: uppercase; text-align: center;}
.one-half a { -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;background: #479ccf; color: #fff; padding: 30px 32px; float: left; text-transform: uppercase; border-radius: 8px; box-sizing: border-box; font-size: 18px; }
.left{float:left;}
.one-half a:hover{    background: #f29e0d;}
.right{float:right;}
.one-half{width:100%; padding-bottom: 40px;}
.gallery-go-div{margin:0 auto; width:256px;max-width:100%;}
.main_dashboard_wrapper{float:left; width:100%; text-align: center;background: #fff;padding-bottom: 60px;}
.main_dashboard_container{margin:40px auto; width:700px;max-width:100%;}
#view_all_images_list .list.img{width:10%;}
#view_all_images_list .list.caption{width:28%;}
#view_all_images_list .list.alttag {
    width: 20%;
}
#view_all_images_list .list.alttag textarea {
    width: 95%;
    float: left;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 0 5px;
    border-radius: 3px;
}
#view_all_images_list .list.caption textarea{width:95%; border-radius: 3px; padding: 0 3px; box-sizing: border-box; height: 42px; border: 1px solid #ddd;}
#view_all_images_list .list.link input{width:98%;padding: 3px; box-sizing: border-box; border-radius: 3px; border: 1px solid #ddd; height: 42px;}
#view_all_images_list .list.link{width:25%;}
#view_all_images_list .edit_delete { position: unset;border-radius: 20px; width: 20px; height: 20px;width:9.5%;float:right;margin-right: 10px; }
#view_all_images_list .img_box {
    height: 48px;
    width: 48px;
}
.settings input[type="checkbox"] {
    float: right;
    width: 40px;
    height: 21px;
}
div#border_div { float: left; width: 100%; margin: 10px 0 0; padding: 5px 10px; box-sizing: border-box; background: #eee; border-radius: 3px;}
.border_div_inner { float: left; width: 50%; }.settings .form_box .border_div_inner label { width: auto; margin-top: 7px; margin-right: 12px; }
.settings .form_box .border_div_inner select { float: left; }
.enap_input_field{float:left; width:100%; padding:10px 0 0; text-align: left;}
.enap_input_field label{float:left; width:30%;}
.enap_input_field input{float:right; width:68%;}
#view_all_images_list .pagination li{width:auto; border:none;}
.pagination__controls {
    float: right;
}
#drag{float:left;}
.reorder-actions{float:right;}.reorder-actions .btn {margin-left: 10px;}
.video_box {
    float: left;
}
#add_video_form{margin:0 auto; width:700px;}
.choice_button {
    float: left;
    width: 100%;    padding: 5px 0 7px;
}
.choice_button input[type="radio"] {
    float: left;
    margin-top: 3px;
    margin-right: 7px;
}.settings .form_box .choice_button label {width:initial;}
.showgallery{float:left; width:100%; display: flex;flex-wrap: wrap;}
span.reorder_caption { float: left; width: 100%; text-align: center; padding: 10px 0px 2px; }


.footer_wrapper{float:left; width:100%; border-top:7px solid #479ccf; background: #fff; padding:20px 0px; }
.footer{margin: 0 auto; width:620px;max-width:98%;}
.footer h3{font-size: 26px; text-transform: uppercase; float:left; width:100%; text-align: center; margin-bottom:20px; font-weight: normal;}
.footer-col{width:49%; max-width:300px; margin-right:1%; float:left;}
.footer-col img{max-width: 100%; height:auto;}

 #mycontactform {position: fixed; bottom: 0; right: 0;} 
div#openedform { background: #2bd9a2; padding: 20px; border: 1px solid #ddd; width: 400px; border-radius: 4px; position: absolute; bottom: 0; right: 0; } 
#openedform label { float: left; color: #fff; width: 100%; } 
#openedform input, #openedform textarea{ width: 100%; padding: 7px 10px; background: #fff; border: 1px solid #ddd; box-sizing: border-box; border-radius: 3px; 
    text-align: left; color: #333;} a#formclose { float: right; cursor: pointer; font-size: 30px; color: #fff; } 
    .contact_input { float: left; width: 100%; padding-bottom: 12px; } #openedform input[type="submit"] {background: #0f0c0c;color: #eee;width: auto;}
    button#opencontact { background: #2bd9a2; color: #fff; cursor: pointer; padding: 9px 25px; border: 0; border-radius: 4px; font-size: 20px; font-weight: bold;
    } 
    .contact_input input[type="submit"]{cursor: pointer;} div#sucessmsg { position: absolute; right: 0; bottom: 50px; width: 248px; text-align: center; 
      background: #c3efc3; padding: 10px; box-sizing: border-box; border-radius: 3px; }
textarea#video_title {
    width: 68%;
    float: right;
}
@media screen and (max-width: 414px){
.gallery{width:100%; margin:0;}
}

.imgnote{float: left;line-height: 22px; width: 100%; text-align: center; padding: 10px; box-sizing: border-box; font-size: 14px; background: #ee9494; color: #330c0c; border: 1px solid #f48282; border-radius: 2px; font-weight: bold;}

#view_all_images_list .edit_delete .btn {
    float: left;
    width: 30px;
    margin-right: 3px;    padding: 2px 1px;
}
.enapsliderform.editform .form_box textarea {
    width: 68%;
    padding: 10px;
    height:70px;
    box-sizing: border-box;
    border-radius: 2px;float:right;border:1px solid #efefef;
}
.enapsliderform.editform .form_box input {
    width: 68%!important;
    padding: 10px;border:1px solid #efefef;
    box-sizing: border-box;float:right;
    border-radius: 2px;
}
.enap_input_field img {
    max-width: 100%;
}

/*.header_wrapper li:last-child{display:none!important;}*/