/* here you can put your own css to customize and override the theme */

/** Plugins CSS **/

#toast-container > div {
    opacity: .9;
}

/*** end Plugins CSS **/


.header.navbar .navbar-brand {
	width: 100px;
	height: 23px;
	margin-top:-5px;
}

.medium-field {
    width:375px !important;
}
.normal-field {
    max-width:420px !important;
}

.red { color: #b94a48; }
.jade { color: rgb(98,199,75); }


.breadcrumb li.btn-group a {
    color: #fff !important;
    margin-right: 0;
}

.mt2 { margin-top:2px; }

.mr5 { margin-right: 5px !important; }
.ml5 { margin-left: 5px !important; }

/**parsley validatin**/
.parsley-errors-list { 
    list-style: none; 
    padding: 0; 
    margin: 0;
}
.parsley-errors-list li { 
    color: #b94a48; 
    list-style: none; 
    padding: 0; 
    margin: 0 0 0 -40px;
}

.smalltip div.tooltip-inner {
    width:200px; max-width: 200px;
}

.pl0 { padding-left: 0px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }


.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px; }

.mb40 { margin-bottom: 40px; }

.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }

.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }

.disabled span input[type="radio"] {
    display: none;
}

#datatable_products .red-row {
    background:#FF4940 !important;
    color: #fff;
    padding: 3px 5px;
/*    text-align: center;*/
}
#datatable_products .red-row a {
    color: #fff;
}
#datatable_products .red-row a:hover {
    color: #fff;
}


.top30 { top: 30px; }
.top_notification_container {
    position: fixed;
    z-index: 99999;
    width: 100% !important;
}
.top_notification {
    opacity: 1;  
    padding: 5px 20px 5px 40%; 
    text-align: left; 
    width: 100% !important;
    position: relative;
    height: 30px;
}
.top_notification .close {
    margin-right: 10px;
    margin-top: 7px;
}
.top_notification a.dropdown-toggle:hover,
.top_notification a.dropdown-toggle:active {
    text-decoration: none;
    background: none;
}

.top_notification .dropdown.open .dropdown-toggle {
  color: #08c;
  background: none !important;
  text-decoration: none !important;
}

.top_notification .btn_cache {
    border:1px solid #0D638F;
    color: #0D638F;
    padding: 0 5px;
    border-radius: 3px !important;
    font-size: 12px;
    font-weight: bold;
}
.top_notification .btn_cache:hover, .top_notification .btn_cache:focus  {
    text-decoration: none;
    background: #0D638F;
    color: #fff;
}

.cut {
  text-decoration: line-through!important;
}

.tbl_revisions_modal .action_btns {
   position:absolute;
   right: 25px;
   margin-top: -10px;
}
.tbl_revisions_modal table {
    width: 100%;
}
.tbl_revisions_modal table td {
    border-bottom: 1px solid #fff;
    padding: 3px 0;
}
.tbl_revisions_modal table tr:nth-last-child(1) td {
    border-bottom: 0;
}


/** Custom Labels - Activity on Homepage / Logs ***/
.label-alert {
    background-color: #ed4e2a;
    background-image: none !important;
}
.label-warn {
    background-color: #fcb322;
    background-image: none !important;
}


.badge-red {
    background-color: #ed4e2a !important;
    background-image: none !important;
}

@media (min-width: 1280px) and (max-width: 1366px){
    .medium-field {
        width:290px !important;
    }   
}
@media (min-width: 1024px) and (max-width: 1280px){
    .medium-field {
        width:260px !important;
    }   
}
@media (min-width: 768px) and (max-width: 1024px){
    .medium-field {
        width:200px !important;
    }   
    
}
@media only screen and (min-width: 640px) and (max-width: 767px){
    .top_notification {
        padding: 5px 20px 5px 30%; 
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px){
    .top_notification {
        padding: 5px 20px 5px 25%; 
    }
}

@media only screen and (max-width: 479px){
    .top_notification {
        padding: 5px 20px 5px 5%; 
    }
}