/*
Template Name: Dott
Author: Ashmawi Sami
File: Core
*/

/* =============
  == Core List==

   - Common
   - Helper classes
   - Extra
   - Bootstrap Custom
   - Animation (Some loader)
   - Waves effect
   - Print (Invoice css)
============= */

/* =============
   Common
============= */
body {margin: 0;overflow-x: hidden;}
html {position: relative;min-height: 100%;}
a:hover{text-decoration: none;}
/* =============
   Helper clasess
============= */
.p-0 {padding: 0 !important;}
.p-10 {padding: 10px !important;}
.p-15 {padding: 15px !important;}
.p-20 {padding: 20px !important;}
.p-30 {padding: 30px !important;}
.p-40 {padding: 40px !important;}
.p-50 {padding: 50px !important;}
.p-100 {padding: 100px !important;}
.p-l-0 {padding-right: 0 !important;}
.p-r-0 {padding-left: 0 !important;}
.p-t-0 {padding-top: 0 !important;}
.p-b-0 {padding-bottom: 0 !important;}
.p-t-10 {padding-top: 10px !important;}
.p-b-10 {padding-bottom: 10px !important;}
/*20px*/
.p-t-20 {padding-top: 20px !important;}
.p-b-20 {padding-bottom: 20px !important;}
.p-l-20 {padding-left: 20px !important;}
.p-r-20 {padding-right: 20px !important;}
/*30px*/
.p-t-30 {padding-top: 30px !important;}
.p-b-30 {padding-bottom: 30px !important;}
.p-l-30 {padding-left: 30px !important;}
.p-r-30 {padding-right: 30px !important;}
/*40px*/
.p-t-40 {padding-top: 40px !important;}
.p-b-40 {padding-bottom: 40px !important;}
.p-l-40 {padding-left: 40px !important;}
.p-r-40 {padding-right: 40px !important;}
/*50*/
.p-t-50 {padding-top: 50px !important;}
.p-b-50 {padding-bottom: 50px !important;}
.p-l-50 {padding-left: 50px !important;}
.p-r-50 {padding-right: 50px !important;}
/*100*/
.p-t-100 {padding-top: 100px !important;}
.p-b-100 {padding-bottom: 100px !important;}
.p-l-100 {padding-left: 100px !important;}
.p-r-100 {padding-right: 100px !important;}
/*150*/
.p-t-150 {padding-top: 150px !important;}
.p-b-150 {padding-bottom: 150px !important;}
.p-l-150 {padding-left: 150px !important;}
.p-r-150 {padding-right: 150px !important;}

.p-l-r-10 {
  padding-left: 10px;
  padding-right: 10px;
}
/*margin*/
.m-0 {margin: 0 !important;}
.m-l-5 {margin-left: 5px !important;}
.m-l-10 {margin-left: 10px !important;}
.m-l-15 {margin-left: 15px !important;}
.m-l-20 {margin-left: 20px !important;}
.m-l-30 {margin-left: 30px !important;}
.m-r-5 {margin-right: 5px !important;}
.m-r-10 {margin-right: 10px !important;}
.m-r-15 {margin-right: 15px !important;}
.m-r-20 {margin-right: 20px !important;}
.m-r-30 {margin-right: 30px !important;}

