/* ------------- Fonts CSS Start------------- */


/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/Roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto Medium';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Roboto/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/Roboto/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto Bold';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Roboto/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/Roboto/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto Black';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/Roboto/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/Roboto/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* ------------- Fonts CSS End ------------- */


/* ------------- Reset CSS Start ------------- */
*{margin: 0;padding: 0;border: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
button:focus {outline: none; box-shadow: none !important;}
a:hover, a:focus {text-decoration: none;}
/* ------------- Reset CSS End ------------- */


/* ------------- Utility CSS Start ------------- */
body {font-family: 'Roboto'; font-size: 1rem;	background:#fafafb; color: #00162a; }


.logotitle{ color: #2668ff; font-size:36px; font-family: 'Roboto Black'; line-height: 24px; padding-bottom: 30px; }
.logotitle span{ font-size: 12px; color: #787878; display: block; font-family: 'Roboto'; }



.sidebar h2{ font-size: 16px; color:#003d8f; font-weight: bold; }

.sidebar label{ font-size: 13px; color:#00162a; text-transform: uppercase; margin-bottom: 0px; }
.sidebar .form-control{ font-size: 12px; height: 30px; padding-left: 5px; padding-right: 5px; }
.sidebar .btn_custom{ padding:1px 5px; font-size: 12px; }

.sidebar .calendardate{ font-size: 12px; background: url("../images/calendar.png") top 5px right 5px no-repeat; padding-left:8px; }


.sidebar .btn_search{ background: #2668ff; border-color:#2668ff; padding:2px 15px; height: 32px; text-transform: uppercase; font-size: 14px; }
.sidebar .btn_clear {
    background: #ffffff;
    border-color: #c6c6c6;
    color: #aaaaaa;
    padding: 0 15px;
    height: 32px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 32px;
}


.custom_nav{}
.custom_nav ul{ list-style: none; }
.custom_nav ul li{ float: left; margin-right:15px; }
.custom_nav ul li a{ color:#677786; text-transform: uppercase; font-size: 14px; font-family: 'Roboto Bold'; line-height: 24px;  }
.custom_nav ul li a span{ margin-right: 10px;}
.custom_nav ul li a:hover{ color: #003d8f; display: block; }
.custom_nav ul li a span.link1{ background:url("../images/link1.png") 0 0 no-repeat; width: 22px; height: 25px; float: left; -moz-transition: all 300ms ease-in; transition: all 300ms ease-in; }

.custom_nav ul li a span.link2{ background:url("../images/link2.png") 0 0 no-repeat; width: 22px; height: 25px; float: left;     -webkit-transition: all 300ms ease-in;  -moz-transition: all 300ms ease-in; transition: all 300ms ease-in; }

.custom_nav ul li a span.link3{ background:url("../images/link3.png") 0 0 no-repeat; width: 22px; height: 25px; float: left;     -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; transition: all 300ms ease-in; }

.custom_nav ul li a:hover span.link1{ background: url(../images/link1.png) 0 -52px no-repeat; } 
.custom_nav ul li a:hover span.link2{ background: url(../images/link2.png) 0 -52px no-repeat; } 
.custom_nav ul li a:hover span.link3{ background: url(../images/link3.png) 0 -52px no-repeat; } 

.custom_nav ul li a.active{ color: #003d8f; display: block; }
.custom_nav ul li a.active span.link1{ background: url(../images/link1.png) 0 -52px no-repeat; color: #003d8f; } 
.custom_nav ul li a.active span.link2{ background: url(../images/link2.png) 0 -52px no-repeat; color: #003d8f; } 
.custom_nav ul li a.active span.link3{ background: url(../images/link3.png) 0 -52px no-repeat; color: #003d8f; } 

.datepicker.datepicker-dropdown { font-size: 12px !important; }

ul.no_margin li{ margin-right: 0px; margin-left: 15px; padding-left:15px; }
ul.no_margin li+li{ border-left:1px solid #e9e9ec; }


.user_icon{ background: #fff; width: 30px; height: 30px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.12);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.12);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.12); display: block; text-align: center; padding: 5px 0 0 0;  }
.user_icon i{ font-size: 18px; color: #ffa113; }


/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  border-left: 3px solid #3c3c4e;	
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 0px 0 0; /* Height of navbar */
-webkit-box-shadow: 5px 0px 10px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    5px 0px 10px 0px rgba(50, 50, 50, 0.1);
box-shadow:         5px 0px 10px 0px rgba(50, 50, 50, 0.1);
}

.sidebar-sticky {
	padding: 0 15px;
  position: relative;
	background: #ffffff;
  top: 0;
  height: calc(100vh - 0px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}



.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}



@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes sonar {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*----------------page-wrapper----------------*/

.page-wrapper {
  height: 100vh;
}

.page-wrapper .theme {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 4px;
  margin: 2px;
}

.page-wrapper .theme.chiller-theme {
  background: #1e2229;
}

/*----------------toggeled sidebar----------------*/

.page-wrapper.toggled .sidebar-wrapper {
  left: 0px;
}

@media screen and (min-width: 768px) {
  .page-wrapper.toggled .page-content {
    padding-left: 270px;
  }
}
/*----------------show sidebar button----------------*/
#show-sidebar {
  position: fixed;
  left: 0;
  top:40px;
  border-radius: 0 4px 4px 0px;
  width: 35px;
  transition-delay: 0.3s;
	z-index: 9;
	background: #2668ff;
	border-color: #2668ff;
	
}
.page-wrapper.toggled #show-sidebar {
  left: -40px;
}
/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
  width: 260px;
  height: 100%;
  max-height: 100%;
  position: fixed;
  top: 0;
  left: -300px;
  z-index: 999;
}

.sidebar-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebar-wrapper a {
  text-decoration: none;
}

/*----------------sidebar-content----------------*/

.sidebar-content {
  max-height: calc(100% - 30px);
  height: calc(100% - 30px);
  overflow-y: auto;
  position: relative;
  overflow-x:hidden;
}

.sidebar-content.desktop {
  overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
  padding: 10px 20px;
  display: flex;
  align-items: center;
}

.sidebar-wrapper .sidebar-brand > a {
  text-transform: uppercase;
  font-weight: bold;
  flex-grow: 1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
  
  font-size: 20px;
}




/*--------------------------page-content-----------------------------*/

.page-wrapper .page-content {
  display: inline-block;
  width: 100%;
  padding-left: 0px;
  
}


.page-wrapper .page-content {
  overflow-x: hidden;
}


/*-----------------------------chiller-theme-------------------------------------------------*/

.chiller-theme .sidebar-wrapper {
  background: #fff;
	padding:0 15px;
}

.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .sidebar-menu {
  border-top: 1px solid #3a3f48;
}

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
  border-color: transparent;
  box-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand > a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer > a {
  color: #818896;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover > a,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info,
.chiller-theme .sidebar-wrapper .sidebar-brand > a:hover,
.chiller-theme .sidebar-footer > a:hover i {
  color: #b8bfce;
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
  color: #3d3d3d;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
  color: #3d3d3d;
}

.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme
  .sidebar-wrapper
  .sidebar-dropdown
  .sidebar-submenu
  li
  a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus + span,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
  color: #16c7ff;
  text-shadow: 0px 0px 10px rgba(22, 199, 255, 0.5);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
  background: #3a3f48;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
  color: #6c7b88;
}

.chiller-theme .sidebar-footer {
  background: #3a3f48;
  box-shadow: 0px -1px 5px #282c33;
  border-top: 1px solid #464a52;
}

.chiller-theme .sidebar-footer > a:first-child {
  border-left: none;
}

.chiller-theme .sidebar-footer > a:last-child {
  border-right: none;
}



.cross{ position: absolute; top:18px; right: 0px; cursor: pointer; }
.cross i{ font-size: 20px; }




.custom_table{ width: 100%; background: #fff; border-radius: 10px; padding: 15px; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.12);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.12);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.12); margin-bottom: 10px; }
.custom_table .table{ margin-bottom: 0px; }
.custom_table .table thead th{ border-top:0px; border-bottom: 1px solid #e3e3e3; }
    .custom_table .table th, .custom_table .table td {
        font-size: 12px;
        vertical-align: middle;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 150px;
    }
.custom_table .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,.9); }
.custom_table .table-striped tbody tr:nth-of-type(even) { background-color: rgba(245,248,252,.9); }

.custom_table .table tbody td{ position: relative; }


.custom_table .table td .edit{ font-size: 16px; color: #184f9a;  }
.custom_table .table td .approve{ font-size: 16px; color: #be344b; }
.custom_table .table td .check{ font-size: 16px; color: #5eb61e; }

.inreview .table tbody td:first-child:before{  width: 3px; height: 22px; background: #ff2d50; content: ""; position: absolute; left: 5px; top: 12px; border-radius: 3px; }
.inreview .btn {
    background: #ff2d50;
    border-color: #ff2d50;
    border-radius: 15px;
    padding: 3px 10px;
    font-size: 13px;
    min-width: 170px;
    text-align: left;
}
.inprogess .btn i {
    float: right;
    padding: 3px;
}
.inreview .btn i{ float:right; padding:3px; }
.UAT .btn i {
    float: right;
    padding: 3px;
}
.completed .btn i {
    float: right;
    padding: 3px;
}



.inprogess .table tbody td:first-child:before {
    width: 3px;
    height: 22px;
    background: #f8c100;
    content: "";
    position: absolute;
    left: 5px;
    top: 12px;
    border-radius: 3px;
}
.inprogess .btn {
    background: #f8c100;
    border-color: #f8c100;
    border-radius: 15px;
    padding: 3px 10px;
    font-size: 13px;
    min-width: 170px;
    text-align: left;
}
.UAT .table tbody td:first-child:before{  width: 3px; height: 22px; background: #95d16a; content: ""; position: absolute; left: 5px; top: 12px; border-radius: 3px; }
.UAT .btn {
    background: #95d16a;
    border-color: #95d16a;
    border-radius: 15px;
    padding: 3px 10px;
    font-size: 13px;
    min-width: 170px;
    text-align: left;
}

.completed .table tbody td:first-child:before {
    width: 3px;
    height: 22px;
    background: #95d16a;
    content: "";
    position: absolute;
    left: 5px;
    top: 12px;
    border-radius: 3px;
}


.completed .btn {
    background: #476431;
    border-color: #496238;
    border-radius: 15px;
    padding: 3px 10px;
    font-size: 13px;
    min-width: 170px;
    text-align: left;
}

.btn_download {
    color: #003d8f;
    text-transform: uppercase;
    font-size: 13px;
    padding: 6px 6px 6px 6px;
}

.custom_links{ width: 100%; position: relative; }
.custom_links ul{ border-bottom: 0px; }
.custom_links ul:before{ border-bottom: 1px solid #ced2d8; width: 100%; content: ""; top:30px; left: 0px; height: 0px; position:absolute; }
.custom_links ul li a{ height: 60px; background: #eeeeee; border-radius: 5px; text-align: center;  min-width: 160px; vertical-align: middle; display: flex; font-size: 14px; color:#8e8e8e; align-items: center; position: relative; justify-content: center;  }
.custom_links ul li{ padding: 0 10px; background: #fafafb; position: relative; }
.custom_links ul li:first-child{padding-left: 30px; }
.custom_links ul li:last-child{padding-right: 30px; }
.custom_links ul li a.nav-link.active{ background: #2668ff; color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgb(50 50 50 / 12%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.12);
    box-shadow: 0px 0px 10px 0px rgb(50 50 50 / 12%); }
/*.custom_links ul li a.nav-link.active:before{ content: ""; width: 0px; height: 0px; border-top: 10px solid #2668ff; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: -10px; margin: 0 auto; position: absolute; left: 0px; right: 0px; }*/
.custom_links ul li a i{ font-size: 30px; display: flex; margin-right: 10px; }
.custom_links ul li a span{ display: flex; }


.main_title{ color: #003d8f; font-size: 20px; position: absolute; left: 0px; text-transform: uppercase; background: #fafafb; padding-right: 20px; z-index: 1; line-height: 24px; }
.main_title span{ display: block; font-family: 'Roboto Bold'; }

.tooltip{ font-size: 12px; }
.tooltip-inner{ background: #003d8f; }
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #003d8f;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #003d8f;
}








.mid_form{ width: 100%; background: #fff; border-radius: 10px; padding: 15px; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.12);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.12);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.12); margin-bottom: 10px; }
.mid_form label{ font-size: 13px; margin-bottom: 0px;  }
.mid_form input{ font-size:13px; }
.mid_form select{ font-size:13px; }
.mid_form label sup{ color: #ff0000; }
.mid_form textarea{ resize: none; height: 110px; font-size: 13px; }
.custom-file-input:lang(en)~.custom-file-label::after{ line-height: 24px; background: #36a090; color: #fff; }
.custom-file-input:lang(en)~.custom-file-label::after { content: "Upload"; }
sup {color: #ff0000;}

.custom-file-input2:lang(en)~.custom-file-label2::after { content: "Download"; }


.mid_form .btn_log{ background: #2668ff; border-color:#2668ff; padding:2px 15px; height: 32px; text-transform: uppercase; font-size: 14px; margin-right: 15px; }
.mid_form .btn_cancel{ background: #ffffff; border-color:#c6c6c6; color:#aaaaaa; padding:2px 15px; height: 32px; text-transform: uppercase; font-size: 14px; }


.h3_title{ font-size: 18px; color: #003d8f; font-weight: bold;  }


.circle{ width: 7px; height: 7px; background: #000; border-radius: 100%; display: inline-block; }
.circle_1{ background:#95d16a; }
.circle_2{ background:#f8c100; }
.circle_3{ background:#ff2d50; }

.view_detail{ position: absolute; top: -35px; right: 0px; font-size: 15px; font-weight: bold; color: #003d8f; }
.tab-content{ position: relative; }


.box_grid{ position: relative;  width: 100%; background: #fff; border-radius: 10px; padding: 15px 15px 30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.12);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.12);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.12); margin-bottom: 10px;  }
.number_detail{ position: absolute; right: 20px; top:0px; font-size: 50px; color: #203445; }

.icon_detail{ background: #e9f5ff; border-radius: 5px; width: 50px; height: 50px; line-height: 50px; text-align: center; }



.box_grid p{ margin-bottom: 0px; padding-top: 10px; font-weight: bold; }



.box_grid.light{ background:#fff url("../images/wave1.png") right 0 bottom -15px repeat-x; }
.box_grid.dark{ background:#fff url("../images/wave2.png") right 0 bottom -15px repeat-x; }
.box_grid.orange{ background:#fff url("../images/wave3.png") right 0 bottom -15px repeat-x; }
.box_grid.green{ background:#fff url("../images/wave4.png") right 0 bottom -15px repeat-x; }

.light .icon_detail{ background: #e9f5ff; }
.dark .icon_detail{ background: #e7ecf3; }
.orange .icon_detail{ background: #fff6e7;  }
.green .icon_detail{ background: #e2f3d5;  }
.box_grid .progress{ height: 4px;  margin-top: 5px; margin-bottom: 10px; }

.light .progress{ background: #e9f5ff; }
.dark .progress{ background: #e7ecf3; }
.orange .progress { background: #fff6e7; }
.green .progress{ background: #e2f3d5; }

.light .progress-bar{ background: #2697ff; }
.dark .progress-bar{ background: #0e4588; }
.orange .progress-bar { background: #ffa113; }
.green .progress-bar{ background: #81c550; }
 



.bglogin{ background: #fff url("../images/bgblue.png") fixed no-repeat; overflow:hidden; }

.login_blue_bg{  width: 100%;   }
.logo{ padding-bottom: 100px; }

.leftpanel{ padding: 100px 0 0 0; }
.leftpanel h2{ color:#fff; font-size: 42px; }
.leftpanel h3{ color:#fff; text-transform: uppercase; font-size:28px;  }

.img_center{ width: 100%; text-align: center; bottom:0px; position: absolute; max-width: 300px; margin: 0 auto; left: 0px; right: 0px;  }
.img_center img{ width: 80%;}



.login_form{ width: 100%; padding:60px 0 0 0; }
.login_form h3{ color:#2668ff; text-transform: uppercase; font-weight: bold; }
.login_form input{ border: 0px; border-bottom:2px solid #e7e7e7; border-radius: 0px; padding-left: 6px; font-size: 14px; color:#000;  }
.login_form label{ color: #a3a3a3; font-weight: normal; text-transform: uppercase; font-size: 13px; }
.login_form a{ font-size: 13px;  }
.login_form label.remember{ text-transform: capitalize;  font-size: 13px; color: #000; }

.circle_1{ position: absolute; background: url("../images/circle1.png") 0 0 no-repeat; top: 0px; right: 0px; width: 156px; height: 126px; }
.circle_2{ position: absolute; background: url("../images/circle2.png") 0 0 no-repeat; bottom: 0px; right: 0px; width: 223px; height: 140px; }

.login_form .btn {
    min-width: 150px !important;
    color: #fff;
    border-radius: 5px;
}
.btn_login{ background: #2668ff; border-color:#2668ff;  border-radius: 25px; padding:5px 30px;  }
.btn_account{ background: #fff; border-color:#2668ff;  border-radius: 25px; padding:5px 30px; color: #2668ff; }



.logo_r{ display: none; }

.form-group {
    font-size: 13px;
}
.btn-group {
    width: 100%;
}
.dropdown-menu.show {
    width: 100%;
}
.multiselect-selected-text {
    text-align: left !important;
    float: left;
    font-size: 13px;
}
    .usertab {
    padding: 67px 7px 0 10px;
}
.attchement {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 3px;
    margin: 0 0 11px;
    background: #f1f1f9;
}
    .attchement label {
        font-size: 15px;
        padding: 0 0 0 5px;
        font-weight: bold;
        color: #003d8f;
    }