/*margin top*/
.m-top-0{ margin-top: 0px !important; }
.m-top-5 { margin-top: 5px; }
.m-top-10 { margin-top: 10px; }
.m-top-15 { margin-top: 15px; }
.m-top-20 { margin-top: 20px; }
.m-top-25 { margin-top: 25px; }
.m-top-30 { margin-top: 30px; }
.m-top-35 { margin-top: 35px; }
.m-top-40 { margin-top: 40px; }
.m-top-50 { margin-top: 50px; }
.m-top-80 { margin-top: 80px; }
.m-top-100 { margin-top: 100px; }

/*margin bottom*/
.m-bot-0 { margin-bottom: 0px !important; }
.m-bot-5 { margin-bottom: 5px; }
.m-bot-10 { margin-bottom: 10px; }
.m-bot-15 { margin-bottom: 15px; }
.m-bot-20 { margin-bottom: 20px; }
.m-bot-25 { margin-bottom: 25px; }
.m-bot-30 { margin-bottom: 30px; }
.m-bot-35 { margin-bottom: 35px; }
.m-bot-40 { margin-bottom: 40px; }
.m-bot-50 { margin-bottom: 50px; }
.m-bot-80 { margin-bottom: 80px; }
.m-bot-100 { margin-bottom: 100px; }

/*padding top*/
.p-top-0{ padding-top: 0px !important; }
.p-top-5 { padding-top: 5px; }
.p-top-10 { padding-top: 10px; }
.p-top-15 { padding-top: 15px; }
.p-top-20 { padding-top: 20px; }
.p-top-25 { padding-top: 25px; }
.p-top-30 { padding-top: 30px; }
.p-top-35 { padding-top: 35px; }
.p-top-40 { padding-top: 40px; }
.p-top-50 { padding-top: 50px; }
.p-top-80 { padding-top: 80px; }
.p-top-100 { padding-top: 100px; }

/*padding bottom*/
.p-bot-0{ padding-bottom: 0px !important; }
.p-bot-5 { padding-bottom: 5px; }
.p-bot-10 { padding-bottom: 10px; }
.p-bot-15 { padding-bottom: 15px; }
.p-bot-20 { padding-bottom: 20px; }
.p-bot-25 { padding-bottom: 25px; }
.p-bot-30 { padding-bottom: 30px; }
.p-bot-35 { padding-bottom: 35px; }
.p-bot-40 { padding-bottom: 40px; }
.p-bot-50 { padding-bottom: 50px; }
.p-bot-80 { padding-bottom: 80px; }
.p-bot-100 { padding-bottom: 100px; }

/*padding left*/
.p-left-0{ padding-left: 0px !important; }
.p-left-5 { padding-left: 5px; }
.p-left-10 { padding-left: 10px; }
.p-left-15 { padding-left: 15px; }
.p-left-20 { padding-left: 20px; }
.p-left-25 { padding-left: 25px; }
.p-left-30 { padding-left: 30px; }
.p-left-35 { padding-left: 35px; }
.p-left-40 { padding-left: 40px; }
.p-left-50 { padding-left: 50px; }
.p-left-80 { padding-left: 80px; }
.p-left-100 { padding-left: 100px; }

/* Override */
.AnyTime-win{z-index: 9999;}
.datepicker{z-index: 9999 !important;}
.ui-datepicker{z-index: 9999 !important;}
.label_container{display: block;}

/* Nav Bar */
.navbar-brand>img{ margin-top: 0px; height: 39px; }
.navbar-brand{ float: left; padding: 2px 20px; }

/* Upload Button */
.upload-btn [type="file"]{ position: absolute; top: 0px; opacity: 0; height: 100%; width: 100%; cursor: pointer; left: 0px; }

