body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 5px;
    padding-right: 5px;
}

.container2 {
    margin-left: 4%; /*20px;*/
    margin-right: 4%; /*20px;*/
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 500px;
   
}

.imgUpload {
    max-width: 250px !important;
    margin-top: 5px;
}

@media (max-width: 408px) {
    .btn-AddImages {
        float: none;
        margin-left: 0px;
        margin-top: 5px;
    }
}

@media (min-width: 409px) and (max-width: 767px) {
    .btn-AddImages {
        float: none;
        margin-left: 3px;
        margin-top: 5px;
    }
}

@media (max-width: 767px) {
    .floating-icon {
	    position: inherit !important;
	    top: 115px;
	    left: 5px !important;
	    width: 45px !important;
	    height: 45px !important;
	    display: block;
        z-index: 2000;
        background-color: #ffffff;
        border-radius: 32px 32px;
        float: left;
    }
    
    .import-btn {
        margin-top: 5px;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
 
    .floating-icon {
	    position: inherit !important;
	    top: 115px;
	    left: 5px !important;
	    width: 45px !important;
	    height: 45px !important;
	    display: block;
        z-index: 2000;
        background-color: #ffffff;
        border-radius: 32px 32px;
        float: left;
    }

    .btn-AddImages {
        float: none;
        margin-left: 3px;
        margin-top: 5px;
    }

    .import-btn {
        margin-top: 5px;
    }

   .navbar-header {
        float: none;
        width: 100%;
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
        width: 100%;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding-left: 0% !important;
        padding-right: 0% !important;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        padding-left: 0% !important;
        padding-right: 0% !important;
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    .navbar-collapse.collapse.in {
        padding-left: 0% !important;
        padding-right: 0% !important;
        overflow-x: hidden !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: right;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar .navbar-nav {
        margin-top: 0% !important;
        margin-bottom: 0% !important;
    }

    .navbar .navbar-default {
        padding-bottom: 0% !important;
        margin-bottom: 0% !important;
    }

    .container {
        width: 100%;
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
}

@media (min-width: 1001px) {
    .btn-AddImages {
        float: right;
        margin-left: 3px;
        margin-top: 5px;
    }

    .import-btn {
        margin-top: 5px;
    }
}

.table-noborder {
    border: none !important;
  }

.btn-orange {
    background-color: #ff6200;
    color: white;
    /*font-weight: 700;*/
}

.btn-orange:hover {
    background-color: #cc4e00;
    color: white;
    /*font-weight: 700;*/
}

.btn-orange.disabled,
.btn-orange[disabled],
 fieldset[disabled]  {
    background-color: #ff6200;
    color: white;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
   -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-blue {
    background-color: #0098dc;
    color: white;
}

.btn-blue:hover {
    background-color: #0075a9;
    color: white;
    /*font-weight: 700;*/
}

.icon-24 {
	height: 24px;
	width: 24px;
}

.logo {
    float: left;
    padding: 0px 15px 0px 0px;
    height: 50px;   
}

.video-title {
    font-weight: bold;
    font-size: 1.3em;
}

.black {
    background-color: black;
}

.center {
    text-align: center;
}

.center-table {
    margin-left: auto;
    margin-right: auto;
}

.margin-tb-4 {
	margin-top: 4px;
	margin-bottom: 4px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt150 {
    margin-top: 150px;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mr0 {
    margin-right: 0px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px;
}

.m20 {
    margin: 20px;
}

.m25 {
    margin: 25px;
}

.m30 {
    margin: 30px;
}

.m40 {
    margin: 40px;
}

.m50 {
    margin: 50px;
}


.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.pr5 {
    padding-right: 5px;
}

.pr0 {
    padding-right: 0px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pr30 {
    padding-right: 30px;
}

.pr40 {
    padding-right: 40px;
}

.pr50 {
    padding-right: 50px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}

.pl40 {
    padding-left: 40px;
}

.pl50 {
    padding-left: 50px;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p25 {
    padding: 25px;
}

.p30 {
    padding: 30px;
}

.p40 {
    padding: 40px;
}

.p50 {
    padding: 50px;
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-default {
	cursor: text;
}

.footer {
	text-align: center;
	border-top: #c4c4c6;
	background: #fff;
}


/*added for table index view*/

.responsive-table {
    display: block;
    overflow-x: auto;
    width: 100%;
    border-spacing: 0;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    
}

.responsive-table tbody {
    display: table;
    width: 100%;
}

.responsive-table tr:nth-child(1) {
    border-top: 1.5px solid #909090;
}

.responsive-table tr:nth-child(even) {
    background-color: #ddd;
}

.responsive-table th {
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.responsive-table td {
    position: relative !important;
    white-space: nowrap;
    text-align: center;
    padding: 5 !important;
    border-top: none !important;
    border-bottom: none !important;
    vertical-align: middle !important;
    line-height: 1.0 !important;
}

.responsive-table td + td {
    border-left: 1px solid #909090;
}

.responsive-table td > input[type="text"] {
    border: none;
    padding: 0.5em 1em;
    background-color: inherit;
}

.responsive-table td > input[type="text"]:disabled {
    background-color: inherit;
}

.responsive-table td.icon-24 {
    padding: 0.35em !important;
}

.undo-btn, .save-btn {
    display: none;
}

.pagination-center {
    text-align: center;
    margin: auto;
}

tr.border_top td {
    border-top: 1px solid #ddd;
}

.floating-icon {
	position: fixed;
	top: 115px;
	left: 4%;
	width: 64px;
	height: 64px;
	display: block;
    z-index: 2000;
    background-color: #ffffff;
    border-radius: 32px 32px;
}

.small {
    font-size: 85%;
  }

/*gallery css*/
.gallery {
	 display: -ms-flexbox;
	 -ms-flex-wrap: wrap;
	 -ms-flex-direction: row;
	 -webkit-flex-flow: row wrap;
	 flex-flow: row wrap;
	 display: -webkit-box;
	 display: flex;
	 margin: 0 auto;
}
 .gallery .img-thumbnail {
	 -webkit-box-flex: 0 0 auto;
	 -ms-flex: 0 0 auto;
	 flex: 0 0 auto;
	 width: 200px;
	 margin: 10px;
	 flex-direction: column;
	 display: flex;
}
 .gallery .img-thumbnail > a {
	 -webkit-box-flex: 1 0 auto;
	 -ms-flex: 1 0 auto;
	 flex: 1 0 auto;
	 flex-direction: column;
	 display: flex;
}
 .gallery .img-thumbnail > a img {
	 width: 100%;
	 height: auto;
}
 .gallery .img-thumbnail > a div.caption {
	 flex: 1 1 auto;
	 color: #333333;
	 font-size: smaller;
	 padding: 4px;
	 margin-top: 4px;
	 border: 1px solid #ddd;
	 text-decoration: none;
}
 .gallery .img-thumbnail .controls {
	 display: none;
}
 .gallery .img-thumbnail .controls a {
	 color: #333;
	 border: 1px solid #ccc;
	 margin-top: 4px;
	 display: inline-block;
	 border-radius: 2px;
	 padding: 2px 4px;
	 font-size: smaller;
}
 .gallery .img-thumbnail .controls a:hover {
	 background-color: #eee;
}
 .gallery .img-thumbnail a:hover {
	 text-decoration: none;
}
 
.icon-16 {
    width: 16px;
    height: 16px;
}

.imgDetails .gallery .controls a {
    display: none;
}