@charset "utf-8";

/*---------- Basic  -----------------------------------------------*/
html, body,  span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite,  fieldset, input, textarea, select, table, th, td {padding: 0;  font-family:  Malgun Gothic, Dotum, Gulim;}
/* 제목요소 */
/*h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;  }*/
/* 테두리 없애기 */
fieldset, img, abbr, acronym, table { border: 0 none; vertical-align: middle; }
/* 목록 */
ol, ul { list-style: none; }
/* 숨김 요소 */
legend, h2 { position: absolute; overflow: hidden; width: 1px; height: 1px; font-size: 0; line-height: 0; }
/* body 스타일 */
body { color: #333; font-size: 12px; line-height: 1.3; border-width: 0; background: #f5f5f5; }
/* 링크 */
/*a, a:link {color: #333;text-decoration: none;}
a:visited {color: #333;text-decoration: none;}
a:hover { color: #333; text-decoration: none; }
a:focus { color: #333; text-decoration: none; }
a:active { color: #333; text-decoration: none; }*/
/* 이미지, 폼관련 요소 */
img { vertical-align: top; border: 0 }
label, input { vertical-align: middle; display:inline !important}
/* Table - Css */
table, tr, td {line-height:18px;color:#000;word-break:break-all;}
/* img - Css */
img { border: 0px; vertical-align: top; }
/* Form Box - Css */
/*form { margin: 0px; padding: 0px; }*/
/*fieldset { border: 0 none; margin: 0px; padding: 0px; }
select {text-align: left;border-style: solid;border-width: 1px;border-color: #c1c6cc #e0e3ea #e0e3ea #c1c6cc;font-size: 100%;height: 30px;  }
select option { padding: 0px 5px }

textarea { line-height: 1.5; font-size: 12px; color: #2c2f30; border: 1px solid #cacac9; box-sizing: border-box; margin: 0; scrollbar-3dlight-color: #bcbcbc; scrollbar-arrow-color: #b7b7b7; scrollbar-base-color: #FFFFFF; scrollbar-face-color: #d3d3d3; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #bcbcbc; }
input[type=text], input[type=password] {border: 1px solid #CCC;line-height: 1;font-size: 12px;padding: 2px 0 3px 2px;height: 30px;box-sizing: border-box;padding: 0px 4px; border-radius: 0}
input[type=text]:focus, input[type=password]:focus, textarea:focus { background: #FEFFCC; }
input[readonly], input[readonly='readonly'] { border: 1px solid #FFF; }
input[type="checkbox"], 
input[type="radio"] { border: none; font-size: 12px;margin: 0px 4px 1px 4px; vertical-align: middle; }
p { word-break: keep-all; line-height: 1.6; }*/

/* Login ******************/
/*.loginLayout { position:absolute; width:100%; height:100%; text-align:center; display:block }
.loginBox { position:absolute;width: 260px;height: 230px;border: 1px solid #DDD;top:50%;left: 50%;margin-top:-200px;margin-left: -150px;background:#FFF url(../../images/logo_login.png) no-repeat center 25px;padding: 170px 20px 0px 20px;}
.loginBox.error {background: #FFF url(../../images/img_error.png) no-repeat center 30px;
    padding: 240px 20px 0px 10px; width: 300px; height: 150px; border-radius: 10px;}
.loginBox .loginTit {font-size: 18px;margin-bottom: 10px;}
.loginBox .loginTit p { font-size: 14px; color: #999;}

.loginBox .loginIdIcon { background: url(../../images/icon_login01.png) no-repeat 0px 7px;margin-bottom: 10px; width: 20px; height: 30px; float:left }
.loginBox .loginId { width:235px; float:right; margin-bottom: 10px; padding-left: 10px;}
.loginBox .loginId[placeholder] { padding-left: 10px; }

.loginBox .loginPwIcon { background:url(../../images/icon_login02.png) no-repeat 0px 7px; margin-bottom: 10px; width: 20px; height: 30px;  float:left }
.loginBox .loginPw  {  width:235px; float:right; margin-bottom: 10px; padding-left: 10px;}
.loginBox .loginPw[placeholder] { padding-left: 10px;}
.loginBox .loginCb { text-align: left }
.loginBox .btn.login { width:100%; margin-top: 10px; height: 36px; line-height: 36px; border-radius: 2px; }*/

/* Top **************************************************************************************/
/*.header {background: #37474f;height: 40px;text-align:center;}
.header .logo { background:url(../../images/logo.png) no-repeat 10px 2px; width:200px; height:35px; float:left;}
.header .topInfo {float: right;color:#EEE;margin-top: 8px;margin-right: 30px;}

.header .topInfo 
.header .topInfo { display: block; float: left;margin-left: 10px; font-size: 14px;}
.header .topInfo .topInfo1 {background: url(../../images/icon_msg.png) no-repeat 0px 12px;width:25px;height: 25px; cursor: pointer;}
.header .topInfo .topinfo2 {color:#FFF;background:#F00;font-size: 11px;border-radius: 10px;padding: 1px 4px;margin-left: 8px;min-width: 10px;text-align: center;}
.header .topInfo .topInfo3  { margin-left: 50px; margin-top: -16px; font-size: 13px; background:url(../../images/icon_admin1.png) no-repeat 0px 0px; padding-left: 20px; display:table; height: 40px;}
.header .topInfo a.topinfo4 { background:url(../../images/icon_admin2.png) no-repeat right 7px; padding-right: 13px;}

.header .topInfo a:link, .header .topInfo a:visited { color: #EEE }

.topinfoSub { display: none; top: 40px; position: absolute; background: #37474f; z-index: 99; margin-left: -38px; border-top: 1px solid #666}

.topinfoSub li { width: 120px; height: 30px; line-height: 30px; color: #EEE; text-align:left; text-indent: 20px}
.topinfoSub li a, .topinfoSub li a:link, .topinfoSub li a:visited { color: #EEE }
.topinfoSub li a:hover { color: #FF0; cursor: pointer }*/

/*** msg 8******************/
.popMsg {display:none;width:100%;height: 400px;border:solid 1px #999;border-top: 0px;background:#FFF;position: absolute;top: 46px;right: 120px; z-index: 9999;}
.popMsg .popMsgTit {width: 100%;height:30px;line-height:30px;text-indent: 15px;font-size: 15px;background: #f5f5f5;border-bottom: 1px solid #DDD;}
.popMsg .popMsgTit .popMsgClose { width: 60px; height:30px; font-size:12px; text-align:center; line-height:30px; float: right }
.popMsg .popMsgCon { width: 100%; height:369px; overflow-x: hidden; overflow-y: auto }
.popMsg .popMsgCon .popMsgCon1 {margin: 5px 0 2px 10px;font-size: 14px;color: #2196f3;float: left;}
.popMsg .popMsgCon .popMsgCon1 a:link, .popMsgCon1 a:visited { color: #2196f3;}
.popMsg .popMsgCon .popMsgCon1 a:hover { color: #F00;}
.popMsg .popMsgCon .popMsgCon2 {margin: 5px 10px 5px 0px;font-size: 12px;color: #999;float: right;}
.popMsg .popMsgCon .popMsgCon3 {margin: 5px 10px 5px 10px;font-size: 13px;color: #777;clear: both;height: 48px;overflow: hidden;text-overflow: ellipsis;}



/*** Menu ********************************************************************************/
/*.topMenuBox { height: 45px;width: 100%;background: #FFF;position: absolute;display: block;text-align: center;border-bottom: 1px solid #CCC; min-width: 1200px;}
.topMenu {height: 45px;width: auto;background: #FFF;position: absolute;display: block;text-align: center;}
.topMenu > ul { margin-left: 25px}
.topMenu > ul >li  { width: 140px;display: block;margin:0px;float:left;font-size:14px;font-weight:bold;color:#333;margin: 15px 0px 0px 0px;cursor:pointer;}
.topMenu > ul >li > div { text-indent: 24px;text-align: left;}*/
/*
.topMenu > ul >li > div span.icon_m1 {background: url(../../images/icon_menu01.png) no-repeat 2px 2px;width:16px;height:16px;float:left;}
.topMenu > ul >li > div span.icon_m2 { background:url(../../images/icon_menu02.png) no-repeat 2px 2px; width:16px; height:16px; float:left;}
.topMenu > ul >li > div span.icon_m3 { background:url(../../images/icon_menu03.png) no-repeat 2px 2px; width:16px; height:16px; float:left;}
.topMenu > ul >li > div span.icon_m4 { background:url(../../images/icon_menu04.png) no-repeat 2px 2px; width:16px; height:16px; float:left;}
.topMenu > ul >li > div span.icon_m5 { background:url(../../images/icon_menu05.png) no-repeat 2px 2px; width:16px; height:16px; float:left;}
.topMenu > ul >li > div span.icon_m6 { background:url(../../images/icon_menu06.png) no-repeat 2px 2px; width:16px; height:16px; float:left;}
.topMenu > ul >li > div span.icon_m7 { background:url(../../images/icon_menu07.png) no-repeat 2px 2px; width:16px; height:16px; float:left;}
*/

/*.topMenu > ul >li:first-child > div {text-indent: 9px; }
.topMenu > ul >li > div a {color:#333;}
.topMenu > ul >li > div a:hover { color:#F70 } 

.topMenu .activeM1, .topMenu .activeM1 a { color:#F70 }

.topMenu > ul >li:first-child ul{border-left:1px solid #023c73;margin-left: -15px;width: 155px;padding-left: 15px;}
.topMenu > ul >li:last-child ul{border-right:1px solid #023c73;margin-left: 15px;width: 155px;padding-right: 15px;}
.subMenu  {z-index:99;display: none; top: 9px;position: relative;background: #ffffff;width: 140px;height: 160px;padding-bottom: 15px;margin-left: 15px;margin-top: 4px;float: left; border-bottom:1px solid #023c73; box-sizing: content-box;}
.subMenu > li:first-child {  }
.subMenu > li { font-size: 13px;height: 30px;line-height: 30px;text-align:left; background: #f8f8f8;font-weight: normal; transform: skew(-0.1deg);}
.subMenu > li > a span{ display: block; width: 140px; padding-left: 7px;}
.subMenu > li > a span:hover { color:#fff; background:#023c73 }

.subMenu > li > a, .subMenu > li > a:link {color: #333;text-decoration: none;}
.subMenu > li > a:visited {color: #333;text-decoration: none;}
.subMenu > li > a:hover { color: #FFF; text-decoration: none; }
.subMenu > li > a:focus { color: #333; text-decoration: none; }
.subMenu > li > a:active { color: #333; text-decoration: none; }

.subMenu li.activeM2 span, .subMenu li.activeM2 a span { color:#fff; background:#023c73 }*/

/* Content */
.contentTop {border-bottom: 1px solid #EEE;height: 45px;background: #FFF;}
.contentTop .subTitle {float:left;font-size: 14px;font-weight: bold;padding-left: 50px;padding-top: 4px; background: url(/images/icon_sub01.png) no-repeat 27px 7px;line-height: 11px;}

.contentTop .subTitle label { font-size: 12px; color:#666; font-weight: normal }
.contentTop .subLocation {float: right;margin: 14px 12px 0 0;}
.contentTop .subLocation span { margin:0px 5px }
.contentTop .subLocation span:first-child {background: url(/images/icon_sub02.png) no-repeat 2px 3px;padding-left: 18px;}
.contentTop .subLocation span:last-child { color: #888}

.contentTit {background: #8864c7;color:#FFF;font-size:15px;text-indent: 20px;height:42px;line-height:42px;width:100%;}

.contentBox { clear: both; padding:15px }
.contentBox .schBox {background: #FFF;border:1px solid #EEE;padding:15px 25px;display:block;margin-bottom: 15px;}
.contentBox .schBox p { font-size:13px; font-weight: bold; color:#2196f3; min-width:100px; display: inline-block; margin-left: 10px;}
.contentBox .schBox .btn.search {float:right;padding: 0px 15px;height: 30px;line-height: 30px;}
.contentBox .row{clear: both; display:flex;width:100%;}
/** Kendo Grid *******/
/* Kendo Grid - 목록  ******************/
.k-table-header {background-color: #4fc3f7;color: #ffffff;text-align: center;line-height: 30px;height: 30px;border-bottom: #DDD solid 1px;font-size: 13px;padding: 0px 4px 2px;font-weight: normal;border-right: 1px solid #EEE;}

/** Table *******/
/* Table  - List - 목록  ******************/
.tblList {border-collapse: collapse;border-bottom: #afafaf solid 1px;margin-bottom:15px;}
.tblList th {background-color: #4fc3f7;color: #ffffff;text-align: center;line-height: 30px;height: 30px;border-bottom: #DDD solid 1px;font-size: 13px;padding: 0px 4px 2px;font-weight: normal;border-right: 1px solid #EEE;}
.tblList td {color: #333;padding:0px 4px 2px;line-height: 30px;border-bottom: #DDD solid 1px;border-right: 1px solid #EEE;text-align: center;/* height: 40px; */font-size: 14px;padding-left: 10px;background: #FFF;}
.tblList td span { color:#0074bd }
.tblList tr td a:link, .tblList tr td a:visited, .tblList tr td a:active { color: #333; text-decoration: none; }
.tblList tr td a:hover, .tblList tr td a:focus { color: #000; cursor: pointer; }
.tblList tr:hover { background: #f8f8f8; }
.subContent .tblList td.tal div { width: 350px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 20px }
.tblList div.fileOn { background:url(/images/img_file.png) no-repeat left center; padding-left: 20px }
table td div.tit { width: 400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; text-align:left }
.tblList tr td .btn a:link, .tblList tr td .btn a:visited, .tblList tr td .btn a:active { color: #FFF; text-decoration: none; }

/* Table  - 상세 ******************/
.tblDetail {border-collapse: collapse;border-bottom: #afafaf solid 1px;margin-bottom:15px;border-top: #303030 solid 3px; }
.tblDetail th {background-color: #FFF;color: #444;text-align: center;line-height: 35px;height: 35px;border-bottom: #DDD solid 1px;font-size: 14px;}
.tblDetail td {color: #333;padding:0px 4px 2px;line-height: 35px;border-bottom: #DDD solid 1px;text-align: left; font-size: 14px;padding-left: 10px;}

.tblDetail td span { color:#0074bd }
.tblDetail th > span {font-size: 18px;font-weight: bold;height: 45px;line-height: 45px;}
.tblDetail th > span:first-child { float:left; padding-left: 15px }
.tblDetail th > span:last-child { float:right; padding-right: 15px }

/* Tbl Layout */
.tblBox	{ font-size:13px }
.tblBox	td { line-height:1.6}		
/* 필수입력 */
.essen { background: url(/images/icon_essen.png) no-repeat left 12px;
    padding: 7px 10px; }
/* sub content botton */
.bottomBox {margin: 5px 0px 20px;float:right;display: table;}
.bottomBox .btn { min-width: 50px; }

/* 첨부 파일 Table  - List - 목록  ******************/
.attachDiv {width: 50%; padding:12px; }
.tblAttach {width: 100%; border-top: 1px solid #ddd; border-collapse: collapse;}
.tblAttach th {border-bottom: 1px solid #ddd; padding: 10px;}
.tblAttach td {border-bottom: 1px solid #ddd; padding: 10px;}
/*  Button *******/
/*.btn, a.btn  {background:#2196f3;padding: 0px 15px;color: #FFF;font-weight:bold;font-size: 13px;margin-left: 4px;border: 0px;line-height: 24px;height: 24px;display:inline-block;cursor: pointer;text-align: center;white-space: nowrap;vertical-align: middle;box-sizing: border-box;}
.btn:hover a.btn:hover, .btn a:hover { color:#FFF; text-decoration: none }
.btn a:link, .btn a:visited,
a.btn:link, a.btn a:visited  { color:#FFF; text-decoration: none }
.orange { background: #ffa726 }
.green { background: #9ccc65 }
.violet { background: #8864c7}
.red { background: #C00 }
.indigo { background: #036}
.gray { background: #666 } 
.black { background: #222 } 
.close {background: #FFF;border:1px solid #CCC;color:#222;text-align: center;height: 30px;line-height: 30px;display: block;width: 100px;margin: 0px auto;} */
.btnBox { width:100%;display: table; text-align:right; height:40px; padding: 0px 5px;}
.btnBoxCenter{ width:100%;display: table; text-align:center;  height:40px; padding: 0px 5px;}

/* Total */
.lineTotal{ width:100%;display: table; height:30px; padding: 5px 5px;font-size: 15px;}

/* Pop Up */

.modalBox { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%;height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);
}
.modalContent { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 400px }
.modalContentLog { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 800px; }
.modalContentResource { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 600px; }
.modalContentStrategy { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 900px; height:600px; }
		

/* Pagination ******************/
.pageBox { width:100%; margin: 15px 0;text-align: center; }

/* Detail Table Data Input */
.tblInput select, .tblInput input {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left:5px;
    padding-right:5px;
}

.tblInput select {
    width:95%;
}

.tblGrid > tbody > tr > td {
    border: 1px solid;
    border-left-color: rgba(33,37,41,0.125);
    border-right-color: rgba(33,37,41,0.125);
    border-top: 0px;
    border-bottom: 0px;
    height: 40px;
    padding-left:5px;
    padding-right:5px;
}

.tblGrid > tbody > tr:nth-child(2n) {
    background-color: rgba(33,37,41,0.125);
}

.gridModal .k-grid-content {
    min-height: 100px;
    max-height: 400px;
    overflow-y:auto;
}

.number, .numberDot { text-align:right}
/* ------------------------------------------------------------------ */
/* Space, Clear */
.tal {
    text-align: left !important
}
.tar {text-align:right !important}
.tac {text-align:center !important}
.fl	{float:left}
.fr	{float:right}
.fno { float:none !important }
.ovf {overflow:auto; }
.ovf table { margin:0px }
.pd0 {padding:0px !important}
.ma0 {margin:0px !important}
.mt5 { margin-top: 5px}
.mt20 { margin-top: 20px}
.mt30 { margin-top: 30px}
.ml4 { margin-left: 4px}
.w10p  { width:10% } 
.w20p  { width:20% } 
.w30p  { width:30% } 
.w40p  { width:40% } 
.w45p  { width:45% } 
.w50p  {width: 50%}
.w60p  {width: 60%}
.w49p  { width:49% }
.w70p {width:70%}
.w80p {width:80%}
.w100p {width:100%}
.h100p {height:100%}

.w10 { width: 10px !important }
.w20 { width: 20px !important }
.w50 { width: 50px !important }
.w60 { width: 60px !important }
.w80 { width: 80px !important }
.w100 { width: 100px !important }
.w120 { width: 100px !important }
.w130 { width: 100px !important }
.w140 { width: 100px !important }
.w150 { width: 150px !important }
.w200 { width: 200px !important }
.w250 { width: 250px !important }
.w300 { width: 300px !important }
.w350 { width: 350px !important }
.w400 { width: 400px !important }
.w410 { width: 410px !important }
.w420 { width: 420px !important }
.w430 { width: 430px !important }
.w440 { width: 440px !important }
.w450 { width: 450px !important }
.w460 { width: 460px !important }
.w470 { width: 470px !important }
.w480 { width: 480px !important }
.w490 { width: 490px !important }
.w500 { width: 500px !important }
.w510 { width: 510px !important }
.w520 { width: 520px !important }
.w530 { width: 530px !important }
.w540 { width: 540px !important }
.w550 { width: 550px !important }
.w560 { width: 560px !important }
.w570 { width: 570px !important }
.w580 { width: 580px !important }
.w590 { width: 590px !important }
.w600 { width: 600px !important }
.w610 { width: 610px !important }
.w620 { width: 620px !important }
.w630 { width: 630px !important }
.w640 { width: 640px !important }
.w650 { width: 650px !important }
.w660 { width: 660px !important }
.w670 { width: 670px !important }
.w680 { width: 680px !important }
.w690 { width: 690px !important }
.w700 { width: 700px !important }
.w750 { width: 750px !important }
.w800 { width: 800px !important }
.h100 {height: 100px !important }
.h150 {height: 150px !important }
.h200 {height: 200px !important }
.h300 {height: 300px !important }
.h350 {height: 350px !important }
.h400 {height: 400px !important }
.h430 {height: 430px !important }
.h450 {height: 450px !important }
.h480 {height: 480px !important }
.h480 {height: 480px !important;}
.h500 {height: 500px !important }
.h530 {height: 530px !important }
.h550 {height: 550px !important }
.h600 {height: 600px !important }
.h650 {height: 650px !important }
.h700 {height: 700px !important }
.h750 {height: 750px !important }
.h800 {height: 800px !important }

.clear { clear: both; }
.vblank { height: 5px; clear: both; }
.vblank0 { clear: both; width: 0px; height: 0px; }
.vblank1 { clear: both; width: 0px; height: 1px; }
.vblank2 { clear: both; width: 0px; height: 2px; }
.vblank3 { clear: both; width: 0px; height: 3px; }
.vblank4 { clear: both; width: 0px; height: 4px; }
.vblank5 { clear: both; width: 0px; height: 5px; }
.vblank6 { clear: both; width: 0px; height: 6px; }
.vblank7 { clear: both; width: 0px; height: 7px; }
.vblank8 { clear: both; width: 0px; height: 8px; }
.vblank9 { clear: both; width: 0px; height: 9px; }
.vblank10 { clear: both; width: 0px; height: 10px; }

.bor1 { border: 1px solid #DDD }


/* ------------------------------------------------------------------------------
*
*  # Main content layout
*
*  Styles for main structure of content area
*
*  Version: 1.0
*  Latest update: May 25, 2015
*
* ---------------------------------------------------------------------------- */
.page-container {
    position: relative;
    padding: 20px 20px;
    padding-bottom: 40px;
}

.page-header:not(.page-header-filled) + .page-container {
    padding-top: 0;
}

@media (min-width: 769px) {
    .page-container {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
}

@-moz-document url-prefix() {
    .page-container {
        height: 1px;
    }
}

@media (min-width: 769px) {
    .page-content {
        display: table-row;
    }
}

.content-wrapper {
    width: 100%;
}

@media (min-width: 769px) {
    .content-wrapper {
        display: table-cell;
        vertical-align: top;
    }
}

/* ------------------------------------------------------------------------------
*
*  # Helper classes
*
*  Custom helper classes
*
*  Version: 1.0
*  Latest update: May 25, 2015
*
* ---------------------------------------------------------------------------- */
.no-edge-top {
    top: 0;
}

.no-edge-bottom {
    bottom: 0;
}

.no-edge-left {
    left: 0;
}

.no-edge-right {
    right: 0;
}

@media (min-width: 1200px) {
    .pull-right-lg {
        float: right;
    }
}

@media (min-width: 1025px) {
    .pull-right-md {
        float: right;
    }
}

@media (min-width: 769px) {
    .pull-right-sm {
        float: right;
    }
}

@media (min-width: 480px) {
    .pull-right-xs {
        float: right;
    }
}

.valign-top {
    vertical-align: top;
}

.valign-middle {
    vertical-align: middle;
}

.valign-bottom {
    vertical-align: bottom;
}

.valign-baseline {
    vertical-align: baseline;
}

.valign-text-top {
    vertical-align: top;
}

.valign-text-bottom {
    vertical-align: text-bottom;
}

.position-relative {
    position: relative;
}

.position-static {
    position: static;
}

.display-block,
label.display-block {
    display: block;
}

.display-inline-block {
    display: inline-block;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-move {
    cursor: move;
}

.cursor-default {
    cursor: default;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible;
}

.overflow-auto {
    overflow: auto;
}

.content-group-xs {
    margin-bottom: 10px !important;
}

.content-group-sm {
    margin-bottom: 15px !important;
}

.content-group {
    margin-bottom: 20px !important;
}

.content-group-lg {
    margin-bottom: 30px !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

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

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.no-border {
    border: 0 !important;
}

.no-border-top {
    border-top: 0 !important;
}

.no-border-bottom {
    border-bottom: 0 !important;
}

.no-border-left {
    border-left: 0 !important;
}

.no-border-right {
    border-right: 0 !important;
}

.no-border-radius {
    border-radius: 0;
}

.no-border-radius-top {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.no-border-radius-bottom {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.no-border-radius-left {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.no-border-radius-right {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.border-top {
    border-top: 1px solid;
}

.border-bottom {
    border-bottom: 1px solid;
}

.border-left {
    border-left: 1px solid;
}

.border-right {
    border-right: 1px solid;
}

.border-lg {
    border-width: 2px;
}

.border-top-lg {
    border-top: 2px solid;
}

.border-bottom-lg {
    border-bottom: 2px solid;
}

.border-left-lg {
    border-left: 2px solid;
}

.border-right-lg {
    border-right: 2px solid;
}

.border-xlg {
    border-width: 3px;
}

.border-top-xlg {
    border-top: 3px solid;
}

.border-bottom-xlg {
    border-bottom: 3px solid;
}

.border-left-xlg {
    border-left: 3px solid;
}

.border-right-xlg {
    border-right: 3px solid;
}

.full-width {
    width: 100%;
}

@media (min-width: 769px) {
    .width-200 {
        min-width: 200px;
    }

    .width-250 {
        min-width: 250px;
    }

    .width-300 {
        min-width: 300px;
    }

    .width-350 {
        min-width: 350px;
    }

    .width-400 {
        min-width: 400px;
    }

    .width-450 {
        min-width: 450px;
    }

    .width-500 {
        min-width: 500px;
    }

    .width-550 {
        min-width: 550px;
    }

    .width-600 {
        min-width: 600px;
    }

    .width-650 {
        min-width: 650px;
    }
}

.img-lg {
    width: 44px !important;
    height: 44px !important;
}

.img-sm {
    width: 36px !important;
    height: 36px !important;
}

.img-xs {
    width: 32px !important;
    height: 32px !important;
}

/* ------------------------------------------------------------------------------
*
*  # Select2 selects
*
*  Styles for select2.js - custom select plugin
*
*  Version: 1.2
*  Latest update: Nov 20, 2015
*
* ---------------------------------------------------------------------------- */
.select2-container {
    outline: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.select2-selection--single {
    cursor: pointer;
    outline: 0;
    display: block;
    height: 36px;
    padding: 7px 0;
    line-height: 1.5384616;
    position: relative;
    border: 1px solid transparent;
    white-space: nowrap;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .select2-selection--single:hover,
    .select2-selection--single:focus,
    .select2-container--open .select2-selection--single {
        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset;
    }

    .select2-selection--single:not([class*=bg-]) {
        background-color: #fff;
    }

        .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
            border-color: #ddd;
        }

    .select2-selection--single[class*=bg-]:hover,
    .select2-selection--single[class*=bg-]:focus,
    .select2-container--open .select2-selection--single[class*=bg-] {
        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset;
    }

    .select2-selection--single[class*=bg-] .select2-selection__placeholder {
        color: #fff;
    }

.select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__placeholder {
    color: rgba(255, 255, 255, 0.75);
}

.select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 12px;
    padding-right: 31px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .select2-selection--single .select2-selection__rendered > i {
        margin-right: 10px;
    }

.select2-selection--single .select2-selection__clear {
    potision: relative;
    cursor: pointer;
    float: right;
    font-size: 0;
    line-height: 1;
    margin-top: 2px;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

    .select2-selection--single .select2-selection__clear:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .select2-selection--single .select2-selection__clear:after {
        content: '\ed6b';
        font-family: 'icomoon';
        display: inline-block;
        font-size: 16px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.select2-selection--single .select2-selection__placeholder {
    color: #999999;
}

.select2-selection--single .select2-selection__arrow:after {
    content: '\e9c5';
    font-family: 'Icomoon';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -8px;
    font-size: 16px;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.select2-container--open .select2-selection--single .select2-selection__arrow:after {
    content: '\e9c6';
}

.select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--disabled .select2-selection--single {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .select2-container--disabled .select2-selection--single:not([class*=bg-]) {
        background-color: #fafafa;
        color: #999999;
    }

    .select2-container--disabled .select2-selection--single[class*=bg-] {
        -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset;
        box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset;
    }

    .select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-selection--multiple {
    display: block;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: text;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .select2-selection--multiple:not([class*=bg-]) {
        background-color: #fff;
    }

        .select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {
            border-color: #ddd;
        }

    .select2-selection--multiple .select2-selection__rendered {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        list-style: none;
        margin: 0;
        padding: 0 3px 3px 3px;
        width: 100%;
    }

    .select2-selection--multiple .select2-selection__placeholder {
        color: #999999;
    }

.select2-container--disabled .select2-selection--multiple:not([class*=bg-]) {
    background-color: #fafafa;
    color: #999999;
}

.select2-container--disabled .select2-selection--multiple[class*=bg-] {
    -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset;
    box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset;
}

    .select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

.select2-container--disabled .select2-selection--multiple,
.select2-container--disabled .select2-selection--multiple .select2-selection__choice,
.select2-container--disabled .select2-selection--multiple .select2-search__field {
    cursor: not-allowed;
}

.select2-selection--multiple .select2-selection__choice {
    background-color: #455A64;
    color: #fff;
    border-radius: 3px;
    cursor: default;
    float: left;
    margin-right: 3px;
    margin-top: 3px;
    padding: 7px 12px;
}

    .select2-selection--multiple .select2-selection__choice > i {
        margin-right: 10px;
    }

    .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
        cursor: pointer;
        float: right;
        font-size: 14px;
        margin-top: 3px;
        line-height: 1;
        margin-left: 7px;
        opacity: 0.75;
        filter: alpha(opacity=75);
    }

        .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

    .select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
        display: none;
    }

.select2-selection--multiple .select2-search--inline {
    float: left;
}

    .select2-selection--multiple .select2-search--inline .select2-search__field {
        font-size: 100%;
        margin-top: 3px;
        padding: 7px 0;
        background-color: transparent;
        border: 0;
        outline: 0;
        margin-left: 5px;
        -webkit-appearance: textfield;
    }

        .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

.select2-dropdown {
    background-color: #fff;
    color: #333333;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 9999;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results > .select2-results__options {
    padding-bottom: 5px;
    max-height: 250px;
    overflow-y: auto;
}

.select2-search--hide + .select2-results > .select2-results__options {
    padding-top: 5px;
}

.select2-results:first-child > .select2-results__options {
    padding-top: 5px;
}

.select2-results__option {
    padding: 7px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .select2-results__option + .select2-results__option {
        margin-top: 1px;
    }

    .select2-results__option i {
        margin-right: 10px;
    }

        .select2-results__option i.icon-undefined {
            display: none;
        }

    .select2-results__option[role=group] {
        padding: 0;
    }

    .select2-results__option.select2-results__option--highlighted {
        background-color: #f5f5f5;
    }

    .select2-results__option[aria-disabled=true] {
        color: #999999;
        cursor: not-allowed;
    }

.select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] {
    color: rgba(255, 255, 255, 0.6);
}

.select2-results__option[aria-selected=true] {
    background-color: #2196F3;
    color: #fff;
}

.select2-results__options--nested > .select2-results__option {
    padding-left: 24px;
    padding-right: 24px;
}

.select2-results__group {
    display: block;
    padding: 7px 12px;
    font-size: 11px;
    line-height: 1.82;
    text-transform: uppercase;
    cursor: default;
    margin-top: 5px;
    margin-bottom: 5px;
}

.select2-results__option:first-child > .select2-results__group {
    margin-top: 0;
}

.select2-results__message {
    color: #999999;
    cursor: default;
}

.select2-dropdown[class*=bg-] .select2-results__message {
    color: rgba(255, 255, 255, 0.75);
}

.select2-results__option.loading-results {
    padding-top: 0;
}

    .select2-results__option.loading-results + .select2-results__option {
        margin-top: 5px;
    }

.select2-results__option--load-more {
    text-align: center;
    margin-top: 5px;
    cursor: default;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .select2-container--open .select2-dropdown--above[class*=bg-] {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .select2-container--open .select2-dropdown--below[class*=bg-] {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.select2-search--dropdown {
    display: block;
    position: relative;
    padding: 12px;
}

    .select2-search--dropdown:after {
        content: '\e98e';
        font-family: 'icomoon';
        position: absolute;
        top: 50%;
        left: 24px;
        color: inherit;
        display: block;
        font-size: 12px;
        margin-top: -6px;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .select2-search--dropdown + .select2-results .select2-results__message:first-child {
        padding-top: 0;
    }

    .select2-search--dropdown .select2-search__field {
        height: 36px;
        padding: 7px 12px;
        padding-left: 36px;
        border-radius: 3px;
        border: 1px solid #ddd;
        outline: 0;
        width: 100%;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-search--dropdown.select2-search--hide {
        display: none;
    }

.select-lg.select2-selection--single {
    height: 40px;
    padding: 9px 0;
    font-size: 14px;
}

    .select-lg.select2-selection--single .select2-selection__rendered {
        padding-left: 15px;
        padding-right: 34px;
    }

    .select-lg.select2-selection--single .select2-selection__arrow:after {
        right: 15px;
    }

.select-lg.select2-selection--multiple .select2-selection__choice {
    padding: 9px 15px;
    font-size: 14px;
}

.select-lg.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 9px 0;
    font-size: 14px;
}

.select-sm.select2-selection--single {
    height: 34px;
    padding: 6px 0;
}

    .select-sm.select2-selection--single .select2-selection__rendered {
        padding-left: 11px;
        padding-right: 26px;
    }

    .select-sm.select2-selection--single .select2-selection__arrow:after {
        right: 11px;
    }

.select-sm.select2-selection--multiple .select2-selection__choice {
    padding: 6px 11px;
}

.select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 6px 0;
}

.select-xs.select2-selection--single {
    height: 32px;
    padding: 5px 0;
    font-size: 12px;
    line-height: 1.6666667;
}

    .select-xs.select2-selection--single .select2-selection__rendered {
        padding-left: 10px;
        padding-right: 24px;
    }

    .select-xs.select2-selection--single .select2-selection__arrow:after {
        right: 10px;
    }

.select-xs.select2-selection--multiple .select2-selection__choice {
    padding: 5px 10px;
    font-size: 12px;
}

.select-xs.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 5px 0;
    font-size: 12px;
}

.select2-selection--multiple[class*=bg-] .select2-selection__choice {
    background-color: rgba(0, 0, 0, 0.25);
}

.select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent;
    color: #fff;
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] {
    background-color: rgba(0, 0, 0, 0.2);
}

.select2-dropdown[class*=bg-] .select2-results__option--highlighted {
    background-color: rgba(0, 0, 0, 0.1);
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    z-index: 99;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: fixed !important;
    width: 1px !important;
}

.select2-result-repository {
    padding-top: 7px;
    padding-bottom: 7px;
}

.select2-result-repository__avatar {
    float: left;
    width: 60px;
    margin-right: 10px;
}

    .select2-result-repository__avatar img {
        width: 100%;
        height: auto;
        border-radius: 100px;
    }

.select2-result-repository__meta {
    margin-left: 70px;
}

.select2-result-repository__title {
    font-weight: 500;
    word-wrap: break-word;
    margin-bottom: 2px;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers,
.select2-result-repository__watchers {
    display: inline-block;
    font-size: 12px;
}

.select2-result-repository__description {
    font-size: 12px;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers {
    margin-right: 15px;
}

/* ------------------------------------------------------------------------------
*
*  # Pick-a-date - Picker base
*
*  The mobile-friendly, responsive, and lightweight jQuery date & time input picker
*
*  Version: 1.0
*  Latest update: May 25, 2015
*
* ---------------------------------------------------------------------------- */
.picker {
    width: 100%;
    text-align: left;
    position: absolute;
    top: 100%;
    margin-top: -1px;
    z-index: 990;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.picker__input {
    cursor: default;
}

.picker__holder {
    width: 100%;
    overflow-y: auto;
    position: absolute;
    display: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-width: 0;
    border-bottom-width: 0;
    max-width: 280px;
    max-height: 0;
    -webkit-overflow-scrolling: touch;
}

.picker--opened .picker__holder {
    max-height: 480px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    display: block;
}
/* ------------------------------------------------------------------------------
*
*  # Pick-a-date - Date picker
*
*  The mobile-friendly, responsive, and lightweight jQuery date & time input picker
*
*  Version: 1.0
*  Latest update: May 25, 2015
*
* ---------------------------------------------------------------------------- */
.picker__box {
    padding: 5px;
}

.picker__header {
    text-align: center;
    position: relative;
    font-size: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.picker__month,
.picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.picker__year {
    color: #999999;
    font-size: 12px;
    font-weight: normal;
}

.picker__select--month,
.picker__select--year {
    border-color: #ddd;
    height: 32px;
    font-size: 13px;
    line-height: 1.6666667;
    margin-left: 5px;
    margin-right: 5px;
    outline: 0;
}

.picker__select--month {
    width: 35%;
}

.picker__select--year {
    width: 22.5%;
}

.picker__nav--prev,
.picker__nav--next {
    position: absolute;
    padding: 8px;
    top: 50%;
    margin-top: -16px;
    border-radius: 2px;
    line-height: 1;
}

    .picker__nav--prev:before,
    .picker__nav--next:before {
        font-family: 'icomoon';
        display: block;
        font-size: 16px;
        width: 16px;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .picker__nav--prev:hover,
    .picker__nav--next:hover {
        cursor: pointer;
        background-color: #f5f5f5;
    }

.picker__nav--prev {
    left: 0;
}

    .picker__nav--prev:before {
        content: '\e9c8';
    }

.picker__nav--next {
    right: 0;
}

    .picker__nav--next:before {
        content: '\e9cb';
    }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
    cursor: default;
    background: none;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5;
}

.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-bottom: 10px;
}

    .picker__table td {
        margin: 0;
        padding: 0;
    }

.picker__weekday {
    width: 14.285714286%;
    font-size: 12px;
    text-align: center;
    padding-bottom: 10px;
    color: #999999;
    font-weight: 400;
}

.picker__day {
    padding: 7px;
}

.picker__day--today {
    position: relative;
    background-color: #f5f5f5;
}

    .picker__day--today:before {
        content: "";
        position: absolute;
        top: 2px;
        right: 2px;
        width: 0;
        height: 0;
        border-top: 6px solid #26A69A;
        border-left: 6px solid transparent;
    }

.picker__day--outfocus {
    color: #ccc;
}

    .picker__day--infocus:hover,
    .picker__day--outfocus:hover {
        cursor: pointer;
        color: #333333;
        background-color: #f5f5f5;
    }

.picker__day--highlighted:before {
    border-top-color: #fff;
}

.picker__day--highlighted,
.picker__day--selected {
    border-radius: 3px;
}

    .picker__day--highlighted,
    .picker__day--highlighted:hover,
    .picker--focused .picker__day--highlighted {
        cursor: pointer;
        color: #fff;
        background-color: #26A69A;
    }

    .picker__day--selected,
    .picker__day--selected:hover,
    .picker--focused .picker__day--selected {
        background-color: #26A69A;
        color: #fff;
    }

.picker__day--disabled,
.picker__day--disabled:hover {
    background: #fafafa;
    color: #999999;
    cursor: default;
}

    .picker__day--disabled:before {
        border-top-color: #999;
    }

.picker__day--highlighted .picker__day--disabled,
.picker__day--highlighted .picker__day--disabled:hover {
    background-color: #bbbbbb;
}

.picker__footer {
    text-align: center;
}

    .picker__footer button {
        border: 0;
        background: #fff;
        padding: 7px 12px;
        border-radius: 3px;
        font-weight: 500;
        cursor: pointer;
        display: inline-block;
    }

        .picker__footer button:hover,
        .picker__footer button:focus {
            outline: 0;
            background-color: #f5f5f5;
        }

        .picker__footer button:before {
            height: 0;
        }

.picker__button--today:before {
    content: '';
    margin-right: 5px;
    position: relative;
    display: inline-block;
    top: -1px;
    width: 0;
    border-top: 6px solid #2196F3;
    border-left: 6px solid transparent;
}

.picker__button--close:before {
    content: '\D7';
    display: inline-block;
    position: relative;
    margin-right: 5px;
    top: 1px;
    font-size: 16px;
}

.picker__button--clear:before {
    content: '';
    display: inline-block;
    position: relative;
    top: -3px;
    width: 8px;
    margin-right: 5px;
    border-top: 2px solid #F44336;
}
/* ------------------------------------------------------------------------------
*
*  # Pick-a-date - Time picker
*
*  The mobile-friendly, responsive, and lightweight jQuery date & time input picker
*
*  Version: 1.0
*  Latest update: May 25, 2015
*
* ---------------------------------------------------------------------------- */
.picker--time {
    min-width: 256px;
    max-width: 320px;
}

    .picker--time .picker__box {
        padding: 0;
    }

.picker__list {
    list-style: none;
    padding: 5px 0;
    margin: 0;
    background-color: #fff;
    max-height: 250px;
    overflow-y: auto;
}

.picker__list-item {
    position: relative;
    padding: 7px 12px;
}

    .picker__list-item:hover,
    .picker__list-item:focus {
        cursor: pointer;
        background-color: #f5f5f5;
        z-index: 10;
    }

.picker--time .picker__button--clear {
    display: block;
    width: 100%;
    margin: 0;
    padding: 7px 12px;
    background-color: #fcfcfc;
    margin-top: 1px;
    outline: 0;
    border: 0;
    border-top: 1px solid #eeeeee;
    text-align: center;
    margin-bottom: -5px;
    margin-top: 5px;
}

    .picker--time .picker__button--clear:hover,
    .picker--time .picker__button--clear:focus {
        background-color: #f5f5f5;
    }

.picker__list-item--highlighted {
    z-index: 10;
}

    .picker__list-item--highlighted,
    .picker__list-item--highlighted:hover,
    .picker--focused .picker__list-item--highlighted {
        cursor: pointer;
        color: #fff;
        background-color: #26A69A;
    }

.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
    background-color: #26A69A;
    color: #fff;
    z-index: 10;
}

.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
    background-color: #fafafa;
    color: #999999;
    cursor: default;
    z-index: auto;
}
/* ------------------------------------------------------------------------------
 *
 *  # Uniform form inputs plugin
 *
 *  Styles for uniform.min.js - form components styling
 *
 *  Version: 1.0
 *  Latest update: Mar 10, 2015
 *
 * ---------------------------------------------------------------------------- */
.checker {
    position: relative;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

    .checker,
    .checker span,
    .checker input {
        width: 18px;
        height: 18px;
    }

        .checker span {
            color: #455A64;
            border: 2px solid #607D8B;
            display: inline-block;
            text-align: center;
            position: relative;
        }

            .checker span:after {
                content: "\e600";
                font-family: 'icomoon';
                display: none;
                font-size: 16px;
                line-height: 1;
                position: absolute;
                top: -1px;
                left: -1px;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            .checker span.checked:after {
                display: block;
            }

        .checker input[type=checkbox],
        .choice input[type=radio] {
            border: none;
            background: none;
            display: -moz-inline-box;
            display: inline-block;
            margin: 0;
            vertical-align: top;
            cursor: pointer;
            position: absolute;
            top: -2px;
            left: -2px;
            z-index: 2;
            opacity: 0;
            filter: alpha(opacity=0);
        }

.checkbox .checker,
.checkbox-inline .checker {
    position: absolute;
    top: 1px;
    left: 0;
}

.form-horizontal .checkbox .checker,
.form-horizontal .checkbox-inline .checker {
    top: 9px;
}

.checkbox-right .checker {
    left: auto;
    right: 0;
}

.checker.active span:after,
.checkbox > label:active .checker span:after,
.checkbox-inline:active .checker span:after {
    display: block;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.checker.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

    .checker.disabled,
    .checker.disabled input[type=checkbox] {
        cursor: not-allowed;
    }

.checkbox > label:active .checker.disabled span:after,
.checkbox-inline:active .checker.disabled span:after {
    opacity: 0;
    filter: alpha(opacity=0);
}

.checkbox > label:active .checker.disabled span.checked:after,
.checkbox-inline:active .checker.disabled span.checked:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

.checker[class*=border-] span {
    border-color: inherit;
    color: inherit;
}

.dropdown-menu > .active:not(.disabled) .checker span,
.dropdown-menu[class*=bg-] .checker span,
.navbar-inverse .navbar-form .checker span,
.sidebar:not(.sidebar-default) .checkbox .checker span {
    border-color: #fff;
    color: #fff;
}
.choice {
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 100%;
}
.choice,
.choice span,
.choice input {
  width: 18px;
  height: 18px;
}
.choice span {
  border: 2px solid #607D8B;
  display: -moz-inline-box;
  display: inline-block;
  border-radius: 100%;
  text-align: center;
  position: relative;
}
.choice span:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  border: 4px solid;
  border-color: inherit;
  width: 0;
  height: 0;
  border-radius: 100%;
  display: none;
}
.choice span.checked:after {
  display: block;
}
.radio .choice,
.radio-inline .choice {
  position: absolute;
  top: 1px;
  left: 0;
}
.form-horizontal .radio .choice,
.form-horizontal .radio-inline .choice {
  top: 9px;
}
.radio-right .choice {
  left: auto;
  right: 0;
}
.choice.active span:after,
.radio > label:active .choice span:after,
.radio-inline:active .choice span:after {
  display: block;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.choice.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.choice.disabled,
.choice.disabled input[type=radio] {
  cursor: not-allowed;
}
.radio > label:active .choice.disabled span:after,
.radio-inline:active .choice.disabled span:after {
  opacity: 0;
  filter: alpha(opacity=0);
}
.radio > label:active .choice.disabled span.checked:after,
.radio-inline:active .choice.disabled span.checked:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.choice[class*=border-] span {
  border-color: inherit;
}
.choice[class*=border-] span:after {
  border-color: inherit;
}

/* ------------------------------------------------------------------------------
*
*  # Switchery toggles
*
*  Styles for switchery.min.js - toggle switches
*
*  Version: 1.0
*  Latest update: Mar 25, 2015
*
* ---------------------------------------------------------------------------- */
.switchery {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    width: 44px;
    height: 22px;
    vertical-align: middle;
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.checkbox-switchery .switchery {
    position: absolute;
    left: 0;
    margin-top: -2px;
}

.switchery > small {
    background-color: #fff;
    border-radius: 100px;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.checkbox.checkbox-switchery {
    margin-bottom: 14px;
    padding-left: 0;
}

    .checkbox.checkbox-switchery.disabled .switchery {
        cursor: not-allowed;
    }

.checkbox[class*=switchery-],
.checkbox-inline[class*=switchery-] {
    padding-left: 0;
    padding-right: 0;
}

.switchery-lg.checkbox-switchery {
    margin-bottom: 18px;
}

    .switchery-lg.checkbox-switchery .switchery {
        margin-top: -4px;
    }

label.switchery-lg {
    margin-bottom: 0;
}

.switchery-lg .switchery {
    height: 26px;
    width: 52px;
}

    .switchery-lg .switchery > small {
        height: 26px;
        width: 26px;
    }

.switchery-sm.checkbox-switchery {
    margin-bottom: 10px;
}

    .switchery-sm.checkbox-switchery .switchery {
        margin-top: 0px;
    }

label.switchery-sm {
    margin-bottom: 0;
}

.switchery-sm .switchery {
    height: 18px;
    width: 36px;
}

    .switchery-sm .switchery > small {
        height: 18px;
        width: 18px;
    }

.switchery-xs.checkbox-switchery {
    margin-bottom: 6px;
}

    .switchery-xs.checkbox-switchery .switchery {
        margin-top: 2px;
    }

label.switchery-xs {
    margin-bottom: 0;
}

.switchery-xs .switchery {
    height: 14px;
    width: 28px;
}

    .switchery-xs .switchery > small {
        height: 14px;
        width: 14px;
    }

.checkbox-switchery label,
label.checkbox-switchery {
    position: relative;
    padding-left: 56px;
    margin: 0;
    cursor: pointer;
}

    .checkbox-switchery.switchery-lg label,
    label.checkbox-switchery.switchery-lg {
        padding-left: 64px;
    }

    .checkbox-switchery.switchery-sm label,
    label.checkbox-switchery.switchery-sm {
        padding-left: 48px;
    }

    .checkbox-switchery.switchery-xs label,
    label.checkbox-switchery.switchery-xs {
        padding-left: 40px;
    }

.checkbox-switchery.checkbox-inline {
    margin-bottom: 0;
}

.checkbox-switchery.checkbox-right .switchery {
    left: auto;
    right: 0;
}

.checkbox-switchery.checkbox-right label,
label.checkbox-switchery.checkbox-right {
    padding-left: 0;
    padding-right: 56px;
}

    .checkbox-switchery.checkbox-right.switchery-lg label,
    label.checkbox-switchery.checkbox-right.switchery-lg {
        padding-left: 0;
        padding-right: 64px;
    }

    .checkbox-switchery.checkbox-right.switchery-sm label,
    label.checkbox-switchery.checkbox-right.switchery-sm {
        padding-left: 0;
        padding-right: 48px;
    }

    .checkbox-switchery.checkbox-right.switchery-xs label,
    label.checkbox-switchery.checkbox-right.switchery-xs {
        padding-left: 0;
        padding-right: 40px;
    }

.switchery-double .switchery {
    position: relative;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: -7px;
    margin-bottom: -5px;
}

.switchery-double.checkbox-switchery label,
label.switchery-double.checkbox-switchery {
    padding: 0;
}

.switchery-double.switchery-lg .switchery {
    margin-top: -8px;
    margin-bottom: -6px;
}

.switchery-double.switchery-sm .switchery {
    margin-top: -6px;
    margin-bottom: -4px;
}

.switchery-double.switchery-xs .switchery {
    margin-top: -5px;
    margin-bottom: -3px;
}