/* ----------------------------------------------------------------
   loading-Spinner Loader
-----------------------------------------------------------------*/
.loading-spinner { width: 50px; text-align: center; position: relative; margin:auto; }
.loading-spinner > div { width: 12px; height: 12px; background-color: #fff;  border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 0.7s infinite ease-in-out; -moz-animation: bouncedelay 0.7s infinite ease-in-out; animation: bouncedelay 0.7s infinite ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading-spinner.loading-spinner-md > div { width: 16px; height: 16px; }
.loading-spinner.loading-spinner-lg{ width: 80px; }
.loading-spinner.loading-spinner-lg > div { width: 24px; height: 24px; }
.loading-spinner.light > div { background-color: #000; }
.loading-spinner .bounce1 { -webkit-animation-delay: -0.32s; -moz-animation-delay: -0.32s; animation-delay: -0.32s; }
.loading-spinner .bounce2 { -webkit-animation-delay: -0.16s; -moz-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@-moz-keyframes bouncedelay {
  0%, 80%, 100% { -moz-transform: scale(0.0) }
  40% { -moz-transform: scale(1.0) }
}

/* btn action */
.btn-action{ text-align:center; }
.btn-action a{ display: inline-block; margin-right: 3px; color: #222; }
.checkrow{ padding:0px !important; }
.checkrow label{ display:block;width:100%;height:100%;padding-left:20px; }

/*table order*/
.tableorder { box-shadow: 0px 0px 10px #1B6184; -webkit-animation: tableorder 2s infinite linear; -moz-animation: tableorder 2s infinite linear; animation: tableorder 2s infinite linear; }
@-webkit-keyframes tableorder {
  0%, { box-shadow: 0px 0px 10px #1B6184; }
  50% { box-shadow: 0px 0px 10px #00F4FF; }
  100% { box-shadow: 0px 0px 10px #1B6184; }
}
@-moz-keyframes tableorder {
  0%, { box-shadow: 0px 0px 10px #1B6184; }
  50%, { box-shadow: 0px 0px 10px #1B6184; }
  100% { box-shadow: 0px 0px 10px #1B6184; }
}

/*Select 2 Optgroup*/
.select2-results li.select2-result-with-children>.select2-result-label {
  font-size: 12px;
  text-transform: capitalize;
}

a.title_link {color:#000; text-decoration: underline;}
a.title_link:hover {color:#4CAF50;}

.fa.fa-clock-o.glyphicon.glyphicon-time {display:none;}
.conten_id .select2-container.image-picker.masonry.select {display: none}
.stg_preview {display:inline-block;position:relative;}
.close_stg {position: absolute;top: 10px;right: 15px;}
.pointer {cursor: pointer}

div.tagsinput {width: auto !important; height: auto !important; min-height: auto!important;}

.text-size-base {line-height: 3;}

/*NEW SYNTAX*/
.row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.table-condensed{width:100%;}
.btn-action{background-color:#f5f5f5;}
.daterangepicker select.yearselect {width:50%;}
.navbar-nav>.dropdown-user>a, .navbar-nav>.dropdown-user>a>span {padding-top:11px;}
.navigation>li.active>a, .navigation>li.active>a:hover, .navigation>li.active>a:focus {background-color:#0277bd;}
.sidebar{ margin-bottom: -300px;
  padding-bottom: 300px;}
.asterisk{color:red;}
.error{background: #FFCCCC; color: #740D0A;} 
.btn-action{width:20px;}
.navigation .navigation-header, .navigation .navigation-header a{color:#80b3d2;}
.theme_xbox_xs .pace_activity, .theme_xbox_xs .pace_activity:before, .theme_xbox_xs .pace_activity:after, .theme_xbox_sm .pace_activity, .theme_xbox_sm .pace_activity:before, .theme_xbox_sm .pace_activity:after, .theme_xbox .pace_activity, .theme_xbox .pace_activity:before, .theme_xbox .pace_activity:after {border-top-color: #000;}
.bordergrid-top{margin:20px 0; border-top: 1px solid #ddd;}
.bordergrid-bottom{margin:20px 0; border-bottom: 1px solid #ddd;}
.bordergrid-right{margin:20px 0; border-right: 1px solid #ddd;}
.bordergrid-left{margin:20px 0; border-left: 1px solid #ddd;}
.backdefault{background-color: #ddd;}

/*panel heading toggle*/
.half-heading-elem{width:50%;}
@media (max-width: 768px){
  .half-heading-elem{width:100%;}
}