/*------------------------------------------------------- [Table of contents] 0. Fonts 1. Header + logo + top navigation + search 2. Content + feature sections + page title + parallax backgrounds + video backgrounds 3. Sidebar + site search + tabs + portfolio widgets + advertisements 3. Typography + lists + buttons + styled boxes + dropcaps + highlight colors + tables + pricing tables + framed boxes + pagination 4. Footer + copyrights + google map 5. Responsive /*---------------------------------------------------- FONTS ------------------------------------------------------*/ :root{ --brand: #e22e25; } @font-face { font-family: 'Roboto'; src: url('../webfonts/Roboto/Roboto-MediumItalic.eot'); src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../webfonts/Roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto/Roboto-MediumItalic.woff') format('woff'), url('../webfonts/Roboto/Roboto-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../webfonts/Roboto/Roboto-Italic.eot'); src: local('Roboto Italic'), local('Roboto-Italic'), url('../webfonts/Roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto/Roboto-Italic.woff') format('woff'), url('../webfonts/Roboto/Roboto-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../webfonts/Roboto/Roboto-Bold.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('../webfonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto/Roboto-Bold.woff') format('woff'), url('../webfonts/Roboto/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../webfonts/Roboto/Roboto-Regular.eot'); src: local('Roboto'), local('Roboto-Regular'), url('../webfonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto/Roboto-Regular.woff') format('woff'), url('../webfonts/Roboto/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../webfonts/Roboto/Roboto-Medium.eot'); src: local('Roboto Medium'), local('Roboto-Medium'), url('../webfonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto/Roboto-Medium.woff') format('woff'), url('../webfonts/Roboto/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../webfonts/Roboto/Roboto-BoldItalic.eot'); src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../webfonts/Roboto/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto/Roboto-BoldItalic.woff') format('woff'), url('../webfonts/Roboto/Roboto-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('../webfonts/Roboto/Roboto-ThinItalic.eot'); src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('../webfonts/Roboto/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto/Roboto-ThinItalic.woff') format('woff'), url('../webfonts/Roboto/Roboto-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../webfonts/Roboto/Roboto-Black.eot'); src: local('Roboto Black'), local('Roboto-Black'), url('../webfonts/Roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto/Roboto-Black.woff') format('woff'), url('../webfonts/Roboto/Roboto-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../webfonts/Roboto/Roboto-Light.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('../webfonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto/Roboto-Light.woff') format('woff'), url('../webfonts/Roboto/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../webfonts/Roboto/Roboto-LightItalic.eot'); src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('../webfonts/Roboto/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto/Roboto-LightItalic.woff') format('woff'), url('../webfonts/Roboto/Roboto-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../webfonts/Roboto/Roboto-BlackItalic.eot'); src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('../webfonts/Roboto/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto/Roboto-BlackItalic.woff') format('woff'), url('../webfonts/Roboto/Roboto-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../webfonts/Roboto/Roboto-Thin.eot'); src: local('Roboto Thin'), local('Roboto-Thin'), url('../webfonts/Roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto/Roboto-Thin.woff') format('woff'), url('../webfonts/Roboto/Roboto-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../webfonts/OpenSans/OpenSans-SemiBoldItalic.eot'); src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('../webfonts/OpenSans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../webfonts/OpenSans/OpenSans-SemiBoldItalic.woff') format('woff'), url('../webfonts/OpenSans/OpenSans-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../webfonts/OpenSans/OpenSans-LightItalic.eot'); src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../webfonts/OpenSans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('../webfonts/OpenSans/OpenSans-LightItalic.woff') format('woff'), url('../webfonts/OpenSans/OpenSans-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../webfonts/OpenSans/OpenSans-Bold.eot'); src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../webfonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../webfonts/OpenSans/OpenSans-Bold.woff') format('woff'), url('../webfonts/OpenSans/OpenSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../webfonts/OpenSans/OpenSans-ExtraBoldItalic.eot'); src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('../webfonts/OpenSans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../webfonts/OpenSans/OpenSans-ExtraBoldItalic.woff') format('woff'), url('../webfonts/OpenSans/OpenSans-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../webfonts/OpenSans/OpenSans-Light.eot'); src: local('Open Sans Light'), local('OpenSans-Light'), url('../webfonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../webfonts/OpenSans/OpenSans-Light.woff') format('woff'), url('../webfonts/OpenSans/OpenSans-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../webfonts/OpenSans/OpenSans-Italic.eot'); src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../webfonts/OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('../webfonts/OpenSans/OpenSans-Italic.woff') format('woff'), url('../webfonts/OpenSans/OpenSans-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../webfonts/OpenSans/OpenSans-Regular.eot'); src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../webfonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../webfonts/OpenSans/OpenSans-Regular.woff') format('woff'), url('../webfonts/OpenSans/OpenSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../webfonts/OpenSans/OpenSans-SemiBold.eot'); src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../webfonts/OpenSans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../webfonts/OpenSans/OpenSans-SemiBold.woff') format('woff'), url('../webfonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../webfonts/OpenSans/OpenSans-ExtraBold.eot'); src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../webfonts/OpenSans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../webfonts/OpenSans/OpenSans-ExtraBold.woff') format('woff'), url('../webfonts/OpenSans/OpenSans-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../webfonts/OpenSans/OpenSans-BoldItalic.eot'); src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../webfonts/OpenSans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../webfonts/OpenSans/OpenSans-BoldItalic.woff') format('woff'), url('../webfonts/OpenSans/OpenSans-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } /*---------------------------------------------------- SITE MAIN STRUCTURE ------------------------------------------------------*/ pre { margin: 0; padding: 10px 20px !important; } img { pointer-events: none !important; } .site_wrapper { width: 100%; margin: 0 auto 0 auto; } .container_full { width: 100%; float: left; margin: auto; } .container { width: 1170px; margin: auto; } .content_fullwidth { float: left; width: 100%; padding: 90px 0px 90px 0px; } .content_fullwidth.less { padding: 0px 0px 90px 0px; } .content_fullwidth.less2 { padding: 75px 0px 90px 0px; } .content_fullwidth.less3 { padding: 75px 0px 30px 0px; } .content_left { float: left; width: 71%; padding: 0px 0px 0px 0px; } .left_sidebar { float: left; width: 25%; padding: 0px 0px 0px 0px; } .content_right { float: right; width: 71%; padding: 0px 0px 0px 0px; } .right_sidebar { float: right; width: 25%; padding: 0px 0px 0px 0px; } .content_halfsite { float: left; width: 47.5%; margin-right: 5%; padding: 0px 0px 0px 0px; } .content_halfsite.last { margin-right: 0; } /*-------------------*/ /* columns */ /*-------------------*/ .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive { position: relative; margin-right: 2%; float: left; } .one_full { width: 100%; } .one_half { width: 48%; } .one_third { width: 30.650%; } .one_fourth { width: 22%; } .one_fifth { width: 16.800%; } .two_third { width: 65.350%; } .three_fourth { width: 74%; } .onecol_forty { width: 40%; } .onecol_sixty { width: 56%; } .onecol_thirtyfive { width: 35%; } /*-----------------------------------*/ /* Less Space Bitween Columns */ /*-----------------------------------*/ .one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less { position: relative; margin-right: 2%; float: left; } .one_full_less { width: 100%; } .one_half_less { width: 48%; } .one_third_less { width: 31%; } .one_fourth_less { width: 23.500%; } .one_fifth_less { width: 18.400%; } .two_third_less { width: 66%; } .three_fourth_less { width: 74.500%; } .onecol_forty_less { width: 40%; } .onecol_sixty_less { width: 58%; } .onecol_thirtyfive_less { width: 36.250%; } .last { margin-right: 0 !important; } /*------------------------*/ /* Header */ /*------------------------*/ /* Logo */ #logo { float: left; display: block; width: 100%; min-height: 50px; margin-top: 12px; position: relative; text-indent: -999em; background: url('../images/logo-big.png') no-repeat left top; background-size: 120px auto; z-index:9999; } .logo { float: left; width: 25%; margin-top: 5px; } .menu_main { float: left; width: 75%; z-index: 9998; } .head_cellph { display: inline-block; width: 20px; } .head_cellph.cellph--ks { background: url(/App_Themes/main/images/cellphones/kyivstar_big.png) no-repeat center center; background-size: 20px; } .head_cellph.cellph--ls { background: url(/App_Themes/main/images/cellphones/lifecell_big.png) no-repeat center center; background-size: 20px; } .head_cellph.cellph--vf { background: url(/App_Themes/main/images/cellphones/vodafone_big.png) no-repeat center center; background-size: 20px; } /* top navigations */ .top_nav { float: left; width: 100%; background: #f3f3f3; border-bottom: 1px solid #e3e3e3; color: #999; font-size: 13px; } .top_nav .left { float: left; width: 20%; padding: 12px 0px; } .top_nav .left i { color: #999; } .top_nav .left a { color: #999; margin-right: 25px; } .top_nav .left a:hover { color: #727272; transition: all 0.3s ease; } .top_nav .right { float: left; width: 80%; text-align: right; margin-top:0.25rem; } .top_nav .rightHolder{ float:left; display:block; min-width:200px; text-align: left; } @media only screen and (max-width:479px){ .top_nav .rightHolder { min-width: 140px; } } .top_nav ul.topsocial { float: right; padding: 0px; margin: 0px 10px 0px 0px; padding: 12px 0px; } .top_nav .topsocial li { float: left; padding: 0px; margin: 0px 16px 0px 0px; } .top_nav .topsocial li a { float: left; color: #999; font-size: 13px; border-radius: 100%; text-align: center; vertical-align: middle; transition: all 0.3s ease; margin-right: 0px; } .top_nav .topsocial li a:hover { color: #727272; } .btnLang { /*float: right;*/ color: #999; margin-left: 0px; padding: 16px 16px; border-right: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; transition: all 0.5s ease; text-transform: uppercase !important; position: relative; top:8px; } .btnLang:hover, .btnLang.active { color: #fff; background: #e22e25; text-decoration:none; } .btnLang.two { border-right: 1px solid #f3f3f3; border-left: none; } .fwslider { margin-top: 85px; } /*---------------------------------------------------- FEATURE SECTIONS ------------------------------------------------------*/ /* features_section 1 */ .feature_section1 { float: left; width: 100%; color: #999; padding: 94px 0px 94px 0px; } .feature_section1 img { float: left; margin-bottom: 15px; } .feature_section1 h2 { font-size: 27px; color: #272727; font-weight: normal; text-transform: none; margin-bottom: 10px; } .feature_section1 h4 { font-family: 'Roboto', sans-serif; font-size: 18px; color: #272727; font-weight: 500; margin: 0px; } .feature_section1 p { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #727272; font-weight: normal; padding-bottom: 16px; padding-top: 6px; } /* features_section 2 */ .feature_section2 { float: left; width: 100%; text-align: center; padding: 90px 0px 107px 0px; background-image: url(/App_Themes/main/images/h-lines-bg.png); background-repeat: repeat; background-position: left top; } .feature_section2 .one_fourth { margin: 0 auto; color: #000; background: #fff; padding: 40px 30px 66px 30px; border-right: solid 2px #eeeeee; text-align: center; width: 25%; -webkit-box-shadow: 0px 0px 2px 0px rgba(207,207,207,1); -moz-box-shadow: 0px 0px 2px 0px rgba(207,207,207,1); box-shadow: 0px 0px 2px 0px rgba(207,207,207,1); } .feature_section2 .one_fourth.last { border: none; } .feature_section2 i { margin: 0 auto 15px auto; width: 74px; height: 74px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 72px; border: 1px solid #e22e25; color: #e22e25; font-size: 35px; } .feature_section2 i { margin: 0 auto 15px auto; width: 74px; height: 74px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 72px; border: 1px solid #e22e25; color: #e22e25; font-size: 35px; transition: all 0.3s ease; } .feature_section2 p { font-size: 16px; font-weight: 600; color: #727272; line-height: 27px; margin: 0px; } .feature_section2 h4 { color: #e22e25; margin-bottom: 25px; } .feature_section2 h2 { margin-bottom: 10px; } .feature_section2 strong { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; color: #272727; line-height: 27px; margin-bottom: 43px; } .feature_section2 .one_fourth:hover i { border: 1px solid #e22e25; background: #e22e25; color: #fff; } /* features_section 3 */ .feature_section3 { float: left; width: 100%; text-align: center; padding: 50px 0px 30px 0px; background: url(/App_Themes/main/images/index-bg-03.jpg) fixed center; } .feature_section3.st-4 { background: url(/App_Themes/main/images/index-bg-04.jpg) fixed center; } .feature_section3 .rightcon li { font-size: 1rem; color: #fff; text-align: left; font-weight: 600; padding: 10px 0px; text-transform: none; padding-left: 47px; } .feature_section3 .rightcon li:before { content: ""; width: 8px; height: 8px; background-color: #e22e25; float: left; margin: 8px 15px 0px -25px; border-radius: 50%; } .feature_section3 h2 { font-size: 52px; font-weight: 600; color: #fff; line-height: 52px; text-align: left; text-transform:capitalize; text-align:right; padding-right:25px; } .feature_section3 h4 { font-size: 45px; font-weight: 300; color: #fff; line-height: 52px; text-align: right; padding-right: 25px; } .feature_section3 h5 { color: #fff; text-align: right; padding-right: 25px; } /* features_section 4 */ .feature_section4 { float: left; width: 100%; text-align: center; padding: 80px 0px 90px 0px; } .feature_section4 .one_third_less { -webkit-box-shadow: 14px 0px 32px -14px rgba(0,0,0,1); -moz-box-shadow: 14px 0px 32px -14px rgba(0,0,0,1); box-shadow: 14px 0px 32px -14px rgba(0,0,0,1); } .feature_section4 .box { width: 100%; float: left; border: 0px solid #eeeeee; border-top: 0px; margin-top: 0px; background-color: #fff; } .feature_section4 .boxcon { text-align: left; width: 100%; float: left; padding: 1.5rem 1.5rem 1.2rem 1.5rem; min-height:250px; } .feature_section4 .conbtm { text-align: left; width: 100%; float: left; background: #f3f3f3; padding: 1rem 1rem 0px 1rem; } .feature_section4 h2 { margin-bottom: 10px; } .feature_section4 h4 { font-size: 18px; font-weight: 400; color: #e22e25; line-height: 27px; margin-bottom: 48px; } .feature_section4 h5 { font-size: 16px; font-weight: 500; color: #272727; margin-bottom: 10px; } .feature_section4 p { margin-bottom:0.75rem; } .feature_section--promo { float: left; width: 100%; text-align: center; background-color: #fff; padding: 80px 0px 90px 0px; } .feature_section--promo .block_title { width: 100%; margin-top: -3.1875rem; /* line-height + padding-y */ line-height: 2.3125rem; background: #e22e25; text-align: center; opacity: 0.9; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #fff; padding: 7px 15px; letter-spacing: 0.5px; } ul.links_small { float: left; width: 100%; float: left; display: block; } .links_small li.icon { float: left; padding: 5px 0px 0px 0px; } .links_small li.content { float: left; font-size: 0.8rem; color: #272727; padding: 5px 10px 0px 0px; } .links_small li a { font-size: 0.8rem; color: #727272; margin: 0px 10px 0px 10px; text-decoration: none; } .links_small li a:hover { color: #272727; } /* features_section 5 */ .feature_section5 { float: left; width: 100%; padding: 75px 0px 75px 0px; background-image: url(/App_Themes/main/images/index-bg-02.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; } @supports (-webkit-overflow-scrolling: touch) { .feature_section5 { background-attachment: scroll; } } .feature_section5 h1 { font-family: 'Roboto', sans-serif; font-size: 45px; color: #fff; font-weight: 300; line-height: 52px; text-transform: none; margin: 0px; } .feature_section5 p { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 27px; color: #fff; padding-right: 50px; padding-top: 25px; } /* featured section 6 */ .feature_section6 { float: left; width: 100%; text-align: center; background-color: #272727; padding: 76px 0px 70px 0px; } .feature_section6 .box1 { width: 22%; float: left; } .feature_section6 .box2 { width: 22%; float: left; } .feature_section6 .box3 { width: 28%; float: left; } .feature_section6 .box4 { width: 28%; float: left; } .feature_section6 i { color: #FFF; font-size: 2.5rem; margin-right: 14px; float: left; text-align: left; } .feature_section6 h4 { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: bold; color: #fff; margin: 0 auto; letter-spacing: normal; display: block; text-transform: none; padding-top: 0px; text-align: left; } .feature_section6 h4 span { font-size: 14px; font-weight: normal; color: #fff; display: table-cell; padding-top:.33rem; } .newsletter .enter_email_input { float: left; padding: 3px 0px 4px 20px; height: 55px; width: 76%; background: #fff; border: none; color: #999999; font-size: 14px; } .newsletter .input_submit { float: left; padding: 16px 16px; background-color: #e22e25; border: 0px; font-size: 18px; font-weight: 600; color: #fff; text-transform: uppercase; transition: all 0.3s ease; } .newsletter .input_submit:hover { color: #fff; cursor: pointer; background-color: #454545; } .newsletter .input_submit.color2 { background-color: #50c9d4; } /* copyrights */ .copyright_info { float: left; padding: 30px 0px 30px 0px; width: 100%; color: #999; font-size: 14px !important; font-style: normal; font-weight: normal; background: #ffffff; } /* footer social links */ ul.footer_social_links { float: right; padding: 0px; margin: 0px 0px 0px 0px; } .footer_social_links li { float: left; padding: 0px; margin: 0px 0px 0px 5px; } .footer_social_links li a i { width: 36px; height: 36px; text-align: center; border-radius: 100%; line-height: 36px; vertical-align: middle; background-color: #cccccc; color: #fff; transition: all 0.3s ease; } .footer_social_links li a i:hover { color: #fff; background-color: #727272; } /*---------------------------*/ /*scroll up */ /*---------------------------*/ .scrollup { width: 40px; height: 40px; border-radius: 100%; opacity: .3; position: fixed; bottom: 1.125rem; left: 15px; display: none; z-index: 9001; background-color: #e22e25; padding:0; margin:0; } .scrollup:before { content: '\f106'; font-family: "Font Awesome 5 Free"; font-size: 20px; font-weight: 900; color: #fff; line-height: 40px; padding: 15px 13px; } .scrollup:hover{ text-decoration: none; opacity: 1; } .disabled { cursor: not-allowed !important; } .font-small{ font-size: 0.9rem !important; } .font-smaller { font-size: 0.8rem !important; } font-big{ font-size: 1.1rem !important; } .font-bigger{ font-size: 1.15rem !important; } .font-biggest{ font-size: 1.5rem !important; } .text-bold { font-weight: bold !important; } .text-bolder { font-weight: 500 !important; } .text-boldest { font-weight: 800 !important; } .select2-dropdown.select2-dropdown--below { width: 148px !important; } .select2-container--default .select2-selection--single { padding: 6px; height: 37px !important; font-size: 1.2em; position: relative; border: 0 !important; margin-top: 0px; border-radius: 0 !important; } .select2-container.verify { border: 1px solid #cccccc !important; } .select2-container.verify .select2-selection--single { } .select2-container--default .select2-selection--single .select2-selection__arrow { width: 40px; color: #fff; font-size: 1.3em; padding: 5px 12px; height: 37px !important; position: absolute; top: 0px !important; right: 0px !important; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow:hover { color: #fff !important; background: #e22e25 !important; border: 1px solid #e22e25 !important; transition: all 0.5s ease; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #e22e25 transparent transparent transparent !important; transition: all 0.5s ease; } .select2-container--default .select2-selection--single .select2-selection__arrow:hover b { border-color: #fff transparent transparent transparent !important; } .select2-dropdown { border: 0px !important; overflow-y: hidden !important; height: auto !important; /* min-height: 200px;*/ } .verify .select2-dropdown { border: 1px solid #aaa !important; } .select-dropdown { position: static; } .select-dropdown .select-dropdown--above { margin-top: 336px; } .cityselect .select2-results > .select2-results__options { overflow-y: hidden !important; min-height: 400px !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #e22e25 !important; } ul.smallist{ list-style:circle !important; font-size: .9rem !important; padding-left: 1.1rem; } ul.smallist >li { list-style: circle !important; } .m-link { text-decoration: none; position: relative; display: inline-block; } .m-link:after { display: block; content: ''; position: absolute; bottom: 0; top: 1rem; left: 0; width: 0%; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; } .m-link:hover { text-decoration: none !important; } .m-link:hover:after { width: 100%; } .m-link { color: #e22e25; } .m-link:hover { color: #5f57c3; } .m-link:hover:after { border-bottom: 1px solid #5f57c3; opacity: 0.3; filter: alpha(opacity=30); } .m-link.m-link--skin-dark { color: #e22e25; } .m-link.m-link--skin-dark:hover { color: #5f57c3; } .m-link.m-link--skin-dark:hover:after { border-bottom: 1px solid #5f57c3; opacity: 0.3; filter: alpha(opacity=30); } .m-link.m-link--brand { color: #e22e25; } .m-link.m-link--brand:hover { color: #f00; } .m-link.m-link--brand:hover:after { border-bottom: 1px solid #f00; opacity: 0.3; filter: alpha(opacity=30); } .m-link.m-link--metal { color: #c4c5d6; } .m-link.m-link--metal:hover { color: #a6a7c1; } .m-link.m-link--metal:hover:after { border-bottom: 1px solid #a6a7c1; opacity: 0.3; filter: alpha(opacity=30); } .m-link.m-link--light { color: #ffffff; } .m-link.m-link--light:hover { color: #e6e6e6; } .m-link.m-link--light:hover:after { border-bottom: 1px solid #e6e6e6; opacity: 0.3; filter: alpha(opacity=30); } .m-link.m-link--accent { color: #00c5dc; } .m-link.m-link--accent:hover { color: #0097a9; } .m-link.m-link--accent:hover:after { border-bottom: 1px solid #0097a9; opacity: 0.3; filter: alpha(opacity=30); } .m-link.m-link--focus { color: #9816f4; } .m-link.m-link--focus:hover { color: #7c0acd; } .m-link.m-link--focus:hover:after { border-bottom: 1px solid #7c0acd; opacity: 0.3; filter: alpha(opacity=30); } .m-link.m-link--primary { color: #5867dd; } .m-link.m-link--primary:hover { color: #2e40d4; } .m-link.m-link--primary:hover:after { border-bottom: 1px solid #2e40d4; opacity: 0.3; filter: alpha(opacity=30); } .m-link.m-link--success { color: #009933; } .m-link.m-link--success:hover { color: #299781; } .m-link.m-link--success:hover:after { border-bottom: 1px solid #299781; opacity: 0.3; filter: alpha(opacity=30); } .m-link.m-link--info { color: #36a3f7; } .m-link.m-link--info:hover { color: #0a8cf0; } .m-link.m-link--info:hover:after { border-bottom: 1px solid #0a8cf0; opacity: 0.3; filter: alpha(opacity=30); } .m-link.m-link--warning { color: #ffb822; } .m-link.m-link--warning:hover { color: #eea200; } .m-link.m-link--warning:hover:after { border-bottom: 1px solid #eea200; opacity: 0.3; filter: alpha(opacity=30); } .m-link.m-link--danger { color: #f4516c; } .m-link.m-link--danger:hover { color: #f12143; } .m-link.m-link--danger:hover:after { border-bottom: 1px solid #f12143; opacity: 0.3; filter: alpha(opacity=30); } /*----------------------------- FOOTER STYLES ------------------------------*/ .footer { float: left; width: 100%; color: #bbb; padding: 50px 0px 0px 0px; background: #212121 url(/App_Themes/main/images/index-footer-01.jpg) no-repeat center bottom; font-size: .8rem; } .footer h4 { color: #fff; font-weight: 500; margin-bottom: 20px; font-size:1.1rem; } .twitter_feeds { float: left; padding: 0px; margin: 0px 0px 0px 0px; } .twitter_feeds li { padding: 0px; margin: 0px; float: left; } .twitter_feeds li.bhline { padding-bottom: 22px; margin-bottom: 20px; border-bottom: 1px solid #454545; } .twitter_feeds li a { color: #bbb; transition: all 0.3s ease; } .twitter_feeds li a:hover { color: #fff; } .twitter_feeds li i { padding: 0px; margin: 0px 5px 0px 0px; } .twitter_feeds li em { float: left; font-size: 10px; font-style: normal; color: #727272; } .twitter_feeds li em a { color: #727272; transition: all 0.3s ease; } .twitter_feeds li em a:hover { color: #727272; text-decoration: underline; } /* Address */ ul.faddress { float: left; width: 100%; padding: 0px; margin: 0px; font-size: 1rem; } .faddress li { padding: 2px 0px; margin: 0px; } .faddress li a { color: #bbb; transition: all 0.3s ease; } .faddress li a:hover { color: #fff; } /* flickr */ #flickr_badge_wrapper { padding: 0px; margin: 0px; width: 100%; } #flickr_badge_wrapper img { width: 70px; height: 70px; margin-right: 8px; margin-bottom: 2px; border: 0px solid #999 !important; } #flickr_www { display: block; padding: 0 10px 0 10px !important; } #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited { text-decoration: none !important; background: inherit !important; color: #3993ff; } #flickr_badge_wrapper { margin-top: 25px; } #flickr_badge_source { padding: 0 !important; } /* quick links */ .qlinks { float: left; width: 100%; } .qlinks ul { float: left; width: 100%; padding: 0px; margin: 0px; } .qlinks li { padding: 4px 0px; margin: 0px; } .qlinks li a { color: #bbb; transition: all 0.3s ease; } .qlinks li a:hover { color: #fff; } .qlinks li a i { margin-right: 3px; } .smallnews { float: left; width: 100%; margin-top: 10px; } .smallnews img { float: left; margin-right: 18px; transition: all 0.3s ease; height: 45px !important; } .smallnews a { float: left; color: #bbb; margin-bottom: 1rem ; transition: all 0.3s ease; display: table-cell; width: 80%; } .smallnews a:hover { color: #fff; } .smallnews a:hover img { opacity: 0.7; } .ftags { float: left; width: 100%; } .ftags a { float: left; color: #eee; padding: 5px 10px; margin: 0px 5px 10px 5px; transition: all 0.3s ease; background: rgba(255, 255, 255, 0.4); } .ftags a:hover { color: #272727; background: rgba(255, 255, 255, 0.9); } .fform { float: left; width: 100%; } /* copyrights */ .copyright_info { float: left; padding: 30px 0px 25px 0px; margin: 75px 0px 0px 0px; width: 100%; color: #454545; font-size: 12px; font-style: normal; font-weight: normal; background: #111; } .copyright_info.inner { margin: 23px 0px 0px 0px; } .copyright_info.two { margin: 0px 0px 0px 0px; } .copyright_info a { margin-left: .5rem; font-size: .8rem; color: #454545; text-align: right; transition: all 0.3s ease; } .copyright_info a:hover { color: #999; } .copyright_info i{ font-size: 0.75rem !important; } /* footer social links */ ul.footer_social_links { float: right; padding: 0px; margin: 0px 0px 0px 0px; } .footer_social_links li { float: left; padding: 0px; margin: 0px 0px 0px 5px; } .footer_social_links li a i { width: 25px; height: 25px; text-align: center; border-radius: 100%; line-height: 24px; vertical-align: middle; background-color: #212121; color: #727272; transition: all 0.3s ease; } .footer_social_links li a i:hover { color: #fff; background-color: #454545; } .select2-container--default.cityselect .select2-results__option[aria-selected=true] { background: rgba(238,0,0,.5); color: #fff; } /* page titles */ .page_title { position: relative; float: left; width: 100%; text-align: center; padding: 220px 0px 120px 0px; background: #272727 url(http://placehold.it/1920x900) no-repeat center top; } .page_title .title { width: 100%; float: left; text-align: center; margin: 0px; } .page_title .title h1 { margin: 0px 0px 27px 0px; padding-bottom: 27px; font-size: 58px; color: #fff; text-transform: none; background: url(/App_Themes/main/images/white-line.png) no-repeat center bottom; } .page_title h3 { margin: 0px 0px 8px 0px; color: #fff; font-weight: bold; } .page_title h5 { margin: 0px; color: #fff; font-weight: 300; } .page_title.st-2 { background: #272727 url(http://placehold.it/1920x900) no-repeat center top; } .page_title.st-3 { background: #272727 url(http://placehold.it/1920x900) no-repeat center top; } .page_title--compact { float: left; width: 100%; padding: 145px 0px 45px 0px; background: #454545 url(http://placehold.it/1920x450) no-repeat center 50px; } .page_title--compact h1 { float: left; font-size: 32px; font-weight: 700; margin-bottom: 0px; color: #fff; line-height: 32px; } .page_title--compact .pagination { float: right; font-size: 12px; text-align: left; font-weight: normal; color: #e3e3e3; margin: 7px 0px 0px 0px; } .page_title--compact .pagination i { color: #999; margin: 0px 2px 0px 2px; } .page_title--compact .pagination a { padding: 0px; color: #999; transition: all 0.3s ease; } .page_title--compact .pagination a:hover { color: #e3e3e3; } .page_title--compact.st-2 { background: #272727 url('../images/pages-bg-02.jpg') no-repeat center top; } .page_title--compact.st-4 { background: #272727 url(../../../upload/media/index-slider-02.jpg) no-repeat center top; } .page_title--big { position: relative; float: left; width: 100%; text-align: center; padding: 95px 0px 95px 0px; margin-top:85px; background: #272727 url(http://placehold.it/1920x900) no-repeat center top; } .page_title--big .title { width: 100%; float: left; text-align: center; margin: 0px; } .page_title--big .title h1 { margin: 0px 0px 10px 0px; padding-bottom: 30px; font-size: 3rem; color: #fff; text-transform: none; font-weight: bold; line-height: normal !important; } .page_title--big h5 { color: #fff; width: 75%; margin: 0 auto; font-weight: 300; line-height: 30px; } .page_title--big i { color: #fff; font-size: 27px; width: 80px; height: 80px; text-align: center; vertical-align: middle; line-height: 80px; background-color: rgba(255, 255, 255, 0.1); border-radius: 100%; margin: 50px 10px 0px 10px; transition: all 0.3s ease; } .page_title--big i:hover { color: #fff; background-color: rgba(255, 255, 255, 0.2); } .page_title--big.st-1 { background: #272727 url(/App_Themes/main/images/header-big-01.jpg) no-repeat center top; } .page_title--big.st-1 i { background: none; border: 1px solid #fff; } .page_title--big.st-1 i:hover { color: #fff; background-color: rgba(255, 255, 255, 0.3); } .page_title--big.st-2 { background: #272727 url(../../../upload/media/index-slider-04.jpg) no-repeat center top; } .page_title--big.st-2 i { background: none; border: 1px solid #fff; } .page_title--big.st-2 i:hover { color: #fff; background-color: rgba(255, 255, 255, 0.3); } .page_title--big.st-3 { background: #272727 url(../../../upload/media/index-slider-03.jpg) no-repeat center top; } .page_title--big.st-3 i { background: none; border: 1px solid #fff; } .page_title--big.st-3 i:hover { color: #fff; background-color: rgba(255, 255, 255, 0.3); } .page_title--big.st-4 { background: #272727 url(/upload/media/index-slider-02.jpg) no-repeat center top; } .page_title--big.st-4 i { background: none; border: 1px solid #fff; } .page_title--big.st-4 i:hover { color: #fff; background-color: rgba(255, 255, 255, 0.3); } .page_title--medium { position: relative; float: left; width: 100%; text-align: center; padding: 350px 0px 50px 0px; background: #333 url(http://placehold.it/1920x900) no-repeat center top; } .page_title--medium .title { width: 100%; float: left; text-align: left; margin: 0px; } .page_title--medium .title h1 { float: left; margin: 0px; padding: 12px 20px; font-size: 35px; color: #fff; text-transform: uppercase; font-weight: bold; background-color: rgba(0, 0, 0, 0.5); border-right: 9px solid #2ecc71; } .page_title--medium.st-2 { background: #333 url(http://placehold.it/1920x900) no-repeat center top; } .page_title--medium.st-3 { background: #333 url(http://placehold.it/1920x900) no-repeat center top; } .page_title--compact-colored { position: relative; float: left; width: 100%; padding: 155px 0px 50px 0px; background: #2ecc71; } .page_title--compact-colored .title { width: 100%; float: left; text-align: left; margin: 0px; } .page_title--compact-colored .title h1 { margin: 0px; color: #fff; font-size: 38px; text-transform: uppercase; font-weight: 800; } .page_title--compact-colored .line { background: #fff; position: absolute; height: 1px; display: block; width: 90px; margin-top: 12px; } .page_title--compact-colored h6 { float: left; margin-top: 30px; margin-bottom: 0px; color: #fff; font-weight: normal; line-height: 25px; width: 85%; } .innerpage{ padding:0 1rem 0 1rem; } .innerpage .container{ margin: 0; padding: 0; } .content_fullwidth { float: left; width: 100%; padding: 90px 0px 90px 0px; } .content_fullwidth.less { padding: 0px 0px 90px 0px; } .content_fullwidth.less2 { padding: 72px 0px 90px 0px; } .content_fullwidth.less3 { padding: 72px 0px 30px 0px; } .content_fullwidth.less4 { padding: 0px 0px 0px 0px; } .content_fullwidth.less5 { padding: 72px 0px 0px 0px; } .content_left { float: left; width: 71%; padding: 0px 3rem 0px 0px; border-right: 1px solid #cecece; } .left_sidebar { float: left; width: 25%; padding: 0px 0px 0px 0px; } .content_right { float: right; width: 71%; padding: 0px 0px 0px 0px; } .right_sidebar { float: right; width: 25%; padding: 0px 0px 0px 0px; } .content_halfsite { float: left; width: 47.5%; margin-right: 5%; padding: 0px 0px 0px 0px; } .content_halfsite.last { margin-right: 0; } /* sidebar widget */ .sidebar_widget { float: left; width: 100%; padding: 0px; margin: 0px; } .sidebar_widget ul.arrows_list1 { padding: 0px; margin: 0px; float: left; margin-top: -10px; } .sidebar_widget ul.arrows_list1 li a { color: #2ecc71; line-height: 30px; transition: all 0.3s ease; } .sidebar_widget ul.arrows_list1 li a:hover { color: #272727; } .sidebar_widget ul.arrows_list1 i { margin-right: 4px; } .sidebar_title { float: left; width: 100%; } .sidebar_widget h4, .clientsays_widget h4 { margin-bottom: 20px; float: left; font-weight: 500; } /* Recent Posts */ ul.recent_posts_list { margin: 0px; padding: 0px; width: 100%; float: left; } .recent_posts_list li { padding: 0px 0px 13px 0px; margin: 0px 0px 16px 0px; list-style-type: none; border-bottom: 1px solid #eee; float: left; width: 100%; } .recent_posts_list li a { text-decoration: none; line-height: 17px; display: block; color: #999; } .recent_posts_list li a:hover { color: #2ecc71; } .recent_posts_list li span { float: left; margin-right: 15px; } .recent_posts_list li span img { float: left; margin-right: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .recent_posts_list li span img:hover { float: left; margin-right: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8; } .recent_posts_list li i { padding: 1px 0px 0px 0px; margin: 0px; display: block; font-size: 10px; font-style: normal; color: #c9c9c9; } .recent_posts_list li.last { padding: 0px 0px 7px 0px; margin: 0px 0px 0px 0px; border-bottom: 0px solid #f5f6f6; } /* client says widget */ .clientsays_widget { float: left; width: 100%; padding: 0px; margin: 0px; color: #999; } .clientsays_widget strong { font-weight: 600; color: #454545; } .clientsays_widget h3 { margin-bottom: 18px; } .clientsays_widget img { float: left; margin-right: 13px; margin-top: 7px; } .form-control { font-family: sans-serif, Roboto; border-radius: 0; border-radius: 0.25rem; } .form-control.m-input--pill { border-radius: 1.3rem; } .form-control.m-input--pill.form-control-lg { border-radius: 2rem; } .form-control.m-input--pill.form-control-sm { border-radius: 1.1rem; } .form-control.m-input--square { border-radius: 0; } .form-control.m-input--fixed { display: inline-block; width: 200px; } .form-control.m-input--fixed-large { display: inline-block; width: 300px; } .form-control.m-input--fixed-small { display: inline-block; width: 150px; } .input-group .input-group-text > i { line-height: 0; vertical-align: middle; } .input-group .input-group-text > i [class^="la-"], .input-group .input-group-text > i [class*=" la-"] { font-size: 1.4em; } .input-group .input-group-text > i [class^="fa-"], .input-group .input-group-text > i [class*=" fa-"] { font-size: 1.2em; } .input-group .input-group-text > i [class^="flaticon-"], .input-group .input-group-text > i [class*=" flaticon-"] { font-size: 1.3em; } .input-group .input-group-text > .m-checkbox, .input-group .input-group-text > .m-radio { margin: 0; padding: 0; height: 0.9rem; } .input-group .btn > i { line-height: 0; } .input-group.input-group-lg .input-group-text [class^="la-"], .input-group.input-group-lg .input-group-text [class*=" la-"] { font-size: 1.6em; } .input-group.input-group-lg .input-group-text [class^="fa-"], .input-group.input-group-lg .input-group-text [class*=" fa-"] { font-size: 1.3em; } .input-group.input-group-lg .input-group-text [class^="flaticon-"], .input-group.input-group-lg .input-group-text [class*=" flaticon-"] { font-size: 1.4em; } .input-group.input-group-sm .input-group-text [class^="la-"], .input-group.input-group-sm .input-group-text [class*=" la-"] { font-size: 1.1em; } .input-group.input-group-sm .input-group-text [class^="fa-"], .input-group.input-group-sm .input-group-text [class*=" fa-"] { font-size: 1em; } .input-group.input-group-sm .input-group-text [class^="flaticon-"], .input-group.input-group-sm .input-group-text [class*=" flaticon-"] { font-size: 1em; } .input-group.m-input-group--fixed { width: 200px; } .input-group.m-input-group--fixed-large { width: 300px; } .input-group.m-input-group--fixed-small { width: 150px; } .input-group.m-input-group--square { border-radius: 0; } .input-group.m-input-group--square > .form-control:first-child, .input-group.m-input-group--square > div:first-child > span, .input-group.m-input-group--square > div:first-child > .btn { border-radius: 0; } .input-group.m-input-group--square > .form-control:last-child, .input-group.m-input-group--square > div:last-child > span, .input-group.m-input-group--square > div:last-child > .btn { border-radius: 0; } .input-group.m-input-group--pill { border-radius: 1.3rem; } .input-group.m-input-group--pill > .form-control:first-child, .input-group.m-input-group--pill > div:first-child > span, .input-group.m-input-group--pill > div:first-child > .btn { border-top-left-radius: 1.3rem; border-bottom-left-radius: 1.3rem; } .input-group.m-input-group--pill > .form-control:last-child, .input-group.m-input-group--pill > div:last-child > span, .input-group.m-input-group--pill > div:last-child > .btn { border-top-right-radius: 1.3rem; border-bottom-right-radius: 1.3rem; } .m-input-icon { position: relative; padding: 0; width: 100%; } .m-input-icon > .m-input-icon__icon { position: absolute; height: 100%; display: inline-block; text-align: center; top: 0; width: 3.2rem; } .m-input-icon > .m-input-icon__icon.m-input-icon__icon--left { left: 0; } .m-input-icon > .m-input-icon__icon.m-input-icon__icon--right { right: 0; } .m-input-icon > .m-input-icon__icon > span { display: table; height: 100%; width: 100%; } .m-input-icon > .m-input-icon__icon > span > i { display: table-cell; vertical-align: middle; text-align: center; line-height: 0; } .m-input-icon > .m-input-icon__icon.m-icon--top>span > i{ display: table-cell; vertical-align: top !important; text-align: center; line-height: 0; padding-top:1.2em !important; } .m-input-icon > .m-input-icon__icon [class^="la-"], .m-input-icon > .m-input-icon__icon [class*=" la-"] { font-size: 1.4em; } .m-input-icon > .m-input-icon__icon [class^="fa-"], .m-input-icon > .m-input-icon__icon [class*=" fa-"] { font-size: 1.2em; } .m-input-icon > .m-input-icon__icon [class^="flaticon-"], .m-input-icon > .m-input-icon__icon [class*=" flaticon-"] { font-size: 1.3em; } .m-input-icon .form-control.form-control-lg + .m-input-icon__icon { width: 4.2rem; } .m-input-icon .form-control.form-control-lg + .m-input-icon__icon [class^="la-"], .m-input-icon .form-control.form-control-lg + .m-input-icon__icon [class*=" la-"] { font-size: 1.6em; } .m-input-icon .form-control.form-control-lg + .m-input-icon__icon [class^="fa-"], .m-input-icon .form-control.form-control-lg + .m-input-icon__icon [class*=" fa-"] { font-size: 1.3em; } .m-input-icon .form-control.form-control-lg + .m-input-icon__icon [class^="flaticon-"], .m-input-icon .form-control.form-control-lg + .m-input-icon__icon [class*=" flaticon-"] { font-size: 1.4em; } .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon { width: 2.7rem; } .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon [class^="la-"], .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon [class*=" la-"] { font-size: 1.1em; } .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon [class^="fa-"], .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon [class*=" fa-"] { font-size: 1em; } .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon [class^="flaticon-"], .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon [class*=" flaticon-"] { font-size: 1em; } .m-input-icon.m-input-icon--left .form-control { padding-left: 2.8rem !Important; } .m-input-icon.m-input-icon--left .form-control.form-control-lg { padding-left: 3.6rem !Important; } .m-input-icon.m-input-icon--left .form-control.form-control-sm { padding-left: 2.5rem !Important; } .m-input-icon.m-input-icon--right .form-control { padding-right: 2.8rem; } .m-input-icon.m-input-icon--right .form-control.form-control-lg { padding-right: 3.6rem; } .m-input-icon.m-input-icon--right .form-control.form-control-sm { padding-right: 2.5rem; } .m-input-icon.m-input-icon--fixed { display: inline-block; width: 200px; } .m-input-icon.m-input-icon--fixed-large { display: inline-block; width: 300px; } .m-input-icon.m-input-icon--fixed-small { display: inline-block; width: 150px; } .form-control[readonly], .form-control { border-color: #ebedf2; color: #575962; } .form-control[readonly]::-moz-placeholder, .form-control::-moz-placeholder { color: #9699a2; opacity: 1; } .form-control[readonly]:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #9699a2; } .form-control[readonly]::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #9699a2; } .form-control[readonly] { background-color: transparent; } .form-control.focus, .form-control:focus { border-color: #716aca; color: #575962; -webkit-box-shadow: none ; box-shadow: none ; } .form-control.active { -webkit-box-shadow: none ; box-shadow: none ; } .form-control[disabled] { border-color: #f4f5f8; color: #6f727d; background-color: #f4f5f8; } .form-control.m-input--solid { background-color: #f4f5f8; border-color: #f4f5f8; color: #575962; } .form-control.m-input--solid::-moz-placeholder { color: #9699a2; opacity: 1; } .form-control.m-input--solid:-ms-input-placeholder { color: #9699a2; } .form-control.m-input--solid::-webkit-input-placeholder { color: #9699a2; } .form-control.m-input--solid:focus { background-color: #ebedf2; border-color: #e22e25; color: #575962; } .form-control.m-input--solid[disabled] { border-color: #f7f8fa; color: #7b7e8a; background-color: #f7f8fa; } .form-control.m-input--air { -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11) ; box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11) ; } .form-control.m-input--air:focus { -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17) ; box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17) ; } .input-group .input-group-append > .input-group-text, .input-group .input-group-prepend > .input-group-text { border-color: #ebedf2; background-color: #f4f5f8; color: #575962; } .input-group .input-group-append > .input-group-text > i, .input-group .input-group-prepend > .input-group-text > i { color: #a4a2bb; } .input-group .input-group-append + .form-control:not(:focus):not(.focus) { border-left: 0; } .input-group.m-input-group--air { -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11) ; box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11) ; } .input-group.m-input-group--solid .form-control { border-color: #ebedf2; background-color: #f4f5f8; color: #575962; } .input-group.m-input-group--solid .form-control::-moz-placeholder { color: #9699a2; opacity: 1; } .input-group.m-input-group--solid .form-control:-ms-input-placeholder { color: #9699a2; } .input-group.m-input-group--solid .form-control::-webkit-input-placeholder { color: #9699a2; } .input-group.m-input-group--solid .form-control:focus { background-color: #ebedf2; border-color: #e22e25; color: #575962; } .input-group.m-input-group--solid .form-control[disabled] { border-color: #f7f8fa; color: #7b7e8a; background-color: #f7f8fa; } .m-input-icon .m-input-icon__icon i { color: #a4a2bb; } .custom-file .custom-file-label { border-color: #ebedf2; color: #575962; } .custom-file .custom-file-label:after { cursor: pointer; background-color: #f4f5f8; border-left: 1px solid #ebedf2; } .custom-file .custom-file-input:focus + .custom-file-label { border-color: #e22e25; color: #575962; -webkit-box-shadow: none ; box-shadow: none ; } /* */ .m-switch { display: inline-block; font-size: 1rem; } .m-switch input:empty { margin-left: -999px; height: 0; width: 0; overflow: hidden; position: absolute; opacity: 0 ; filter: alpha(opacity=0) ; } .m-switch input:empty ~ span { display: inline-block; position: relative; float: left; width: 1px; text-indent: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .m-switch input:empty ~ span:before, .m-switch input:empty ~ span:after { position: absolute; display: block; top: 0; bottom: 0; left: 0; content: ' '; -webkit-transition: all 100ms ease-in; transition: all 100ms ease-in; } .m-switch.m-switch--icon input:empty ~ span:after { font-family: "LineAwesome"; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: ""; } .m-switch.m-switch--icon input:checked ~ span:after { content: '\f17b'; } .m-switch.m-switch--icon-check input:checked ~ span:after { font-family: "LineAwesome"; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: ""; } .m-switch input:empty ~ span { line-height: 30px; margin: 2px 0; height: 30px; width: 57px; border-radius: 15px; } .m-switch input:empty ~ span:before, .m-switch input:empty ~ span:after { width: 54px; border-radius: 15px; } .m-switch input:empty ~ span:after { height: 24px; width: 24px; line-height: 26px; top: 3px; bottom: 3px; margin-left: 3px; font-size: 0.9em; text-align: center; vertical-align: middle; } .m-switch input:checked ~ span:after { margin-left: 26px; } .m-switch.m-switch--lg input:empty ~ span { line-height: 40px; margin: 2px 0; height: 40px; width: 75px; border-radius: 20px; } .m-switch.m-switch--lg input:empty ~ span:before, .m-switch.m-switch--lg input:empty ~ span:after { width: 72px; border-radius: 20px; } .m-switch.m-switch--lg input:empty ~ span:after { height: 34px; width: 34px; line-height: 34px; top: 3px; bottom: 3px; margin-left: 3px; font-size: 1em; text-align: center; vertical-align: middle; } .m-switch.m-switch--lg input:checked ~ span:after { margin-left: 34px; } .m-switch.m-switch--sm input:empty ~ span { line-height: 24px; margin: 2px 0; height: 24px; width: 40px; border-radius: 12px; } .m-switch.m-switch--sm input:empty ~ span:before, .m-switch.m-switch--sm input:empty ~ span:after { width: 38px; border-radius: 12px; } .m-switch.m-switch--sm input:empty ~ span:after { height: 20px; width: 20px; line-height: 20px; top: 2px; bottom: 2px; margin-left: 2px; font-size: 0.8em; text-align: center; vertical-align: middle; } .m-switch.m-switch--sm input:checked ~ span:after { margin-left: 16px; } .m-form__group.row .m-switch { margin-top: 0.15rem; } .m-form__group.row .m-switch.m-switch--lg { margin-top: 0rem; position: relative; top: -0.3rem; } .m-form__group.row .m-switch.m-switch--sm { margin-top: 0.3rem; } .m-switch input:empty ~ span:before { background-color: #ebedf2; } .m-switch input:empty ~ span:after { color: #f7f8fa; background-color: #dfe2ea; } .m-switch input:checked ~ span:before { background-color: #ebedf2; -webkit-box-shadow: 0px 3px 20px 0px rgba(235, 237, 242, 0.41) ; box-shadow: 0px 3px 20px 0px rgba(235, 237, 242, 0.41) ; } .m-switch input:checked ~ span:after { background-color: #e22e25; color: #ffffff; -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.41) ; box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.41) ; } .m-switch input[disabled] { cursor: not-allowed; } .m-switch input[disabled] ~ span:after, .m-switch input[disabled] ~ span:before { cursor: not-allowed; opacity: 0.7 ; filter: alpha(opacity=70) ; } .m-switch.m-switch--brand:not(.m-switch--outline) input:empty ~ span:before { background-color: #e22e25; } .m-switch.m-switch--brand:not(.m-switch--outline) input:empty ~ span:after { color: #e22e25; background-color: #ffffff; opacity: 0.4 ; filter: alpha(opacity=40) ; } .m-switch.m-switch--brand:not(.m-switch--outline) input:checked ~ span:before { background-color: #e22e25; } .m-switch.m-switch--brand:not(.m-switch--outline) input:checked ~ span:after { opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--outline.m-switch--brand input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--brand input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--brand input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--brand input:checked ~ span:after { background-color: #e22e25; opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--metal:not(.m-switch--outline) input:empty ~ span:before { background-color: #c4c5d6; } .m-switch.m-switch--metal:not(.m-switch--outline) input:empty ~ span:after { color: #c4c5d6; background-color: #ffffff; opacity: 0.4 ; filter: alpha(opacity=40) ; } .m-switch.m-switch--metal:not(.m-switch--outline) input:checked ~ span:before { background-color: #c4c5d6; } .m-switch.m-switch--metal:not(.m-switch--outline) input:checked ~ span:after { opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--outline.m-switch--metal input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--metal input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--metal input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--metal input:checked ~ span:after { background-color: #c4c5d6; opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--light:not(.m-switch--outline) input:empty ~ span:before { background-color: #ffffff; } .m-switch.m-switch--light:not(.m-switch--outline) input:empty ~ span:after { color: #ffffff; background-color: #282a3c; opacity: 0.4 ; filter: alpha(opacity=40) ; } .m-switch.m-switch--light:not(.m-switch--outline) input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--light:not(.m-switch--outline) input:checked ~ span:after { opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--outline.m-switch--light input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--light input:empty ~ span:after { color: #282a3c; } .m-switch.m-switch--outline.m-switch--light input:checked ~ span:before { background-color: #282a3c; } .m-switch.m-switch--outline.m-switch--light input:checked ~ span:after { background-color: #ffffff; opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--accent:not(.m-switch--outline) input:empty ~ span:before { background-color: #00c5dc; } .m-switch.m-switch--accent:not(.m-switch--outline) input:empty ~ span:after { color: #00c5dc; background-color: #ffffff; opacity: 0.4 ; filter: alpha(opacity=40) ; } .m-switch.m-switch--accent:not(.m-switch--outline) input:checked ~ span:before { background-color: #00c5dc; } .m-switch.m-switch--accent:not(.m-switch--outline) input:checked ~ span:after { opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--outline.m-switch--accent input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--accent input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--accent input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--accent input:checked ~ span:after { background-color: #00c5dc; opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--focus:not(.m-switch--outline) input:empty ~ span:before { background-color: #9816f4; } .m-switch.m-switch--focus:not(.m-switch--outline) input:empty ~ span:after { color: #9816f4; background-color: #ffffff; opacity: 0.4 ; filter: alpha(opacity=40) ; } .m-switch.m-switch--focus:not(.m-switch--outline) input:checked ~ span:before { background-color: #9816f4; } .m-switch.m-switch--focus:not(.m-switch--outline) input:checked ~ span:after { opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--outline.m-switch--focus input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--focus input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--focus input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--focus input:checked ~ span:after { background-color: #9816f4; opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--primary:not(.m-switch--outline) input:empty ~ span:before { background-color: #5867dd; } .m-switch.m-switch--primary:not(.m-switch--outline) input:empty ~ span:after { color: #5867dd; background-color: #ffffff; opacity: 0.4 ; filter: alpha(opacity=40) ; } .m-switch.m-switch--primary:not(.m-switch--outline) input:checked ~ span:before { background-color: #5867dd; } .m-switch.m-switch--primary:not(.m-switch--outline) input:checked ~ span:after { opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--outline.m-switch--primary input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--primary input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--primary input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--primary input:checked ~ span:after { background-color: #5867dd; opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--success:not(.m-switch--outline) input:empty ~ span:before { background-color: #009933; } .m-switch.m-switch--success:not(.m-switch--outline) input:empty ~ span:after { color: #009933; background-color: #ffffff; opacity: 0.4 ; filter: alpha(opacity=40) ; } .m-switch.m-switch--success:not(.m-switch--outline) input:checked ~ span:before { background-color: #009933; } .m-switch.m-switch--success:not(.m-switch--outline) input:checked ~ span:after { opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--outline.m-switch--success input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--success input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--success input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--success input:checked ~ span:after { background-color: #009933; opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--info:not(.m-switch--outline) input:empty ~ span:before { background-color: #36a3f7; } .m-switch.m-switch--info:not(.m-switch--outline) input:empty ~ span:after { color: #36a3f7; background-color: #ffffff; opacity: 0.4 ; filter: alpha(opacity=40) ; } .m-switch.m-switch--info:not(.m-switch--outline) input:checked ~ span:before { background-color: #36a3f7; } .m-switch.m-switch--info:not(.m-switch--outline) input:checked ~ span:after { opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--outline.m-switch--info input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--info input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--info input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--info input:checked ~ span:after { background-color: #36a3f7; opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--warning:not(.m-switch--outline) input:empty ~ span:before { background-color: #ffb822; } .m-switch.m-switch--warning:not(.m-switch--outline) input:empty ~ span:after { color: #ffb822; background-color: #111111; opacity: 0.4 ; filter: alpha(opacity=40) ; } .m-switch.m-switch--warning:not(.m-switch--outline) input:checked ~ span:before { background-color: #ffb822; } .m-switch.m-switch--warning:not(.m-switch--outline) input:checked ~ span:after { opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--outline.m-switch--warning input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--warning input:empty ~ span:after { color: #111111; } .m-switch.m-switch--outline.m-switch--warning input:checked ~ span:before { background-color: #111111; } .m-switch.m-switch--outline.m-switch--warning input:checked ~ span:after { background-color: #ffb822; opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--danger:not(.m-switch--outline) input:empty ~ span:before { background-color: #f4516c; } .m-switch.m-switch--danger:not(.m-switch--outline) input:empty ~ span:after { color: #f4516c; background-color: #ffffff; opacity: 0.4 ; filter: alpha(opacity=40) ; } .m-switch.m-switch--danger:not(.m-switch--outline) input:checked ~ span:before { background-color: #f4516c; } .m-switch.m-switch--danger:not(.m-switch--outline) input:checked ~ span:after { opacity: 1 ; filter: alpha(opacity=100) ; } .m-switch.m-switch--outline.m-switch--danger input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--danger input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--danger input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--danger input:checked ~ span:after { background-color: #f4516c; opacity: 1 ; filter: alpha(opacity=100) ; } .m-form .form-control-label, .m-form label { font-weight: 400; font-size: 1rem; } .m-form .form-control-label.col-form-label, .m-form label.col-form-label { padding-top: 0.85rem; } .m-form .m-form__group { margin-bottom: 0; padding-top: 15px; padding-bottom: 15px; } .m-form .m-form__group.m-form__group--md { padding-top: 5px; padding-bottom: 5px; } .m-form .m-form__group.m-form__group--sm { padding-top: 0px; padding-bottom: 0px; } .m-form .m-form__group .m-form__control-static { display: inline-block; font-weight: 400; font-size: 1rem; padding-top: 0.85rem; } .m-form .m-form__group.m-form__group--first { padding-top: 0; } .m-form .m-form__group.m-form__group--last { padding-bottom: 0; } @media (min-width: 1025px) { .m-form .m-form__group:first-child { padding-top: 0; } .m-form .m-form__group:last-child { padding-bottom: 0; } } .m-form .m-form__group.m-form__group--inline { display: table; padding: 0; } .m-form .m-form__group.m-form__group--inline > .m-form__label { display: table-cell; vertical-align: middle; margin: 0; padding-right: 0.5rem; } .m-form .m-form__group.m-form__group--inline > .m-form__label.m-form__label-no-wrap { white-space: nowrap; } .m-form .m-form__group.m-form__group--inline > .m-form__label > label { margin: 0; } .m-form .m-form__group.m-form__group--inline > .m-form__control { display: table-cell; vertical-align: middle; margin: 0; width: 100%; } .m-form .m-form__help { font-weight: 400; font-size: 0.85rem; padding-top: 7px; } .m-form span.m-form__help { display: inline-block; } .m-form .m-form__section { margin: 10px 0 10px 0; } .m-form .m-form__section:first-child, .m-form .m-form__section.m-form__section--first { margin-top: 0; } .m-form .m-form__section:last-child, .m-form .m-form__section.m-form__section--last { margin-bottom: 0; } .m-form .m-form__seperator { display: block; height: 0; } .m-form .m-form__seperator.m-form__seperator--space { margin: 20px 0; } .m-form .m-form__seperator.m-form__seperator--space-2x { margin: 30px 0; } .m-form .m-form__seperator.m-form__seperator--space-3x { margin: 40px 0; } .m-form .m-form__heading { padding: 0; margin: 0 0 15px 0; } .m-form .m-form__heading .m-form__heading-title { font-weight: 500; font-size: 1.3rem; } .m-form .m-form__heading .m-form__heading-title .m-form__heading-help-icon { line-height: 0; vertical-align: middle; padding-left: 5px; } .m-form .m-form__heading .m-form__heading-sub { margin: 5px 0 0 0; padding: 0; font-size: 1rem; } .m-form .m-form__heading.m-form__heading--bordered, .m-form .m-form__heading.m-form__heading--dashed { padding: 0 0 15px 0; margin: 0 0 15px 0; } .m-form .m-form__actions { padding: 30px; } .m-form .m-form__actions:before, .m-form .m-form__actions:after { content: " "; display: table; } .m-form .m-form__actions:after { clear: both; } .m-form .m-form__actions.m-form__actions--right { text-align: right; } .m-form .m-form__actions.m-form__actions--sm { padding-top: 1rem; padding-bottom: 1rem; } .m-form .m-form__actions.m-form__actions--paddingless-sides { padding-left: 0; padding-right: 0; } .m-form.m-form--custom .m-form__actions { padding: 30px 0; margin-top: 30px; } .m-form.m-form--custom .m-form__actions.m-form__actions--top { margin-top: 0; margin-bottom: 30px; } .m-form.m-form--fit .m-form__content, .m-form.m-form--fit .m-form__heading, .m-form.m-form--fit .m-form__group { padding-left: 30px; padding-right: 30px; } @media (min-width: 1025px) { .m-form .m-form__section.m-form__section--label-align-right .m-form__group > label, .m-form.m-form--label-align-right .m-form__group > label { text-align: right; } } @media (min-width: 769px) and (max-width: 1024px) { .m-form.m-form--label-align-right-tablet .m-form__group label { text-align: right; } } .m-form.m-form--group-seperator-dashed .m-portlet__body, .m-form.m-form--group-seperator .m-portlet__body { padding-top: 0; padding-bottom: 0; } .m-form.m-form--group-seperator-dashed .m-form__group, .m-form.m-form--group-seperator .m-form__group { padding-top: 25px; padding-bottom: 25px; } .m-form .form-control-feedback { margin-top: 0.2rem; font-size: 0.85rem; } .m-form .m-form__filtration { margin: 0 0 30px 0; } .m-form .m-form__group-action { margin: 0 0 30px 0; } .m-form .form-control-label, .m-form .col-form-label, .m-form .m-form__group > label { color: #3f4047; } .m-form .m-form__control-static { color: #6f727d; } .m-form.m-form--group-seperator .m-form__group { border-bottom: 1px solid #f4f5f8; } .m-form.m-form--group-seperator .m-form__group.m-form__group--last, .m-form.m-form--group-seperator .m-form__group:last-child { border-bottom: 0; } .m-form.m-form--group-seperator-dashed .m-form__group { border-bottom: 1px dashed #ebedf2; } .m-form.m-form--group-seperator-dashed .m-form__group.m-form__group--last, .m-form.m-form--group-seperator-dashed .m-form__group:last-child { border-bottom: 0; } .m-form .m-form__help { color: #7b7e8a; } .m-form .m-form__seperator { border-top: 1px solid #ebedf2; } .m-form .m-form__seperator.m-form__seperator--dashed { border-top: 1px dashed #ebedf2; } .m-form .m-form__heading .m-form__heading-title { color: #575962; } .m-form .m-form__heading .m-form__heading-sub { color: #6f727d; } .m-form .m-form__heading.m-form__heading--bordered { border-bottom: 1px solid #ebedf2; } .m-form .m-form__heading.m-form__heading--dashed { border-bottom: 1px dashed #ebedf2; } .m-form .m-form__section { color: #7b7e8a; } .m-form .m-form__actions.m-form__actions--line { border-top: 1px solid #ebedf2; } .m-form .m-form__actions.m-form__actions--top.m-form__actions--line { border-top: 0; border-bottom: 1px solid #ebedf2; } .m-form .m-form__actions.m-form__actions--solid { background-color: #f7f8fa; border-color: #f7f8fa; } .has-success label:not([class]), .has-success label.col-form-label, .has-success label.form-control-label { color: #009933; } .has-success .form-control-feedback { color: #009933; } .has-success .input-group-text, .has-success .form-control { border-color: #ebedf2; } .has-success .form-control:focus { border-color: #e22e25; } .m-form.m-form--state .has-success .input-group .input-group-text, .m-form.m-form--state .has-success .input-group .btn.btn-secondary, .m-form.m-form--state .has-success .form-control:focus, .m-form.m-form--state .has-success .form-control { border-color: #009933; } .m-form.m-form--state .has-success .bootstrap-select.btn-group.btn.btn-secondary, .m-form.m-form--state .has-success .input-group-btn > .btn.btn-secondary { border-color: #009933; } .m-form.m-form--state .has-success .bootstrap-select.btn-group.btn.btn-secondary:hover, .m-form.m-form--state .has-success .input-group-btn > .btn.btn-secondary:hover { border-color: #009933; } .has-warning label:not([class]), .has-warning label.col-form-label, .has-warning label.form-control-label { color: #ffb822; } .has-warning .form-control-feedback { color: #ffb822; } .has-warning .input-group-text, .has-warning .form-control { border-color: #ebedf2; } .has-warning .form-control:focus { border-color: #e22e25; } .m-form.m-form--state .has-warning .input-group .input-group-text, .m-form.m-form--state .has-warning .input-group .btn.btn-secondary, .m-form.m-form--state .has-warning .form-control:focus, .m-form.m-form--state .has-warning .form-control { border-color: #ffb822; } .m-form.m-form--state .has-warning .bootstrap-select.btn-group.btn.btn-secondary, .m-form.m-form--state .has-warning .input-group-btn > .btn.btn-secondary { border-color: #ffb822; } .m-form.m-form--state .has-warning .bootstrap-select.btn-group.btn.btn-secondary:hover, .m-form.m-form--state .has-warning .input-group-btn > .btn.btn-secondary:hover { border-color: #ffb822; } .has-danger label:not([class]), .has-danger label.col-form-label, .has-danger label.form-control-label { color: #f4516c; } .has-danger .form-control-feedback { color: #f4516c; } .has-danger .input-group-text, .has-danger .form-control { border-color: #ebedf2; } .has-danger .form-control:focus { border-color: #e22e25; } .m-form.m-form--state .has-danger .input-group .input-group-text, .m-form.m-form--state .has-danger .input-group .btn.btn-secondary, .m-form.m-form--state .has-danger .form-control:focus, .m-form.m-form--state .has-danger .form-control { border-color: #f4516c; } .m-form.m-form--state .has-danger .bootstrap-select.btn-group.btn.btn-secondary, .m-form.m-form--state .has-danger .input-group-btn > .btn.btn-secondary { border-color: #f4516c; } .m-form.m-form--state .has-danger .bootstrap-select.btn-group.btn.btn-secondary:hover, .m-form.m-form--state .has-danger .input-group-btn > .btn.btn-secondary:hover { border-color: #f4516c; } .m-option { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1.4em; border-radius: 6px; } .m-option .m-option__control { width: 2.7rem; padding-top: 0.1rem; } .m-option .m-option__control .m-radio { display: block; } .m-option .m-option__label { width: 100%; } .m-option .m-option__label .m-option__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .m-option .m-option__label .m-option__head .m-option__title { font-size: 1.1rem; } .m-option .m-option__label .m-option__head .m-option__focus { font-size: 1.1rem; font-weight: 600; } .m-option .m-option__label .m-option__body { display: block; padding-top: 0.7rem; font-size: 0.85rem; } .m-option.m-option--plain { padding: 0; margin-top: -0.2rem; margin-bottom: 2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .m-option.m-option--plain .m-option__control { vertical-align: middle; width: 2.7rem; } .m-option.m-option--plain .m-option__control .m-radio { margin-bottom: 1.6rem; } .m-option.m-option--plain .m-option__label .m-option__body { padding-top: 0.2rem; } .m-option { border: 1px solid #ebedf2; } .m-option .m-option__label .m-option__head .m-option__title { color: #3f4047; } .m-option .m-option__label .m-option__head .m-option__focus { color: #3f4047; } .m-option.m-option--plain { border: none; } .has-success .m-option .m-option__label .m-option__head .m-option__title { color: #009933; } .has-warning .m-option .m-option__label .m-option__head .m-option__title { color: #ffb822; } .has-danger .m-option .m-option__label .m-option__head .m-option__title { color: #f4516c; } .has-danger .m-option { border: 1px solid #f00; } /* CUSTOM FORMS */ .form-control { font-family: sans-serif, Roboto; border-radius: 0; border-radius: 0.25rem; } .form-control.m-input--pill { border-radius: 1.3rem; } .form-control.m-input--pill.form-control-lg { border-radius: 2rem; } .form-control.m-input--pill.form-control-sm { border-radius: 1.1rem; } .form-control.m-input--square { border-radius: 0; } .form-control.m-input--fixed { display: inline-block; width: 200px; } .form-control.m-input--fixed-large { display: inline-block; width: 300px; } .form-control.m-input--fixed-small { display: inline-block; width: 150px; } .input-group .input-group-text > i { line-height: 0; vertical-align: middle; } .input-group .input-group-text > i [class^="la-"], .input-group .input-group-text > i [class*=" la-"] { font-size: 1.4em; } .input-group .input-group-text > i [class^="fa-"], .input-group .input-group-text > i [class*=" fa-"] { font-size: 1.2em; } .input-group .input-group-text > i [class^="flaticon-"], .input-group .input-group-text > i [class*=" flaticon-"] { font-size: 1.3em; } .input-group .input-group-text > .m-checkbox, .input-group .input-group-text > .m-radio { margin: 0; padding: 0; height: 0.9rem; } .input-group .btn > i { line-height: 0; } .input-group.input-group-lg .input-group-text [class^="la-"], .input-group.input-group-lg .input-group-text [class*=" la-"] { font-size: 1.6em; } .input-group.input-group-lg .input-group-text [class^="fa-"], .input-group.input-group-lg .input-group-text [class*=" fa-"] { font-size: 1.3em; } .input-group.input-group-lg .input-group-text [class^="flaticon-"], .input-group.input-group-lg .input-group-text [class*=" flaticon-"] { font-size: 1.4em; } .input-group.input-group-sm .input-group-text [class^="la-"], .input-group.input-group-sm .input-group-text [class*=" la-"] { font-size: 1.1em; } .input-group.input-group-sm .input-group-text [class^="fa-"], .input-group.input-group-sm .input-group-text [class*=" fa-"] { font-size: 1em; } .input-group.input-group-sm .input-group-text [class^="flaticon-"], .input-group.input-group-sm .input-group-text [class*=" flaticon-"] { font-size: 1em; } .input-group.m-input-group--fixed { width: 200px; } .input-group.m-input-group--fixed-large { width: 300px; } .input-group.m-input-group--fixed-small { width: 150px; } .input-group.m-input-group--square { border-radius: 0; } .input-group.m-input-group--square > .form-control:first-child, .input-group.m-input-group--square > div:first-child > span, .input-group.m-input-group--square > div:first-child > .btn { border-radius: 0; } .input-group.m-input-group--square > .form-control:last-child, .input-group.m-input-group--square > div:last-child > span, .input-group.m-input-group--square > div:last-child > .btn { border-radius: 0; } .input-group.m-input-group--pill { border-radius: 1.3rem; } .input-group.m-input-group--pill > .form-control:first-child, .input-group.m-input-group--pill > div:first-child > span, .input-group.m-input-group--pill > div:first-child > .btn { border-top-left-radius: 1.3rem; border-bottom-left-radius: 1.3rem; } .input-group.m-input-group--pill > .form-control:last-child, .input-group.m-input-group--pill > div:last-child > span, .input-group.m-input-group--pill > div:last-child > .btn { border-top-right-radius: 1.3rem; border-bottom-right-radius: 1.3rem; } .m-input-icon { position: relative; padding: 0; width: 100%; } .m-input-icon > .m-input-icon__icon { position: absolute; height: 100%; display: inline-block; text-align: center; top: 0; width: 3.2rem; } .m-input-icon > .m-input-icon__icon.m-input-icon__icon--left { left: 0; } .m-input-icon > .m-input-icon__icon.m-input-icon__icon--right { right: 0; } .m-input-icon > .m-input-icon__icon > span { display: table; height: 100%; width: 100%; } .m-input-icon > .m-input-icon__icon > span > i { display: table-cell; vertical-align: middle; text-align: center; line-height: 0; } .m-input-icon > .m-input-icon__icon.m-icon--top > span > i { display: table-cell; vertical-align: top !important; text-align: center; line-height: 0; padding-top: 1.2em !important; } .m-input-icon > .m-input-icon__icon [class^="la-"], .m-input-icon > .m-input-icon__icon [class*=" la-"] { font-size: 1.4em; } .m-input-icon > .m-input-icon__icon [class^="fa-"], .m-input-icon > .m-input-icon__icon [class*=" fa-"] { font-size: 1.2em; } .m-input-icon > .m-input-icon__icon [class^="flaticon-"], .m-input-icon > .m-input-icon__icon [class*=" flaticon-"] { font-size: 1.3em; } .m-input-icon .form-control.form-control-lg + .m-input-icon__icon { width: 4.2rem; } .m-input-icon .form-control.form-control-lg + .m-input-icon__icon [class^="la-"], .m-input-icon .form-control.form-control-lg + .m-input-icon__icon [class*=" la-"] { font-size: 1.6em; } .m-input-icon .form-control.form-control-lg + .m-input-icon__icon [class^="fa-"], .m-input-icon .form-control.form-control-lg + .m-input-icon__icon [class*=" fa-"] { font-size: 1.3em; } .m-input-icon .form-control.form-control-lg + .m-input-icon__icon [class^="flaticon-"], .m-input-icon .form-control.form-control-lg + .m-input-icon__icon [class*=" flaticon-"] { font-size: 1.4em; } .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon { width: 2.7rem; } .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon [class^="la-"], .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon [class*=" la-"] { font-size: 1.1em; } .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon [class^="fa-"], .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon [class*=" fa-"] { font-size: 1em; } .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon [class^="flaticon-"], .m-input-icon .form-control.form-control-sm ~ .m-input-icon__icon [class*=" flaticon-"] { font-size: 1em; } .m-input-icon.m-input-icon--left .form-control { padding-left: 2.8rem !Important; } .m-input-icon.m-input-icon--left .form-control.form-control-lg { padding-left: 3.6rem !Important; } .m-input-icon.m-input-icon--left .form-control.form-control-sm { padding-left: 2.5rem !Important; } .m-input-icon.m-input-icon--right .form-control { padding-right: 2.8rem; } .m-input-icon.m-input-icon--right .form-control.form-control-lg { padding-right: 3.6rem; } .m-input-icon.m-input-icon--right .form-control.form-control-sm { padding-right: 2.5rem; } .m-input-icon.m-input-icon--fixed { display: inline-block; width: 200px; } .m-input-icon.m-input-icon--fixed-large { display: inline-block; width: 300px; } .m-input-icon.m-input-icon--fixed-small { display: inline-block; width: 150px; } .form-control[readonly], .form-control { border-color: #ebedf2; color: #575962; } .form-control[readonly]::-moz-placeholder, .form-control::-moz-placeholder { color: #9699a2; opacity: 1; } .form-control[readonly]:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #9699a2; } .form-control[readonly]::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #9699a2; } .form-control[readonly] { background-color: transparent; } .form-control.focus, .form-control:focus { border-color: #716aca; color: #575962; -webkit-box-shadow: none; box-shadow: none; } .form-control.active { -webkit-box-shadow: none; box-shadow: none; } .form-control[disabled] { border-color: #f4f5f8; color: #6f727d; background-color: #f4f5f8; } .form-control.m-input--solid { background-color: #f4f5f8; border-color: #f4f5f8; color: #575962; } .form-control.m-input--solid::-moz-placeholder { color: #9699a2; opacity: 1; } .form-control.m-input--solid:-ms-input-placeholder { color: #9699a2; } .form-control.m-input--solid::-webkit-input-placeholder { color: #9699a2; } .form-control.m-input--solid:focus { background-color: #ebedf2; border-color: #e22e25; color: #575962; } .form-control.m-input--solid[disabled] { border-color: #f7f8fa; color: #7b7e8a; background-color: #f7f8fa; } .form-control.m-input--air { -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11); box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11); } .form-control.m-input--air:focus { -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17); box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17); } .input-group .input-group-append > .input-group-text, .input-group .input-group-prepend > .input-group-text { border-color: #ebedf2; background-color: #f4f5f8; color: #575962; } .input-group .input-group-append > .input-group-text > i, .input-group .input-group-prepend > .input-group-text > i { color: #a4a2bb; } .input-group .input-group-append + .form-control:not(:focus):not(.focus) { border-left: 0; } .input-group.m-input-group--air { -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11); box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11); } .input-group.m-input-group--solid .form-control { border-color: #ebedf2; background-color: #f4f5f8; color: #575962; } .input-group.m-input-group--solid .form-control::-moz-placeholder { color: #9699a2; opacity: 1; } .input-group.m-input-group--solid .form-control:-ms-input-placeholder { color: #9699a2; } .input-group.m-input-group--solid .form-control::-webkit-input-placeholder { color: #9699a2; } .input-group.m-input-group--solid .form-control:focus { background-color: #ebedf2; border-color: #e22e25; color: #575962; } .input-group.m-input-group--solid .form-control[disabled] { border-color: #f7f8fa; color: #7b7e8a; background-color: #f7f8fa; } .m-input-icon .m-input-icon__icon i { color: #a4a2bb; } .custom-file .custom-file-label { border-color: #ebedf2; color: #575962; } .custom-file .custom-file-label:after { cursor: pointer; background-color: #f4f5f8; border-left: 1px solid #ebedf2; } .custom-file .custom-file-input:focus + .custom-file-label { border-color: #e22e25; color: #575962; -webkit-box-shadow: none; box-shadow: none; } /* */ .m-switch { display: inline-block; font-size: 1rem; } .m-switch input:empty { margin-left: -999px; height: 0; width: 0; overflow: hidden; position: absolute; opacity: 0; filter: alpha(opacity=0); } .m-switch input:empty ~ span { display: inline-block; position: relative; float: left; width: 1px; text-indent: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .m-switch input:empty ~ span:before, .m-switch input:empty ~ span:after { position: absolute; display: block; top: 0; bottom: 0; left: 0; content: ' '; -webkit-transition: all 100ms ease-in; transition: all 100ms ease-in; } .m-switch.m-switch--icon input:empty ~ span:after { font-family: "LineAwesome"; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: ""; } .m-switch.m-switch--icon input:checked ~ span:after { content: '\f17b'; } .m-switch.m-switch--icon-check input:checked ~ span:after { font-family: "LineAwesome"; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: ""; } .m-switch input:empty ~ span { line-height: 30px; margin: 2px 0; height: 30px; width: 57px; border-radius: 15px; } .m-switch input:empty ~ span:before, .m-switch input:empty ~ span:after { width: 54px; border-radius: 15px; } .m-switch input:empty ~ span:after { height: 24px; width: 24px; line-height: 26px; top: 3px; bottom: 3px; margin-left: 3px; font-size: 0.9em; text-align: center; vertical-align: middle; } .m-switch input:checked ~ span:after { margin-left: 26px; } .m-switch.m-switch--lg input:empty ~ span { line-height: 40px; margin: 2px 0; height: 40px; width: 75px; border-radius: 20px; } .m-switch.m-switch--lg input:empty ~ span:before, .m-switch.m-switch--lg input:empty ~ span:after { width: 72px; border-radius: 20px; } .m-switch.m-switch--lg input:empty ~ span:after { height: 34px; width: 34px; line-height: 34px; top: 3px; bottom: 3px; margin-left: 3px; font-size: 1em; text-align: center; vertical-align: middle; } .m-switch.m-switch--lg input:checked ~ span:after { margin-left: 34px; } .m-switch.m-switch--sm input:empty ~ span { line-height: 24px; margin: 2px 0; height: 24px; width: 40px; border-radius: 12px; } .m-switch.m-switch--sm input:empty ~ span:before, .m-switch.m-switch--sm input:empty ~ span:after { width: 38px; border-radius: 12px; } .m-switch.m-switch--sm input:empty ~ span:after { height: 20px; width: 20px; line-height: 20px; top: 2px; bottom: 2px; margin-left: 2px; font-size: 0.8em; text-align: center; vertical-align: middle; } .m-switch.m-switch--sm input:checked ~ span:after { margin-left: 16px; } .m-form__group.row .m-switch { margin-top: 0.15rem; } .m-form__group.row .m-switch.m-switch--lg { margin-top: 0rem; position: relative; top: -0.3rem; } .m-form__group.row .m-switch.m-switch--sm { margin-top: 0.3rem; } .m-switch input:empty ~ span:before { background-color: #ebedf2; } .m-switch input:empty ~ span:after { color: #f7f8fa; background-color: #dfe2ea; } .m-switch input:checked ~ span:before { background-color: #ebedf2; -webkit-box-shadow: 0px 3px 20px 0px rgba(235, 237, 242, 0.41); box-shadow: 0px 3px 20px 0px rgba(235, 237, 242, 0.41); } .m-switch input:checked ~ span:after { background-color: #e22e25; color: #ffffff; -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.41); box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.41); } .m-switch input[disabled] { cursor: not-allowed; } .m-switch input[disabled] ~ span:after, .m-switch input[disabled] ~ span:before { cursor: not-allowed; opacity: 0.7; filter: alpha(opacity=70); } .m-switch.m-switch--brand:not(.m-switch--outline) input:empty ~ span:before { background-color: #e22e25; } .m-switch.m-switch--brand:not(.m-switch--outline) input:empty ~ span:after { color: #e22e25; background-color: #ffffff; opacity: 0.4; filter: alpha(opacity=40); } .m-switch.m-switch--brand:not(.m-switch--outline) input:checked ~ span:before { background-color: #e22e25; } .m-switch.m-switch--brand:not(.m-switch--outline) input:checked ~ span:after { opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--outline.m-switch--brand input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--brand input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--brand input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--brand input:checked ~ span:after { background-color: #e22e25; opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--metal:not(.m-switch--outline) input:empty ~ span:before { background-color: #c4c5d6; } .m-switch.m-switch--metal:not(.m-switch--outline) input:empty ~ span:after { color: #c4c5d6; background-color: #ffffff; opacity: 0.4; filter: alpha(opacity=40); } .m-switch.m-switch--metal:not(.m-switch--outline) input:checked ~ span:before { background-color: #c4c5d6; } .m-switch.m-switch--metal:not(.m-switch--outline) input:checked ~ span:after { opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--outline.m-switch--metal input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--metal input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--metal input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--metal input:checked ~ span:after { background-color: #c4c5d6; opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--light:not(.m-switch--outline) input:empty ~ span:before { background-color: #ffffff; } .m-switch.m-switch--light:not(.m-switch--outline) input:empty ~ span:after { color: #ffffff; background-color: #282a3c; opacity: 0.4; filter: alpha(opacity=40); } .m-switch.m-switch--light:not(.m-switch--outline) input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--light:not(.m-switch--outline) input:checked ~ span:after { opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--outline.m-switch--light input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--light input:empty ~ span:after { color: #282a3c; } .m-switch.m-switch--outline.m-switch--light input:checked ~ span:before { background-color: #282a3c; } .m-switch.m-switch--outline.m-switch--light input:checked ~ span:after { background-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--accent:not(.m-switch--outline) input:empty ~ span:before { background-color: #00c5dc; } .m-switch.m-switch--accent:not(.m-switch--outline) input:empty ~ span:after { color: #00c5dc; background-color: #ffffff; opacity: 0.4; filter: alpha(opacity=40); } .m-switch.m-switch--accent:not(.m-switch--outline) input:checked ~ span:before { background-color: #00c5dc; } .m-switch.m-switch--accent:not(.m-switch--outline) input:checked ~ span:after { opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--outline.m-switch--accent input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--accent input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--accent input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--accent input:checked ~ span:after { background-color: #00c5dc; opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--focus:not(.m-switch--outline) input:empty ~ span:before { background-color: #9816f4; } .m-switch.m-switch--focus:not(.m-switch--outline) input:empty ~ span:after { color: #9816f4; background-color: #ffffff; opacity: 0.4; filter: alpha(opacity=40); } .m-switch.m-switch--focus:not(.m-switch--outline) input:checked ~ span:before { background-color: #9816f4; } .m-switch.m-switch--focus:not(.m-switch--outline) input:checked ~ span:after { opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--outline.m-switch--focus input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--focus input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--focus input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--focus input:checked ~ span:after { background-color: #9816f4; opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--primary:not(.m-switch--outline) input:empty ~ span:before { background-color: #5867dd; } .m-switch.m-switch--primary:not(.m-switch--outline) input:empty ~ span:after { color: #5867dd; background-color: #ffffff; opacity: 0.4; filter: alpha(opacity=40); } .m-switch.m-switch--primary:not(.m-switch--outline) input:checked ~ span:before { background-color: #5867dd; } .m-switch.m-switch--primary:not(.m-switch--outline) input:checked ~ span:after { opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--outline.m-switch--primary input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--primary input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--primary input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--primary input:checked ~ span:after { background-color: #5867dd; opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--success:not(.m-switch--outline) input:empty ~ span:before { background-color: #009933; } .m-switch.m-switch--success:not(.m-switch--outline) input:empty ~ span:after { color: #009933; background-color: #ffffff; opacity: 0.4; filter: alpha(opacity=40); } .m-switch.m-switch--success:not(.m-switch--outline) input:checked ~ span:before { background-color: #009933; } .m-switch.m-switch--success:not(.m-switch--outline) input:checked ~ span:after { opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--outline.m-switch--success input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--success input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--success input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--success input:checked ~ span:after { background-color: #009933; opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--info:not(.m-switch--outline) input:empty ~ span:before { background-color: #36a3f7; } .m-switch.m-switch--info:not(.m-switch--outline) input:empty ~ span:after { color: #36a3f7; background-color: #ffffff; opacity: 0.4; filter: alpha(opacity=40); } .m-switch.m-switch--info:not(.m-switch--outline) input:checked ~ span:before { background-color: #36a3f7; } .m-switch.m-switch--info:not(.m-switch--outline) input:checked ~ span:after { opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--outline.m-switch--info input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--info input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--info input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--info input:checked ~ span:after { background-color: #36a3f7; opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--warning:not(.m-switch--outline) input:empty ~ span:before { background-color: #ffb822; } .m-switch.m-switch--warning:not(.m-switch--outline) input:empty ~ span:after { color: #ffb822; background-color: #111111; opacity: 0.4; filter: alpha(opacity=40); } .m-switch.m-switch--warning:not(.m-switch--outline) input:checked ~ span:before { background-color: #ffb822; } .m-switch.m-switch--warning:not(.m-switch--outline) input:checked ~ span:after { opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--outline.m-switch--warning input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--warning input:empty ~ span:after { color: #111111; } .m-switch.m-switch--outline.m-switch--warning input:checked ~ span:before { background-color: #111111; } .m-switch.m-switch--outline.m-switch--warning input:checked ~ span:after { background-color: #ffb822; opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--danger:not(.m-switch--outline) input:empty ~ span:before { background-color: #f4516c; } .m-switch.m-switch--danger:not(.m-switch--outline) input:empty ~ span:after { color: #f4516c; background-color: #ffffff; opacity: 0.4; filter: alpha(opacity=40); } .m-switch.m-switch--danger:not(.m-switch--outline) input:checked ~ span:before { background-color: #f4516c; } .m-switch.m-switch--danger:not(.m-switch--outline) input:checked ~ span:after { opacity: 1; filter: alpha(opacity=100); } .m-switch.m-switch--outline.m-switch--danger input:empty ~ span:before { border: 2px solid #ebedf2; background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--danger input:empty ~ span:after { color: #ffffff; } .m-switch.m-switch--outline.m-switch--danger input:checked ~ span:before { background-color: #ffffff; } .m-switch.m-switch--outline.m-switch--danger input:checked ~ span:after { background-color: #f4516c; opacity: 1; filter: alpha(opacity=100); } .m-form .form-control-label, .m-form label { font-weight: 400; font-size: 1rem; } .m-form .form-control-label.col-form-label, .m-form label.col-form-label { padding-top: 0.85rem; } .m-form .m-form__group { margin-bottom: 0; padding-top: 15px; padding-bottom: 15px; } .m-form .m-form__group.m-form__group--md { padding-top: 5px; padding-bottom: 5px; } .m-form .m-form__group.m-form__group--sm { padding-top: 0px; padding-bottom: 0px; } .m-form .m-form__group .m-form__control-static { display: inline-block; font-weight: 400; font-size: 1rem; padding-top: 0.85rem; } .m-form .m-form__group.m-form__group--first { padding-top: 0; } .m-form .m-form__group.m-form__group--last { padding-bottom: 0; } @media (min-width: 1025px) { .m-form .m-form__group:first-child { padding-top: 0; } .m-form .m-form__group:last-child { padding-bottom: 0; } } .m-form .m-form__group.m-form__group--inline { display: table; padding: 0; } .m-form .m-form__group.m-form__group--inline > .m-form__label { display: table-cell; vertical-align: middle; margin: 0; padding-right: 0.5rem; } .m-form .m-form__group.m-form__group--inline > .m-form__label.m-form__label-no-wrap { white-space: nowrap; } .m-form .m-form__group.m-form__group--inline > .m-form__label > label { margin: 0; } .m-form .m-form__group.m-form__group--inline > .m-form__control { display: table-cell; vertical-align: middle; margin: 0; width: 100%; } .m-form .m-form__help { font-weight: 400; font-size: 0.85rem; padding-top: 7px; } .m-form span.m-form__help { display: inline-block; } .m-form .m-form__section { margin: 10px 0 10px 0; } .m-form .m-form__section:first-child, .m-form .m-form__section.m-form__section--first { margin-top: 0; } .m-form .m-form__section:last-child, .m-form .m-form__section.m-form__section--last { margin-bottom: 0; } .m-form .m-form__seperator { display: block; height: 0; } .m-form .m-form__seperator.m-form__seperator--space { margin: 20px 0; } .m-form .m-form__seperator.m-form__seperator--space-2x { margin: 30px 0; } .m-form .m-form__seperator.m-form__seperator--space-3x { margin: 40px 0; } .m-form .m-form__heading { padding: 0; margin: 0 0 15px 0; } .m-form .m-form__heading .m-form__heading-title { font-weight: 500; font-size: 1.3rem; } .m-form .m-form__heading .m-form__heading-title .m-form__heading-help-icon { line-height: 0; vertical-align: middle; padding-left: 5px; } .m-form .m-form__heading .m-form__heading-sub { margin: 5px 0 0 0; padding: 0; font-size: 1rem; } .m-form .m-form__heading.m-form__heading--bordered, .m-form .m-form__heading.m-form__heading--dashed { padding: 0 0 15px 0; margin: 0 0 15px 0; } .m-form .m-form__actions { padding: 30px; } .m-form .m-form__actions:before, .m-form .m-form__actions:after { content: " "; display: table; } .m-form .m-form__actions:after { clear: both; } .m-form .m-form__actions.m-form__actions--right { text-align: right; } .m-form .m-form__actions.m-form__actions--sm { padding-top: 1rem; padding-bottom: 1rem; } .m-form .m-form__actions.m-form__actions--paddingless-sides { padding-left: 0; padding-right: 0; } .m-form.m-form--custom .m-form__actions { padding: 30px 0; margin-top: 30px; } .m-form.m-form--custom .m-form__actions.m-form__actions--top { margin-top: 0; margin-bottom: 30px; } .m-form.m-form--fit .m-form__content, .m-form.m-form--fit .m-form__heading, .m-form.m-form--fit .m-form__group { padding-left: 30px; padding-right: 30px; } @media (min-width: 1025px) { .m-form .m-form__section.m-form__section--label-align-right .m-form__group > label, .m-form.m-form--label-align-right .m-form__group > label { text-align: right; } } @media (min-width: 769px) and (max-width: 1024px) { .m-form.m-form--label-align-right-tablet .m-form__group label { text-align: right; } } .m-form.m-form--group-seperator-dashed .m-portlet__body, .m-form.m-form--group-seperator .m-portlet__body { padding-top: 0; padding-bottom: 0; } .m-form.m-form--group-seperator-dashed .m-form__group, .m-form.m-form--group-seperator .m-form__group { padding-top: 25px; padding-bottom: 25px; } .m-form .form-control-feedback { margin-top: 0.2rem; font-size: 0.85rem; } .m-form .m-form__filtration { margin: 0 0 30px 0; } .m-form .m-form__group-action { margin: 0 0 30px 0; } .m-form .form-control-label, .m-form .col-form-label, .m-form .m-form__group > label { color: #3f4047; } .m-form .m-form__control-static { color: #6f727d; } .m-form.m-form--group-seperator .m-form__group { border-bottom: 1px solid #f4f5f8; } .m-form.m-form--group-seperator .m-form__group.m-form__group--last, .m-form.m-form--group-seperator .m-form__group:last-child { border-bottom: 0; } .m-form.m-form--group-seperator-dashed .m-form__group { border-bottom: 1px dashed #ebedf2; } .m-form.m-form--group-seperator-dashed .m-form__group.m-form__group--last, .m-form.m-form--group-seperator-dashed .m-form__group:last-child { border-bottom: 0; } .m-form .m-form__help { color: #7b7e8a; } .m-form .m-form__seperator { border-top: 1px solid #ebedf2; } .m-form .m-form__seperator.m-form__seperator--dashed { border-top: 1px dashed #ebedf2; } .m-form .m-form__heading .m-form__heading-title { color: #575962; } .m-form .m-form__heading .m-form__heading-sub { color: #6f727d; } .m-form .m-form__heading.m-form__heading--bordered { border-bottom: 1px solid #ebedf2; } .m-form .m-form__heading.m-form__heading--dashed { border-bottom: 1px dashed #ebedf2; } .m-form .m-form__section { color: #7b7e8a; } .m-form .m-form__actions.m-form__actions--line { border-top: 1px solid #ebedf2; } .m-form .m-form__actions.m-form__actions--top.m-form__actions--line { border-top: 0; border-bottom: 1px solid #ebedf2; } .m-form .m-form__actions.m-form__actions--solid { background-color: #f7f8fa; border-color: #f7f8fa; } .has-success label:not([class]), .has-success label.col-form-label, .has-success label.form-control-label { color: #009933; } .has-success .form-control-feedback { color: #009933; } .has-success .input-group-text, .has-success .form-control { border-color: #ebedf2; } .has-success .form-control:focus { border-color: #e22e25; } .m-form.m-form--state .has-success .input-group .input-group-text, .m-form.m-form--state .has-success .input-group .btn.btn-secondary, .m-form.m-form--state .has-success .form-control:focus, .m-form.m-form--state .has-success .form-control { border-color: #009933; } .m-form.m-form--state .has-success .bootstrap-select.btn-group.btn.btn-secondary, .m-form.m-form--state .has-success .input-group-btn > .btn.btn-secondary { border-color: #009933; } .m-form.m-form--state .has-success .bootstrap-select.btn-group.btn.btn-secondary:hover, .m-form.m-form--state .has-success .input-group-btn > .btn.btn-secondary:hover { border-color: #009933; } .has-warning label:not([class]), .has-warning label.col-form-label, .has-warning label.form-control-label { color: #ffb822; } .has-warning .form-control-feedback { color: #ffb822; } .has-warning .input-group-text, .has-warning .form-control { border-color: #ebedf2; } .has-warning .form-control:focus { border-color: #e22e25; } .m-form.m-form--state .has-warning .input-group .input-group-text, .m-form.m-form--state .has-warning .input-group .btn.btn-secondary, .m-form.m-form--state .has-warning .form-control:focus, .m-form.m-form--state .has-warning .form-control { border-color: #ffb822; } .m-form.m-form--state .has-warning .bootstrap-select.btn-group.btn.btn-secondary, .m-form.m-form--state .has-warning .input-group-btn > .btn.btn-secondary { border-color: #ffb822; } .m-form.m-form--state .has-warning .bootstrap-select.btn-group.btn.btn-secondary:hover, .m-form.m-form--state .has-warning .input-group-btn > .btn.btn-secondary:hover { border-color: #ffb822; } .has-danger label:not([class]), .has-danger label.col-form-label, .has-danger label.form-control-label { color: #f4516c; } .has-danger .form-control-feedback { color: #f4516c; } .has-danger .input-group-text, .has-danger .form-control { border-color: #ebedf2; } .has-danger .form-control:focus { border-color: #e22e25; } .m-form.m-form--state .has-danger .input-group .input-group-text, .m-form.m-form--state .has-danger .input-group .btn.btn-secondary, .m-form.m-form--state .has-danger .form-control:focus, .m-form.m-form--state .has-danger .form-control { border-color: #f4516c; } .m-form.m-form--state .has-danger .bootstrap-select.btn-group.btn.btn-secondary, .m-form.m-form--state .has-danger .input-group-btn > .btn.btn-secondary { border-color: #f4516c; } .m-form.m-form--state .has-danger .bootstrap-select.btn-group.btn.btn-secondary:hover, .m-form.m-form--state .has-danger .input-group-btn > .btn.btn-secondary:hover { border-color: #f4516c; } .m-option { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1.4em; border-radius: 6px; } .m-option .m-option__control { width: 2.7rem; padding-top: 0.1rem; } .m-option .m-option__control .m-radio { display: block; } .m-option .m-option__label { width: 100%; } .m-option .m-option__label .m-option__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .m-option .m-option__label .m-option__head .m-option__title { font-size: 1.1rem; } .m-option .m-option__label .m-option__head .m-option__focus { font-size: 1.1rem; font-weight: 600; } .m-option .m-option__label .m-option__body { display: block; padding-top: 0.7rem; font-size: 0.85rem; } .m-option.m-option--plain { padding: 0; margin-top: -0.2rem; margin-bottom: 2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .m-option.m-option--plain .m-option__control { vertical-align: middle; width: 2.7rem; } .m-option.m-option--plain .m-option__control .m-radio { margin-bottom: 1.6rem; } .m-option.m-option--plain .m-option__label .m-option__body { padding-top: 0.2rem; } .m-option { border: 1px solid #ebedf2; } .m-option .m-option__label .m-option__head .m-option__title { color: #3f4047; } .m-option .m-option__label .m-option__head .m-option__focus { color: #3f4047; } .m-option.m-option--plain { border: none; } .has-success .m-option .m-option__label .m-option__head .m-option__title { color: #009933; } .has-warning .m-option .m-option__label .m-option__head .m-option__title { color: #ffb822; } .has-danger .m-option .m-option__label .m-option__head .m-option__title { color: #f4516c; } .has-danger .m-option { border: 1px solid #f00; } .m-loader { position: relative; } .m-loader:before { content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 50%; border-top: 2px solid #07d; border-right: 2px solid transparent; border-radius: 50%; -webkit-animation: m-loader-rotate 0.6s linear infinite; animation: m-loader-rotate 0.6s linear infinite; } .m-loader:before { width: 1.4rem; height: 1.4rem; margin-top: -0.7rem; margin-left: -0.7rem; border-top-width: 2px; border-right-width: 2px; } .m-loader.m-loader--lg:before { width: 2rem; height: 2rem; margin-top: -1rem; margin-left: -1rem; border-top-width: 3px; border-right-width: 3px; } .m-loader.m-loader--sm:before { width: 1rem; height: 1rem; margin-top: -0.5rem; margin-left: -0.5rem; border-top-width: 1px; border-right-width: 1px; } .m-loader.m-loader--right:before { left: auto; right: 0.7rem; } .m-loader.m-loader--right.m-loader--lg:before { right: 1rem; } .m-loader.m-loader--right.m-loader--sm:before { right: 0.5rem; } .m-loader.m-loader--right.btn { padding-right: 3.25rem; } .m-loader.m-loader--right.btn.m-loader--lg { padding-right: 4.65rem; } .m-loader.m-loader--right.btn.m-loader--sm { padding-right: 2.3rem; } .m-loader.m-loader--left:before { left: 1.4rem; } .m-loader.m-loader--left.m-loader--lg:before { left: 2rem; } .m-loader.m-loader--left.m-loader--sm:before { left: 1rem; } .m-loader.m-loader--left.btn { padding-left: 3.25rem; } .m-loader.m-loader--left.btn.m-loader--lg { padding-left: 4.65rem; } .m-loader.m-loader--left.btn.m-loader--sm { padding-left: 2.3rem; } @-webkit-keyframes m-loader-rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes m-loader-rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .m-loader:before { border-top-color: #dfe2ea; } .m-loader.m-loader--skin-dark:before { border-top-color: #acafba; } .m-loader.m-loader--brand:before { border-top-color: #e22e25; } .m-loader.m-loader--metal:before { border-top-color: #c4c5d6; } .m-loader.m-loader--light:before { border-top-color: #ffffff; } .m-loader.m-loader--accent:before { border-top-color: #00c5dc; } .m-loader.m-loader--focus:before { border-top-color: #9816f4; } .m-loader.m-loader--primary:before { border-top-color: #5867dd; } .m-loader.m-loader--success:before { border-top-color: #009933; } .m-loader.m-loader--info:before { border-top-color: #36a3f7; } .m-loader.m-loader--warning:before { border-top-color: #ffb822; } .m-loader.m-loader--danger:before { border-top-color: #f4516c; } .table th { font-weight: 500; } .table.table-striped thead th { border: 0; } .table.table-striped tbody th, .table.table-striped tbody td { border: 0; } .m-table.m-table--head-no-border thead th { border-top: 0; } .m-table.m-table--head-bg-brand thead th { background: #e22e25; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--head-separator-brand thead th { border-top: 0; border-bottom: 1px solid #e22e25; } .m-table tr.m-table__row--brand th, .m-table tr.m-table__row--brand td { background: #e22e25; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--border-brand, .m-table.m-table--border-brand th, .m-table.m-table--border-brand td { border-color: #e22e25; } .m-table.m-table--head-bg-metal thead th { background: #c4c5d6; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--head-separator-metal thead th { border-top: 0; border-bottom: 1px solid #c4c5d6; } .m-table tr.m-table__row--metal th, .m-table tr.m-table__row--metal td { background: #c4c5d6; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--border-metal, .m-table.m-table--border-metal th, .m-table.m-table--border-metal td { border-color: #c4c5d6; } .m-table.m-table--head-bg-light thead th { background: #ffffff; color: #282a3c; border-bottom: 0; border-top: 0; } .m-table.m-table--head-separator-light thead th { border-top: 0; border-bottom: 1px solid #ffffff; } .m-table tr.m-table__row--light th, .m-table tr.m-table__row--light td { background: #ffffff; color: #282a3c; border-bottom: 0; border-top: 0; } .m-table.m-table--border-light, .m-table.m-table--border-light th, .m-table.m-table--border-light td { border-color: #ffffff; } .m-table.m-table--head-bg-accent thead th { background: #00c5dc; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--head-separator-accent thead th { border-top: 0; border-bottom: 1px solid #00c5dc; } .m-table tr.m-table__row--accent th, .m-table tr.m-table__row--accent td { background: #00c5dc; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--border-accent, .m-table.m-table--border-accent th, .m-table.m-table--border-accent td { border-color: #00c5dc; } .m-table.m-table--head-bg-focus thead th { background: #9816f4; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--head-separator-focus thead th { border-top: 0; border-bottom: 1px solid #9816f4; } .m-table tr.m-table__row--focus th, .m-table tr.m-table__row--focus td { background: #9816f4; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--border-focus, .m-table.m-table--border-focus th, .m-table.m-table--border-focus td { border-color: #9816f4; } .m-table.m-table--head-bg-primary thead th { background: #5867dd; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--head-separator-primary thead th { border-top: 0; border-bottom: 1px solid #5867dd; } .m-table tr.m-table__row--primary th, .m-table tr.m-table__row--primary td { background: #5867dd; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--border-primary, .m-table.m-table--border-primary th, .m-table.m-table--border-primary td { border-color: #5867dd; } .m-table.m-table--head-bg-success thead th { background: #009933; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--head-separator-success thead th { border-top: 0; border-bottom: 1px solid #009933; } .m-table tr.m-table__row--success th, .m-table tr.m-table__row--success td { background: #009933; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--border-success, .m-table.m-table--border-success th, .m-table.m-table--border-success td { border-color: #009933; } .m-table.m-table--head-bg-info thead th { background: #36a3f7; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--head-separator-info thead th { border-top: 0; border-bottom: 1px solid #36a3f7; } .m-table tr.m-table__row--info th, .m-table tr.m-table__row--info td { background: #36a3f7; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--border-info, .m-table.m-table--border-info th, .m-table.m-table--border-info td { border-color: #36a3f7; } .m-table.m-table--head-bg-warning thead th { background: #ffb822; color: #111111; border-bottom: 0; border-top: 0; } .m-table.m-table--head-separator-warning thead th { border-top: 0; border-bottom: 1px solid #ffb822; } .m-table tr.m-table__row--warning th, .m-table tr.m-table__row--warning td { background: #ffb822; color: #111111; border-bottom: 0; border-top: 0; } .m-table.m-table--border-warning, .m-table.m-table--border-warning th, .m-table.m-table--border-warning td { border-color: #ffb822; } .m-table.m-table--head-bg-danger thead th { background: #f4516c; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--head-separator-danger thead th { border-top: 0; border-bottom: 1px solid #f4516c; } .m-table tr.m-table__row--danger th, .m-table tr.m-table__row--danger td { background: #f4516c; color: #ffffff; border-bottom: 0; border-top: 0; } .m-table.m-table--border-danger, .m-table.m-table--border-danger th, .m-table.m-table--border-danger td { border-color: #f4516c; } .dataTables_wrapper { padding: 0 !important; } .dataTables_wrapper .dataTable { width: 100% !important; border-collapse: initial !important; border-spacing: 0 !important; margin: 1rem 0 !important; } .dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td { vertical-align: middle; } .dataTables_wrapper .dataTable th .m-checkbox, .dataTables_wrapper .dataTable td .m-checkbox { margin-top: 0.3rem; margin-bottom: 0; } .dataTables_wrapper .dataTable th.dt-center, .dataTables_wrapper .dataTable td.dt-center { text-align: center; } .dataTables_wrapper .dataTable th.dt-left, .dataTables_wrapper .dataTable td.dt-left { text-align: left; } .dataTables_wrapper .dataTable th.dt-right, .dataTables_wrapper .dataTable td.dt-right { text-align: right; } .dataTables_wrapper .dataTable .filter th, .dataTables_wrapper .dataTable .filter td { vertical-align: top; } .dataTables_wrapper .dataTable .filter th .input-group + .input-group, .dataTables_wrapper .dataTable .filter td .input-group + .input-group { margin-top: 0.5rem; } .dataTables_wrapper .dataTable .filter th .btn + .btn, .dataTables_wrapper .dataTable .filter td .btn + .btn { margin-top: 0.5rem; } .dataTables_wrapper .dataTable .group th, .dataTables_wrapper .dataTable .group td { font-size: 1.1rem; font-weight: 500; } .dataTables_wrapper .dataTables_scroll { margin: 1rem 0 !important; } .dataTables_wrapper .dataTables_scroll .dataTable { margin: 0 !important; } .dataTables_wrapper .dataTables_paginate .pagination .page-item { margin-left: 0.4rem; } .dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link { border-radius: 50%; cursor: pointer; display: inline-block; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; vertical-align: middle; height: 2.25rem; min-width: 2.25rem; vertical-align: middle; padding: 0.5rem; text-align: center; position: relative; font-size: 1rem; line-height: 1rem; font-weight: 400; } .dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link > i { font-size: 1rem; text-align: center; display: inline-block; } .dataTables_wrapper .text-right .dataTables_filter, .dataTables_wrapper .text-left .dataTables_filter { display: inline-block; } .dataTables_wrapper .dataTables_info { padding-top: 0.45rem; } .dataTables_wrapper .dataTables_pager { text-align: right; } .dataTables_wrapper .dataTables_pager .dataTables_length { margin-right: 0.5rem; display: inline-block; } .dataTables_wrapper .dataTables_pager .dataTables_length + .dataTables_paginate { margin-left: 1rem; } .dataTables_wrapper .dataTables_pager .dataTables_info { display: inline-block; margin-right: 0.5rem; } .dataTables_wrapper .dataTables_pager .dataTables_paginate { display: inline-block; } @media (max-width: 1024px) { .dataTables_wrapper .dataTables_pager { margin-top: 1rem; text-align: center; } } @media (max-width: 768px) { .dataTables_wrapper .dataTables_paginate { margin-left: 0 !important; } .dataTables_wrapper .dataTables_paginate .pagination .page-item:first-child { margin-left: 0 !important; } .dataTables_wrapper .dataTables_paginate .pagination { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; top: 50%; left: 8px; height: 18px; width: 18px; margin-top: -9px; font-size: 18px; color: #5867dd; border: 0; background-color: transparent; font-family: "LineAwesome"; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: ""; } .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before { font-family: "LineAwesome"; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: ""; color: #5867dd; background-color: transparent; } .dataTables_wrapper .child .dtr-details { display: table !important; } .dataTables_wrapper .child .dtr-details > li { display: table-row !important; border: 0 !important; } .dataTables_wrapper .child .dtr-details > li .dtr-title { display: table-cell; vertical-align: top; border-bottom: 1px dashed #efefef; font-weight: 500; padding: 0.5rem 2rem 0.5rem 0; text-align: left; font-size:0.75rem; } .dataTables_wrapper .child .dtr-details > li .dtr-title:after { content: ':'; } .dataTables_wrapper .child .dtr-details > li .dtr-data { display: table-cell; vertical-align: top; border-bottom: 1px dashed #efefef; padding: 0.5rem 0; } .dataTables_wrapper .child .dtr-details > li:last-child .dtr-title { border-bottom: 0; } .dataTables_wrapper .child .dtr-details > li:last-child .dtr-data { border-bottom: 0; } .dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td { } .dataTables_wrapper .dataTable .selected th, .dataTables_wrapper .dataTable .selected td { background-color: #e2e5ec; color: #3f4047; } .dataTables_wrapper .dataTable .group th, .dataTables_wrapper .dataTable .group td { background-color: #f4f5f8; } .dataTables_wrapper .pagination .page-item > .page-link { color: #898b96; border: 0; } .dataTables_wrapper .pagination .page-item.previous > .page-link, .dataTables_wrapper .pagination .page-item.next > .page-link, .dataTables_wrapper .pagination .page-item.last > .page-link, .dataTables_wrapper .pagination .page-item.first > .page-link { background: #ebe9f2; } .dataTables_wrapper .pagination .page-item.previous > .page-link:hover, .dataTables_wrapper .pagination .page-item.next > .page-link:hover, .dataTables_wrapper .pagination .page-item.last > .page-link:hover, .dataTables_wrapper .pagination .page-item.first > .page-link:hover { background: #e22e25; color: #ffffff; } .dataTables_wrapper .pagination .page-item.active > .page-link { background: #e22e25; color: #ffffff; } .dataTables_wrapper .pagination .page-item:hover > .page-link { background: #e22e25; color: #ffffff; } .dataTables_wrapper .pagination .page-item.disabled > .page-link, .dataTables_wrapper .pagination .page-item.disabled:hover > .page-link { opacity: 0.6; filter: alpha(opacity=60); } /* FONT COLORS */ .m--font-brand { color: #e22e25 !important; } .m--font-inverse-brand { color: #ffffff !important; } .m--bg-brand { background-color: #e22e25 !important; } .m--bg-fill-brand { background-color: #e22e25 !important; color: #ffffff !important; } .m--font-metal { color: #c4c5d6 !important; } .m--font-inverse-metal { color: #ffffff !important; } .m--bg-metal { background-color: #c4c5d6 !important; } .m--bg-fill-metal { background-color: #c4c5d6 !important; color: #ffffff !important; } .m--font-light { color: #ffffff !important; } .m--font-inverse-light { color: #282a3c !important; } .m--bg-light { background-color: #ffffff !important; } .m--bg-fill-light { background-color: #ffffff !important; color: #282a3c !important; } .m--font-accent { color: #00c5dc !important; } .m--font-inverse-accent { color: #ffffff !important; } .m--bg-accent { background-color: #00c5dc !important; } .m--bg-fill-accent { background-color: #00c5dc !important; color: #ffffff !important; } .m--font-focus { color: #9816f4 !important; } .m--font-inverse-focus { color: #ffffff !important; } .m--bg-focus { background-color: #9816f4 !important; } .m--bg-fill-focus { background-color: #9816f4 !important; color: #ffffff !important; } .m--font-primary { color: #5867dd !important; } .m--font-inverse-primary { color: #ffffff !important; } .m--bg-primary { background-color: #5867dd !important; } .m--bg-fill-primary { background-color: #5867dd !important; color: #ffffff !important; } .m--font-success { color: #009933 !important; } .m--font-inverse-success { color: #ffffff !important; } .m--bg-success { background-color: #009933 !important; } .m--bg-fill-success { background-color: #009933 !important; color: #ffffff !important; } .m--font-info { color: #36a3f7 !important; } .m--font-inverse-info { color: #ffffff !important; } .m--bg-info { background-color: #36a3f7 !important; } .m--bg-fill-info { background-color: #36a3f7 !important; color: #ffffff !important; } .m--font-warning { color: #ffb822 !important; } .m--font-inverse-warning { color: #111111 !important; } .m--bg-warning { background-color: #ffb822 !important; } .m--bg-fill-warning { background-color: #ffb822 !important; color: #111111 !important; } .m--font-danger { color: #f4516c !important; } .m--font-inverse-danger { color: #ffffff !important; } .m--bg-danger { background-color: #f4516c !important; } .m--bg-fill-danger { background-color: #f4516c !important; color: #ffffff !important; } .m--valign-middle-i { vertical-align: middle !important; } .m-divider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.5rem; } .m-divider > div:first-child, .m-divider > span:first-child { width: 100%; height: 1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #cecece; display: inline-block; } .m-divider > div:last-child, .m-divider > span:last-child { width: 100%; height: 1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #cecece; display: inline-block; } .m-divider > div:not(:first-child):not(:last-child), .m-divider > span:not(:first-child):not(:last-child) { padding: 0 2rem; } .text-nowrap { white-space: nowrap !important; } .w-10{ width: 10% !important; } .w-15 { width: 15% !important; } .table-sm caption { font-size:0.8rem !important; } ul.sidelinks{ font-size:0.9rem; text-transform: lowercase; } .news-holder p { line-height: 1.25rem !important; padding-top: 4px; } .news-left{ min-width: 65px !important; } .right_sidebar .news-holder .news-img img, .footer .news-holder .news-img img { width: 65px !important; } .right_sidebar .news-holder .news-date, .footer .news-holder .news-date { font-size: 11px !important } .right_sidebar .news-holder a, .footer .news-holder a { font-size: 0.8rem; color: #727272; text-decoration: none; transition: all 0.5s ease; } .right_sidebar .news-holder a:hover { color: #e22e25; text-decoration: none; } .footer .news-holder .flex-row:hover a { color: #fff; text-decoration: none; } .footer .news-holder .col-sm-12:last-child a { display: none !important; } .d-small dd, .d-small dt, .d-small p { font-size: 0.9rem !important; } .article { float: left; width: 100%; } ul.post_meta_links { float: left; margin: -5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post_meta_links li { float: left; margin: 0px; padding: 0px 0px 0px 4px; list-style-type: none; color: #999; font-size: 11px; } .post_meta_links li:first-child{ margin-left: 0px !important; padding-left: 0px !important; } .post_meta_links li a { color: #999; padding: 0; margin: 0px 18px 0px 0px; text-decoration: none; font-size: 0.9rem; text-transform: lowercase; } .post_meta_links li a:hover { color: #727272; text-decoration: none; } .post_meta_links li i { color: #bbb; font-size: 12px; font-style: normal; } .articlecontent { float: left; width: 100%; padding-top: 1rem; } .articlecontent span.pull-right{ font-size:0.8rem !important; } .articlecontent p { margin-bottom: .5rem !Important; } .articlecontent .image_frame { float: left; width: 100%; margin-bottom: 27px; } .articlecontent .image_frame.mone { float: left; width: 100%; height: 280px; overflow: hidden; } .articlecontent .image_frame.mtwo { float: left; width: 100%; height: 180px; overflow: hidden; } .articlecontent .image_frame.mthree { float: left; width: 100%; height: 480px; overflow: hidden; } .articlecontent .image_frame.mone img, .articlecontent .image_frame.mtwo img, .articlecontent .image_frame.mthree img { float: left; width: auto; margin-left: -45%; margin-top: -10%; } .articlecontent .video_frame.mtwo iframe { float: left; width: 100%; height: 280px; overflow: hidden; } .articlecontent .image_frame.small { float: left; width: 43%; border: 7px solid #fff; margin-bottom: 25px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); } .articlecontent .image_frame.small:hover { border: 7px solid #f9f9f9; } .articlecontent .image_frame img { float: left; width: 100%; } .articlecontent .video_frame.small iframe { height: 250px; } .articlecontent .video_frame iframe { float: left; width: 100%; height: 520px; margin-bottom: 27px; } .post_info_content_small { padding: 0px; margin: 0 0 0 4%; width: 50%; float: left; } ul.post_meta_links_small { float: left; margin: -15px 0px 12px 80px; padding: 0px 0px 0px 0px; width: 80%; } .post_meta_links_small li a { color: #a1a1a1; padding: 0px 5px 0px 0px; text-decoration: none; font-size: 11px; } .post_meta_links_small li a:hover { color: #727272; padding: 0px 5px 0px 0px; text-decoration: none; font-size: 11px; } .article a.date { color: #454545; font-size: 16px; font-weight: normal; } .article a.date:hover { color: #2ecc71; } .post_readmore:link, .post_readmore:visited { float: right; height: 27px; width: 185px; text-align: center; padding-top: 7px; color: #fff; text-decoration: none; background: url(/App_Themes/main/images/skin01/but_post_readmore.jpg) no-repeat left top; } .post_readmore:hover { float: right; height: 27px; width: 185px; text-align: center; padding-top: 7px; color: #fff; text-decoration: none; background: url(/App_Themes/main/images/skin01/but_post_readmore_hover.jpg) no-repeat left top; } .sharepost { float: left; width: 80%; margin-bottom: 40px; } .sharepost ul { margin: 0px; padding: 0px; } .sharepost li { margin: 0px 7px 5px 0px; padding: 2px 5px; float: left; border-radius: 2px; list-style-type: none; background-color: #2ecc71; transition: all 0.3s ease; } .sharepost li i { color: #fff; } .sharepost li:hover { background-color: #383634; } .about_author { float: left; width: 100%; padding: 20px; background-color: #f9f9f9; border: 1px solid #eee; } .about_author img { float: left; margin-right: 20px; } .about_author a { font-family: 'Open Sans' !important; font-weight: normal; font-weight: 600; color: #333; } .about_author a:hover { color: #2ecc71; } .bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; background: #fff } .bs-callout-danger { border-left-color: rgb(238,0,0); } .bs-callout-warning { border-left-color: #f0ad4e; } .bs-callout-info { border-left-color: #5bc0de; } .bs-callout h4 { margin-top: 0; margin-bottom: 5px; font-size: 1.2rem; } .bs-callout-danger h4 { color: rgb(238,0,0); } .bs-callout-warning h4 { color: #f0ad4e; } .bs-callout-info h4 { color: #5bc0de; } .btnLang.disabled { pointer-events: none !important; } .offers { margin-left:20px; } .offers > li { list-style-type: square; font-weight: normal; line-height: 25px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #727272; } .offers > li a:before { content: '\00ab'; } .offers > li a:after { content: '\00bb'; } .sign { float: right; /* Выравнивание по правому краю */ border: 1px solid #333; /* Параметры рамки */ padding: 7px; /* Поля внутри блока */ margin: 10px 0 5px 5px; /* Отступы вокруг */ background: #fff; /* Цвет фона */ } .sign figcaption { margin: 0 auto 5px; /* Отступы вокруг абзаца */ } dd > ul, dd > ul > li { list-style: square !important; list-style-position: outside !important; } dd > ul { margin-left: 1rem !important; } div.tslider { display: none; } .currency-ua{ font-family: Roboto; font-weight:700; white-space: nowrap !important; } .currency-ua span:not(.footnote)::before { content: '\20B4 '; font-weight: 700 !important; margin-right:.25rem; } .nav-item a:hover .badge{ background-color: #e22e25; } /* 404 Error Page */ .error_pagenotfound { padding: 50px 30px 58px 30px; margin: 0 auto; width: 90%; background-color: #fff; border: 1px solid #eee; border-bottom: 5px solid #eee; text-align: center; font-family: 'Open Sans', sans-serif; } .error_pagenotfound strong { display: block; font-size: 145px; line-height: 100px; color: #e3e3e3; font-weight: normal; margin-bottom: 10px; text-shadow: 5px 5px 1px #fafafa; } .error_pagenotfound b { display: block; font-size: 40px; line-height: 50px; color: #999; margin: 0; font-weight: 300; } .error_pagenotfound em { display: block; font-size: 18px; line-height: 59px; color: #2ecc71; margin: 0; font-style: normal; } #page-preloader, .page-preloader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #fff !Important; z-index: 3000; margin: auto; text-align: center; vertical-align: middle } #page-logo, .page-logo { width: 122px; height: 60px; padding: 10px; margin-left: -66px; margin-top: -35px; position: absolute; top: 50%; left: 50%; font-family: "Ubuntu",serif } #page-logo > img, .page.logo > img { position: relative; z-index: 3 } .contpre { z-index: 2; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader { z-index: 1; border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #E22E25; border-bottom: 5px solid #E22E25; width: 80px; height: 80px; -webkit-animation: spin 0.7s linear infinite; animation: spin 0.7s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .paygate img { width:150px; } .contacts img{ width:1.375rem; display: inline-block; } .contacts a { color:#727272 !important; transition: color 0.3s ease; } .contacts a:hover { color:#e22e25 !important; } .head-contacts a { text-decoration: none !important; position:relative; opacity: 0.8; } .head-contacts a:hover { text-decoration: none !important; opacity: 1; } /* Fix FontAwesome for older browsers*/ .fa:before, .far:before, .fas:before { font-family: "Font Awesome 5 Free" !important; } .fab:before { font-family: "Font Awesome 5 Brands" !important; } .accordion { margin-bottom: 10px; text-align: left; } .accordion-title { cursor: pointer; position: relative; padding: 12px 28px 12px 18px; background: #fff; overflow: hidden; font-size: 16px; font-weight: 700; color: #333; text-overflow: ellipsis; -webkit-transition: all .4s ease; transition: all .4s ease; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); z-index: 2; will-change: transform; display: flex; align-items:center; justify-content: space-between; } .accordion-title .arrow { position: absolute; top: 50%; right: 15px; bottom: 0; width: 12px; height: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .accordion-title .arrow:before { display: block; content: '\f0dd'; color: #333; font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 900; text-align: center; transition: .2s; } .accordion-title:hover { color: #fff; background: #E22E25; } .accordion-title:hover .arrow:before { color: #fff; } .accordion-title ~ .accordion-title { margin-top: 20px; } .accordion-title.active { color: #fff; background: #E22E25; box-shadow: none; } .accordion-title.active + .accordion-inner:after { opacity: 1; } .accordion-title.active .arrow:before { color: #fff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .accordion-title + .accordion-inner { margin-top: 15px; padding: 15px 20px 15px; position: relative; z-index: 1; } .accordion-title + .accordion-inner:after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1); z-index: -1; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .rate-holder .r-service {display:block !important;} .rate-holder .r-connect {display: none !important;} .rate-holder.connect .r-service {display: none !important;} .rate-holder.connect .r-connect {display: block !important;} .datepicker { width: 265px; padding: 10px; } .datepicker.datepicker-orient-top { margin-top: 8px; } .datepicker table { width: 100%; } .datepicker td, .datepicker th { width: 35px; height: 35px; border-radius: 3px; } .datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next { font-weight: 500; } .datepicker thead th.prev i, .datepicker thead th.datepicker-switch i, .datepicker thead th.next i { font-size: 0.85rem; } .datepicker thead th.dow { font-weight: 500; } .datepicker tbody tr > td.day.today { position: relative; } .datepicker tbody tr > td.day.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #ffffff; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .datepicker tfoot tr > th.today, .datepicker tfoot tr > th.clear { border-radius: 3px; font-weight: 500; } .input-daterange .input-group-addon { min-width: 44px; } .input-daterange input { text-align: left; } .datepicker thead th.prev:hover, .datepicker thead th.datepicker-switch:hover, .datepicker thead th.next:hover { background: #ebedf2; } .datepicker tbody tr > td.day { color: #575962; } .datepicker tbody tr > td.day:hover { background: #ebedf2; } .datepicker tbody tr > td.day.old { color: #7b7e8a; } .datepicker tbody tr > td.day.new { color: #575962; } .datepicker tbody tr > td.day.selected, .datepicker tbody tr > td.day.selected:hover, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.active:hover { background: #5867dd; color: #ffffff; } .datepicker tbody tr > td.day.today { background: #828ee6; color: #ffffff; } .datepicker tbody tr > td.day.today:before { border-bottom-color: #ffffff; border-top-color: rgba(0, 0, 0, 0.2); } .datepicker tbody tr > td.day.range { background: #f4f5f8; } .datepicker tbody tr > td span.month { color: #575962; } .datepicker tbody tr > td span.month.focused, .datepicker tbody tr > td span.month:hover { background: #ebedf2; } .datepicker tbody tr > td span.month.active:hover, .datepicker tbody tr > td span.month.active { background: #5867dd; color: #ffffff; } .datepicker tfoot tr > th.today:hover, .datepicker tfoot tr > th.clear:hover { background: #ebedf2; } .datepicker.datepicker-inline { border: 1px solid #f4f5f8; } .datetimepicker { width: 265px; padding: 10px; left: auto; } .datetimepicker.datetimepicker-orient-top { margin-top: 8px; } .datetimepicker table { width: 100%; } .datetimepicker td, .datetimepicker th { width: 35px; height: 35px; border-radius: 3px; } .datetimepicker thead th.prev, .datetimepicker thead th.switch, .datetimepicker thead th.next { font-weight: 500; } .datetimepicker thead th.dow { font-weight: 500; } .datetimepicker thead th.next > span, .datetimepicker thead th.prev > span { display: inline-block; font: normal normal normal 16px/1 "LineAwesome"; font-size: inherit; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 0.85rem; } .datetimepicker thead th.next > span:before { content: "\f112"; } .datetimepicker thead th.prev > span:before { content: "\f111"; } .datetimepicker tbody tr > td.day.today { position: relative; } .datetimepicker tbody tr > td.day.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #ffffff; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .datetimepicker tfoot tr > th.today, .datetimepicker tfoot tr > th.clear { border-radius: 3px; font-weight: 500; } .input-daterange .input-group-addon { min-width: 44px; } .datetimepicker thead th.prev:hover, .datetimepicker thead th.switch:hover, .datetimepicker thead th.next:hover { background: #ebedf2; } .datetimepicker tbody tr > td.day { color: #575962; } .datetimepicker tbody tr > td.day:hover { background: #ebedf2; } .datetimepicker tbody tr > td.day.old { color: #7b7e8a; } .datetimepicker tbody tr > td.day.new { color: #575962; } .datetimepicker tbody tr > td.day.selected, .datetimepicker tbody tr > td.day.active { background: #5867dd; color: #ffffff; } .datetimepicker tbody tr > td.day.today { background: #828ee6; color: #ffffff; position: relative; } .datetimepicker tbody tr > td.day.today:before { border-bottom-color: #ffffff; border-top-color: rgba(0, 0, 0, 0.2); } .datetimepicker tbody tr > td.day.range { background: #f4f5f8; } .datetimepicker tbody tr > td span.hour, .datetimepicker tbody tr > td span.minute, .datetimepicker tbody tr > td span.month { color: #575962; } .datetimepicker tbody tr > td span.hour.focused, .datetimepicker tbody tr > td span.hour:hover, .datetimepicker tbody tr > td span.minute.focused, .datetimepicker tbody tr > td span.minute:hover, .datetimepicker tbody tr > td span.month.focused, .datetimepicker tbody tr > td span.month:hover { background: #ebedf2; } .datetimepicker tbody tr > td span.hour.active:hover, .datetimepicker tbody tr > td span.hour.active, .datetimepicker tbody tr > td span.minute.active:hover, .datetimepicker tbody tr > td span.minute.active, .datetimepicker tbody tr > td span.month.active:hover, .datetimepicker tbody tr > td span.month.active { background: #5867dd; color: #ffffff; } .datetimepicker tfoot tr > th.today:hover, .datetimepicker tfoot tr > th.clear:hover { background-color: #ebedf2; } .datetimepicker.datetimepicker-inline { border: 1px solid #f4f5f8; } .m-rates-date:hover { cursor:pointer !important; } .ribbon { position: absolute; display: inline-block; top: 0.2em; right: 0.3rem; max-width: 5em; color: #fff; z-index: -1; } .ribbon::after { position: absolute; top: -1.5em; right: -6em; content: ""; height: 4em; width: 9em; transform: rotateZ(45deg); background-color: var(--success); z-index: -1; } .m-blockui { border-radius: 4px; display: table; table-layout: fixed; } .m-blockui > span { display: table-cell; vertical-align: middle; padding: 8px 15px; font-size: 1rem; font-weight: 400; } .m-blockui > span > .m-loader, .m-blockui > span > .m-spinner { margin-right: 10px; } .blockUI { border: 0 !important; }