.m-t-0 {margin-top: 0 !important;}
.m-t-5 {margin-top: 5px !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-t-40 {margin-top: 40px !important;}
.m-t-50 {margin-top: 50px !important;}
.m-t-100 {margin-top: 100px !important;}
.m-t-150 {margin-top: 150px !important;}

.m-b-0 {margin-bottom: 0 !important;}
.m-b-5 {margin-bottom: 5px !important;}
.m-b-10 {margin-bottom: 10px !important;}
.m-b-15 {margin-bottom: 15px !important;}
.m-b-20 {margin-bottom: 20px !important;}
.m-b-25 {margin-bottom: 25px !important;}
.m-b-30 {margin-bottom: 30px !important;}
.m-b-40 {margin-bottom: 40px !important;}
.m-b-50 {margin-bottom: 50px !important;}
.m-b-100 {margin-bottom: 100px !important;}
.m-b-150 {margin-bottom: 150px !important;}

.w-xs {min-width: 80px;}
.w-sm {min-width: 95px;}
.w-md {min-width: 110px;}
.w-lg {min-width: 140px;}
.m-h-40 {min-height: 40px;}
.m-h-50 {min-height: 50px;}
.l-h-34 {line-height: 34px;}
.font-600 {font-weight: 600;}
.font-bold {font-weight: 700;}
.font-normal {font-weight: normal;}
.font-light {font-weight: 300;}
.font-13 {font-size: 13px !important;}
.wrapper-md {padding: 20px;}
.pull-in {
  margin-left: -20px;
  margin-right: -20px;
}
.b-0 {border: none !important;}
.b-d {border-radius: none !important;}
.b-d-50 {border-radius: 50px !important;}

.inline-b{display: inline-block;}
.vertical-middle {vertical-align: middle;}
.bx-shadow {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.bx-shadow-none {box-shadow: none !important;}
.mx-box {
  max-height: 380px;
  min-height: 380px;
}
.thumb-sm {
  height: 32px;
  width: 32px;
}
.thumb-md {
  height: 48px;
  width: 48px;
}
.thumb-lg {
  height: 88px;
  width: 88px;
}
.thumb-xl {
  height: 120px;
  width: 120px;
}

/* Background colors */
.bg-green {background-color: #82B541 !important;}
.bg-custom {background-color: #71b6f9 !important;}
.bg-primary {background-color: #188ae2 !important;}
.bg-success {background-color: #10c469 !important;}
.bg-info {background-color: #35b8e0 !important;}
.bg-warning {background-color: #f9c851 !important;}
.bg-danger {background-color: #ff5b5b !important;}
.bg-muted {background-color: #f4f8fb !important;}
.bg-inverse {background-color: #333 !important;}
.bg-purple {background-color: #5b69bc !important;}
.bg-pink {background-color: #ff8acc !important;}
.bg-white {background-color: #ffffff !important;}
.bg-lightdark {background-color: #f4f8fb !important;}
.bg-dark {background-color: #222 !important;}
.bg-tran {background-color: transparent !important;}

/* Text colors */
.text-green {color: #6D9837 !important;}
.text-custom {color: #71b6f9 !important;}
.text-white {color: #ffffff !important;}
.text-danger {color: #ff5b5b !important;}
.text-muted {color: #98a6ad !important;}
.text-primary {color: #188ae2 !important;}
.text-warning {color: #f9c851 !important;}
.text-success {color: #10c469 !important;}
.text-info {color: #35b8e0 !important;}
.text-inverse {color: #333 !important;}
.text-pink {color: #ff8acc !important;}
.text-purple {color: #5b69bc !important;}
.text-dark {color: #797979 !important;}
.text-bcolor {color: #e5e5e5 !important;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

/*border*/
.b-1{border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.b-1all{border: 1px solid #e5e5e5;}
.b-2all{border: 2px solid #86214d;}
.b-2{border: 2px solid #e5e5e5;}
.b-t-1{border-top: 1px solid #e5e5e5;}
.b-t-2{border-top: 2px solid #e5e5e5;}
.b-l-1{border-left: 1px solid #e5e5e5;}
.b-l-2{border-left: 2px solid #e5e5e5;}
.b-r-1{border-right: 1px solid #e5e5e5;}
.b-r-2{border-right: 2px solid #e5e5e5;}
.b-b-1{border-bottom: 1px solid #e5e5e5;}
.b-b-2{border-bottom: 2px solid #e5e5e5;}

/*Float*/
.fl-l{float: left !important;}
.fl-r{float: right !important;}
.fl-n{float: none !important;}
.pos-r{position: relative;}

.badge-primary {background-color: #188ae2;}
.badge-success {background-color: #10c469;}
.badge-info {background-color: #35b8e0;}
.badge-warning {background-color: #f9c851;}
.badge-danger {background-color: #ff5b5b;}
.badge-purple {background-color: #5b69bc;}
.badge-pink {background-color: #ff8acc;}
.badge-inverse {background-color: #3b3e47;}

.card-box{
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  padding: 10px;
  margin-bottom: 20px;
  display: block;
  position: relative;
}